@sikka/hawa 0.1.59 → 0.1.60
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/index.d.mts +63 -80
- package/dist/index.d.ts +63 -80
- package/dist/index.js +330 -214
- package/dist/index.mjs +795 -677
- package/dist/styles.css +61 -0
- package/package.json +2 -1
- package/src/elements/Dialog.tsx +136 -0
- package/src/elements/DropdownMenu.tsx +16 -16
- package/src/elements/HawaAlert.tsx +9 -5
- package/src/elements/HawaItemCard.tsx +29 -22
- package/src/elements/HawaTable.tsx +3 -20
- package/src/elements/index.ts +1 -0
- package/src/layout/AppLayout.tsx +2 -13
- package/src/layout/HawaAppLayoutSimplified.tsx +2 -13
- package/src/styles.css +61 -0
- package/tools/build-styles.js +0 -17
package/dist/index.d.mts
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
2
|
import React__default, { FC, ChangeEvent, ReactElement, ReactNode, RefObject, PropsWithRef, ButtonHTMLAttributes } from 'react';
|
|
3
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
3
4
|
import { BaseEditor } from 'slate';
|
|
4
5
|
import { ReactEditor } from 'slate-react';
|
|
5
6
|
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
|
|
6
7
|
import { VariantProps } from 'class-variance-authority';
|
|
7
8
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
8
|
-
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
9
9
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
10
10
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
11
11
|
import * as ToastPrimitives from '@radix-ui/react-toast';
|
|
12
12
|
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
13
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
13
14
|
|
|
14
15
|
type TCheckBoxTypes = {
|
|
15
16
|
centered?: boolean;
|
|
@@ -140,7 +141,7 @@ type TypographyTypes$1 = {
|
|
|
140
141
|
declare const HawaTypography: FC<TypographyTypes$1>;
|
|
141
142
|
|
|
142
143
|
type AlertTypes = {
|
|
143
|
-
severity
|
|
144
|
+
severity?: "info" | "warning" | "error" | "success";
|
|
144
145
|
/** The title of the alert placed above the text of the alert. Can be used alone */
|
|
145
146
|
title?: any;
|
|
146
147
|
/** The text of the alert placed below the title of the alert. Can be used alone */
|
|
@@ -158,9 +159,44 @@ type AlertTypes = {
|
|
|
158
159
|
];
|
|
159
160
|
persistant?: boolean;
|
|
160
161
|
icon?: any;
|
|
162
|
+
className?: any;
|
|
161
163
|
};
|
|
162
164
|
declare const HawaAlert: React__default.FunctionComponent<AlertTypes>;
|
|
163
165
|
|
|
166
|
+
type ExtendedDropdownMenuContentProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
|
|
167
|
+
type ExtendedDropdownMenuTriggerProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
|
|
168
|
+
type SubItem$2 = {
|
|
169
|
+
label: string;
|
|
170
|
+
value: string;
|
|
171
|
+
icon?: any;
|
|
172
|
+
action?: () => void;
|
|
173
|
+
highlighted?: boolean;
|
|
174
|
+
};
|
|
175
|
+
type MenuItemType = {
|
|
176
|
+
icon?: any;
|
|
177
|
+
label: string;
|
|
178
|
+
value: string;
|
|
179
|
+
end?: any;
|
|
180
|
+
presist?: boolean;
|
|
181
|
+
action?: () => void;
|
|
182
|
+
highlighted?: boolean;
|
|
183
|
+
subitems?: SubItem$2[];
|
|
184
|
+
};
|
|
185
|
+
interface DropdownMenuProps {
|
|
186
|
+
trigger?: any;
|
|
187
|
+
items?: MenuItemType[];
|
|
188
|
+
direction?: "rtl" | "ltr";
|
|
189
|
+
onItemSelect?: any;
|
|
190
|
+
className?: ExtendedDropdownMenuContentProps["className"];
|
|
191
|
+
triggerClassname?: ExtendedDropdownMenuTriggerProps["className"];
|
|
192
|
+
sideOffset?: ExtendedDropdownMenuContentProps["sideOffset"];
|
|
193
|
+
side?: ExtendedDropdownMenuContentProps["side"];
|
|
194
|
+
align?: ExtendedDropdownMenuContentProps["align"];
|
|
195
|
+
alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
|
|
196
|
+
width?: "default" | "sm" | "lg" | "parent";
|
|
197
|
+
}
|
|
198
|
+
declare const DropdownMenu: React$1.FC<DropdownMenuProps>;
|
|
199
|
+
|
|
164
200
|
type RowTypes = {
|
|
165
201
|
hidden: boolean;
|
|
166
202
|
value: any;
|
|
@@ -174,7 +210,7 @@ type ColTypes = {
|
|
|
174
210
|
type TableTypes = {
|
|
175
211
|
pagination?: boolean;
|
|
176
212
|
columns: ColTypes[];
|
|
177
|
-
actions?:
|
|
213
|
+
actions?: MenuItemType[];
|
|
178
214
|
direction?: "rtl" | "ltr";
|
|
179
215
|
rows?: RowTypes[][];
|
|
180
216
|
handleActionClick?: any;
|
|
@@ -196,12 +232,6 @@ type TableTypes = {
|
|
|
196
232
|
headerTools?: boolean;
|
|
197
233
|
borders?: "all" | "cols" | "rows" | "outer" | "inner";
|
|
198
234
|
};
|
|
199
|
-
type Item$5 = {
|
|
200
|
-
label: string;
|
|
201
|
-
value: string;
|
|
202
|
-
action?: () => void;
|
|
203
|
-
highlighted?: boolean;
|
|
204
|
-
};
|
|
205
235
|
declare const HawaTable: FC<TableTypes>;
|
|
206
236
|
|
|
207
237
|
type ColorPickerTypes = {
|
|
@@ -489,12 +519,12 @@ type ComponentTypes$3 = {
|
|
|
489
519
|
};
|
|
490
520
|
declare const UserFeedback: FC<ComponentTypes$3>;
|
|
491
521
|
|
|
492
|
-
type Item$
|
|
522
|
+
type Item$2 = {
|
|
493
523
|
label?: string;
|
|
494
524
|
icon?: JSX.Element;
|
|
495
525
|
};
|
|
496
526
|
type ComponentTypes$2 = {
|
|
497
|
-
items: Item$
|
|
527
|
+
items: Item$2[];
|
|
498
528
|
index?: number;
|
|
499
529
|
arrowSize?: number;
|
|
500
530
|
labelSize?: "small" | "medium" | "big";
|
|
@@ -617,7 +647,7 @@ type PinInputTypes = {
|
|
|
617
647
|
declare const HawaPinInput: FC<PinInputTypes>;
|
|
618
648
|
|
|
619
649
|
interface ItemCardTypes {
|
|
620
|
-
headerActions?:
|
|
650
|
+
headerActions?: MenuItemType[];
|
|
621
651
|
header?: any;
|
|
622
652
|
content?: any;
|
|
623
653
|
/** a URL for the image of the card */
|
|
@@ -639,12 +669,6 @@ interface ItemCardTypes {
|
|
|
639
669
|
/** The icon of the action button on the image of the card */
|
|
640
670
|
clickableImageActionIcon?: any;
|
|
641
671
|
}
|
|
642
|
-
type THeaderActions = {
|
|
643
|
-
icon?: JSX.Element;
|
|
644
|
-
label: string;
|
|
645
|
-
action?: (e: any) => void;
|
|
646
|
-
isButton?: boolean;
|
|
647
|
-
};
|
|
648
672
|
declare const HawaItemCard: FC<ItemCardTypes>;
|
|
649
673
|
|
|
650
674
|
type PricingCardTypes = {
|
|
@@ -776,39 +800,6 @@ type TypographyTypes = {
|
|
|
776
800
|
};
|
|
777
801
|
declare const InterfaceSettings: FC<TypographyTypes>;
|
|
778
802
|
|
|
779
|
-
type ExtendedDropdownMenuContentProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
|
|
780
|
-
type ExtendedDropdownMenuTriggerProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
|
|
781
|
-
type SubItem$3 = {
|
|
782
|
-
label: string;
|
|
783
|
-
value: string;
|
|
784
|
-
icon?: any;
|
|
785
|
-
action?: () => void;
|
|
786
|
-
highlighted?: boolean;
|
|
787
|
-
};
|
|
788
|
-
type Item$3 = {
|
|
789
|
-
icon?: any;
|
|
790
|
-
label: string;
|
|
791
|
-
value: string;
|
|
792
|
-
end?: any;
|
|
793
|
-
presist?: boolean;
|
|
794
|
-
action?: () => void;
|
|
795
|
-
highlighted?: boolean;
|
|
796
|
-
subitems?: SubItem$3[];
|
|
797
|
-
};
|
|
798
|
-
declare const DropdownMenu: ({ trigger, items, direction, onItemSelect, sideOffset, side, className, triggerClassname, align, alignOffset, width, }: {
|
|
799
|
-
trigger?: any;
|
|
800
|
-
items?: Item$3[];
|
|
801
|
-
direction?: "rtl" | "ltr";
|
|
802
|
-
onItemSelect?: any;
|
|
803
|
-
className?: ExtendedDropdownMenuContentProps["className"];
|
|
804
|
-
triggerClassname?: ExtendedDropdownMenuTriggerProps["className"];
|
|
805
|
-
sideOffset?: ExtendedDropdownMenuContentProps["sideOffset"];
|
|
806
|
-
side?: ExtendedDropdownMenuContentProps["side"];
|
|
807
|
-
align?: ExtendedDropdownMenuContentProps["align"];
|
|
808
|
-
alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
|
|
809
|
-
width?: "default" | "sm" | "lg" | "parent";
|
|
810
|
-
}) => React$1.JSX.Element;
|
|
811
|
-
|
|
812
803
|
interface PopoverProps {
|
|
813
804
|
side?: "top" | "right" | "bottom" | "left";
|
|
814
805
|
align?: "start" | "center" | "end";
|
|
@@ -857,6 +848,20 @@ interface SwitchProps extends React$1.ComponentPropsWithoutRef<typeof SwitchPrim
|
|
|
857
848
|
}
|
|
858
849
|
declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
859
850
|
|
|
851
|
+
declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
|
|
852
|
+
declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
853
|
+
declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
854
|
+
declare const DialogHeader: {
|
|
855
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
856
|
+
displayName: string;
|
|
857
|
+
};
|
|
858
|
+
declare const DialogFooter: {
|
|
859
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
860
|
+
displayName: string;
|
|
861
|
+
};
|
|
862
|
+
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
863
|
+
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
864
|
+
|
|
860
865
|
declare const Box: (props: any) => React__default.JSX.Element;
|
|
861
866
|
|
|
862
867
|
type BottomAppBarTypes = {
|
|
@@ -891,7 +896,7 @@ declare const HawaSiteLayout: React__default.FunctionComponent<HawaSiteLayoutTyp
|
|
|
891
896
|
type AppLayoutTypes = {
|
|
892
897
|
design?: "default" | "bubbles" | "floating";
|
|
893
898
|
/** The pages of the side drawer */
|
|
894
|
-
drawerItems: Item$
|
|
899
|
+
drawerItems: Item$1[];
|
|
895
900
|
direction?: "rtl" | "ltr";
|
|
896
901
|
currentPage: string;
|
|
897
902
|
pageTitle?: string;
|
|
@@ -903,7 +908,7 @@ type AppLayoutTypes = {
|
|
|
903
908
|
username?: string;
|
|
904
909
|
email?: string;
|
|
905
910
|
drawerSize?: "sm" | "md" | "large";
|
|
906
|
-
profileMenuItems?:
|
|
911
|
+
profileMenuItems?: MenuItemType[];
|
|
907
912
|
onSettingsClick?: () => void;
|
|
908
913
|
DrawerFooterActions?: any;
|
|
909
914
|
clickedItem?: any;
|
|
@@ -912,30 +917,19 @@ type AppLayoutTypes = {
|
|
|
912
917
|
collapseSidebar?: string;
|
|
913
918
|
};
|
|
914
919
|
};
|
|
915
|
-
type Item$
|
|
920
|
+
type Item$1 = {
|
|
916
921
|
value: string;
|
|
917
922
|
label: string;
|
|
918
923
|
icon?: any;
|
|
919
|
-
subitems?: SubItem$
|
|
924
|
+
subitems?: SubItem$1[];
|
|
920
925
|
onClick?: () => void;
|
|
921
926
|
};
|
|
922
|
-
type SubItem$
|
|
927
|
+
type SubItem$1 = {
|
|
923
928
|
value: string;
|
|
924
929
|
label: string;
|
|
925
930
|
icon?: any;
|
|
926
931
|
onClick?: () => void;
|
|
927
932
|
};
|
|
928
|
-
type ProfileSubItem = {
|
|
929
|
-
label: string;
|
|
930
|
-
value: string;
|
|
931
|
-
highlighted?: boolean;
|
|
932
|
-
};
|
|
933
|
-
type ProfileItem = {
|
|
934
|
-
label: string;
|
|
935
|
-
value: string;
|
|
936
|
-
highlighted?: boolean;
|
|
937
|
-
subitems?: ProfileSubItem[];
|
|
938
|
-
};
|
|
939
933
|
declare const AppLayout: React__default.FunctionComponent<AppLayoutTypes>;
|
|
940
934
|
|
|
941
935
|
type HawaAppLayoutTypes$1 = {
|
|
@@ -988,7 +982,7 @@ type HawaAppLayoutTypes = {
|
|
|
988
982
|
username?: string;
|
|
989
983
|
email?: string;
|
|
990
984
|
drawerSize?: "sm" | "md" | "large";
|
|
991
|
-
profileMenuItems?:
|
|
985
|
+
profileMenuItems?: MenuItemType[];
|
|
992
986
|
onSettingsClick?: () => void;
|
|
993
987
|
DrawerFooterActions?: any;
|
|
994
988
|
texts?: {
|
|
@@ -996,17 +990,6 @@ type HawaAppLayoutTypes = {
|
|
|
996
990
|
collapseSidebar?: string;
|
|
997
991
|
};
|
|
998
992
|
};
|
|
999
|
-
type SubItem$1 = {
|
|
1000
|
-
label: string;
|
|
1001
|
-
value: string;
|
|
1002
|
-
highlighted?: boolean;
|
|
1003
|
-
};
|
|
1004
|
-
type Item$1 = {
|
|
1005
|
-
label: string;
|
|
1006
|
-
value: string;
|
|
1007
|
-
highlighted?: boolean;
|
|
1008
|
-
subitems?: SubItem$1[];
|
|
1009
|
-
};
|
|
1010
993
|
declare const HawaAppLayoutSimplified: React__default.FunctionComponent<HawaAppLayoutTypes>;
|
|
1011
994
|
|
|
1012
995
|
type ContainerTypes = {
|
|
@@ -1662,4 +1645,4 @@ declare function useToast(): {
|
|
|
1662
1645
|
toasts: ToasterToast[];
|
|
1663
1646
|
};
|
|
1664
1647
|
|
|
1665
|
-
export { Announcement, AppLanding, AppLayout, AppSidebar, ArrowCarousel, BackToTop, Box, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, ChargeWalletForm, CheckoutForm, CodeConfirmation, ComparingPlans, ConfirmationPage, CreditCardForm, DragDropImages, DraggableCard, DropdownMenu, EmptyState, FloatingComment, FloatingCommentExec, FloatingCommentSlate, Footer, HawaAccordion, HawaAdCard, HawaAlert, HawaAppLayout, HawaAppLayoutSimplified, HawaBanner, HawaBottomAppBar, HawaButton, HawaCheckbox, HawaChip, HawaCodeBlock, HawaColorPicker, HawaContainer, HawaCopyrights, HawaDatepicker, HawaDropdownMenu, HawaGrid, HawaIconCount, HawaInlineCode, HawaItemCard, HawaLandingCard, HawaLoading, HawaMenu, HawaModal, HawaPanelTabs, HawaPhoneInput, HawaPinInput, HawaPricingCard, HawaRadio, HawaRange, HawaSearchBar, HawaSelect, HawaSettingsRow, HawaSiteLayout, HawaStats, HawaStepper, HawaStoreButtons, HawaTable, HawaTabs, HawaTextField, HawaTooltip, HawaTypography, HorizontalPricing, Input, InputProps, InterfaceSettings, InvoiceAccordion, Label, LeadGenerator, NewPasswordForm, NoPermission, NotFound, PayWithWallet, Popover, PricingPlans, ReferralAccount, ReferralSettlement, ReferralStats, ResetPasswordForm, SelectPayment, Separator, SidebarGroup, SidebarItem, SignInBlock, SignInForm, SignInPhone, SignUpForm, Skeleton, SubsectionList, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Timeline, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, UsageCard, UserFeedback, UserProfileForm, UserSettingsForm, buttonVariants, reducer, toast, useToast };
|
|
1648
|
+
export { Announcement, AppLanding, AppLayout, AppSidebar, ArrowCarousel, BackToTop, Box, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, ChargeWalletForm, CheckoutForm, CodeConfirmation, ComparingPlans, ConfirmationPage, CreditCardForm, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DragDropImages, DraggableCard, DropdownMenu, EmptyState, FloatingComment, FloatingCommentExec, FloatingCommentSlate, Footer, HawaAccordion, HawaAdCard, HawaAlert, HawaAppLayout, HawaAppLayoutSimplified, HawaBanner, HawaBottomAppBar, HawaButton, HawaCheckbox, HawaChip, HawaCodeBlock, HawaColorPicker, HawaContainer, HawaCopyrights, HawaDatepicker, HawaDropdownMenu, HawaGrid, HawaIconCount, HawaInlineCode, HawaItemCard, HawaLandingCard, HawaLoading, HawaMenu, HawaModal, HawaPanelTabs, HawaPhoneInput, HawaPinInput, HawaPricingCard, HawaRadio, HawaRange, HawaSearchBar, HawaSelect, HawaSettingsRow, HawaSiteLayout, HawaStats, HawaStepper, HawaStoreButtons, HawaTable, HawaTabs, HawaTextField, HawaTooltip, HawaTypography, HorizontalPricing, Input, InputProps, InterfaceSettings, InvoiceAccordion, Label, LeadGenerator, MenuItemType, NewPasswordForm, NoPermission, NotFound, PayWithWallet, Popover, PricingPlans, ReferralAccount, ReferralSettlement, ReferralStats, ResetPasswordForm, SelectPayment, Separator, SidebarGroup, SidebarItem, SignInBlock, SignInForm, SignInPhone, SignUpForm, Skeleton, SubItem$2 as SubItem, SubsectionList, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Timeline, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, UsageCard, UserFeedback, UserProfileForm, UserSettingsForm, buttonVariants, reducer, toast, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
2
|
import React__default, { FC, ChangeEvent, ReactElement, ReactNode, RefObject, PropsWithRef, ButtonHTMLAttributes } from 'react';
|
|
3
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
3
4
|
import { BaseEditor } from 'slate';
|
|
4
5
|
import { ReactEditor } from 'slate-react';
|
|
5
6
|
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
|
|
6
7
|
import { VariantProps } from 'class-variance-authority';
|
|
7
8
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
8
|
-
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
9
9
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
10
10
|
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
11
11
|
import * as ToastPrimitives from '@radix-ui/react-toast';
|
|
12
12
|
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
13
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
13
14
|
|
|
14
15
|
type TCheckBoxTypes = {
|
|
15
16
|
centered?: boolean;
|
|
@@ -140,7 +141,7 @@ type TypographyTypes$1 = {
|
|
|
140
141
|
declare const HawaTypography: FC<TypographyTypes$1>;
|
|
141
142
|
|
|
142
143
|
type AlertTypes = {
|
|
143
|
-
severity
|
|
144
|
+
severity?: "info" | "warning" | "error" | "success";
|
|
144
145
|
/** The title of the alert placed above the text of the alert. Can be used alone */
|
|
145
146
|
title?: any;
|
|
146
147
|
/** The text of the alert placed below the title of the alert. Can be used alone */
|
|
@@ -158,9 +159,44 @@ type AlertTypes = {
|
|
|
158
159
|
];
|
|
159
160
|
persistant?: boolean;
|
|
160
161
|
icon?: any;
|
|
162
|
+
className?: any;
|
|
161
163
|
};
|
|
162
164
|
declare const HawaAlert: React__default.FunctionComponent<AlertTypes>;
|
|
163
165
|
|
|
166
|
+
type ExtendedDropdownMenuContentProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
|
|
167
|
+
type ExtendedDropdownMenuTriggerProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
|
|
168
|
+
type SubItem$2 = {
|
|
169
|
+
label: string;
|
|
170
|
+
value: string;
|
|
171
|
+
icon?: any;
|
|
172
|
+
action?: () => void;
|
|
173
|
+
highlighted?: boolean;
|
|
174
|
+
};
|
|
175
|
+
type MenuItemType = {
|
|
176
|
+
icon?: any;
|
|
177
|
+
label: string;
|
|
178
|
+
value: string;
|
|
179
|
+
end?: any;
|
|
180
|
+
presist?: boolean;
|
|
181
|
+
action?: () => void;
|
|
182
|
+
highlighted?: boolean;
|
|
183
|
+
subitems?: SubItem$2[];
|
|
184
|
+
};
|
|
185
|
+
interface DropdownMenuProps {
|
|
186
|
+
trigger?: any;
|
|
187
|
+
items?: MenuItemType[];
|
|
188
|
+
direction?: "rtl" | "ltr";
|
|
189
|
+
onItemSelect?: any;
|
|
190
|
+
className?: ExtendedDropdownMenuContentProps["className"];
|
|
191
|
+
triggerClassname?: ExtendedDropdownMenuTriggerProps["className"];
|
|
192
|
+
sideOffset?: ExtendedDropdownMenuContentProps["sideOffset"];
|
|
193
|
+
side?: ExtendedDropdownMenuContentProps["side"];
|
|
194
|
+
align?: ExtendedDropdownMenuContentProps["align"];
|
|
195
|
+
alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
|
|
196
|
+
width?: "default" | "sm" | "lg" | "parent";
|
|
197
|
+
}
|
|
198
|
+
declare const DropdownMenu: React$1.FC<DropdownMenuProps>;
|
|
199
|
+
|
|
164
200
|
type RowTypes = {
|
|
165
201
|
hidden: boolean;
|
|
166
202
|
value: any;
|
|
@@ -174,7 +210,7 @@ type ColTypes = {
|
|
|
174
210
|
type TableTypes = {
|
|
175
211
|
pagination?: boolean;
|
|
176
212
|
columns: ColTypes[];
|
|
177
|
-
actions?:
|
|
213
|
+
actions?: MenuItemType[];
|
|
178
214
|
direction?: "rtl" | "ltr";
|
|
179
215
|
rows?: RowTypes[][];
|
|
180
216
|
handleActionClick?: any;
|
|
@@ -196,12 +232,6 @@ type TableTypes = {
|
|
|
196
232
|
headerTools?: boolean;
|
|
197
233
|
borders?: "all" | "cols" | "rows" | "outer" | "inner";
|
|
198
234
|
};
|
|
199
|
-
type Item$5 = {
|
|
200
|
-
label: string;
|
|
201
|
-
value: string;
|
|
202
|
-
action?: () => void;
|
|
203
|
-
highlighted?: boolean;
|
|
204
|
-
};
|
|
205
235
|
declare const HawaTable: FC<TableTypes>;
|
|
206
236
|
|
|
207
237
|
type ColorPickerTypes = {
|
|
@@ -489,12 +519,12 @@ type ComponentTypes$3 = {
|
|
|
489
519
|
};
|
|
490
520
|
declare const UserFeedback: FC<ComponentTypes$3>;
|
|
491
521
|
|
|
492
|
-
type Item$
|
|
522
|
+
type Item$2 = {
|
|
493
523
|
label?: string;
|
|
494
524
|
icon?: JSX.Element;
|
|
495
525
|
};
|
|
496
526
|
type ComponentTypes$2 = {
|
|
497
|
-
items: Item$
|
|
527
|
+
items: Item$2[];
|
|
498
528
|
index?: number;
|
|
499
529
|
arrowSize?: number;
|
|
500
530
|
labelSize?: "small" | "medium" | "big";
|
|
@@ -617,7 +647,7 @@ type PinInputTypes = {
|
|
|
617
647
|
declare const HawaPinInput: FC<PinInputTypes>;
|
|
618
648
|
|
|
619
649
|
interface ItemCardTypes {
|
|
620
|
-
headerActions?:
|
|
650
|
+
headerActions?: MenuItemType[];
|
|
621
651
|
header?: any;
|
|
622
652
|
content?: any;
|
|
623
653
|
/** a URL for the image of the card */
|
|
@@ -639,12 +669,6 @@ interface ItemCardTypes {
|
|
|
639
669
|
/** The icon of the action button on the image of the card */
|
|
640
670
|
clickableImageActionIcon?: any;
|
|
641
671
|
}
|
|
642
|
-
type THeaderActions = {
|
|
643
|
-
icon?: JSX.Element;
|
|
644
|
-
label: string;
|
|
645
|
-
action?: (e: any) => void;
|
|
646
|
-
isButton?: boolean;
|
|
647
|
-
};
|
|
648
672
|
declare const HawaItemCard: FC<ItemCardTypes>;
|
|
649
673
|
|
|
650
674
|
type PricingCardTypes = {
|
|
@@ -776,39 +800,6 @@ type TypographyTypes = {
|
|
|
776
800
|
};
|
|
777
801
|
declare const InterfaceSettings: FC<TypographyTypes>;
|
|
778
802
|
|
|
779
|
-
type ExtendedDropdownMenuContentProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
|
|
780
|
-
type ExtendedDropdownMenuTriggerProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
|
|
781
|
-
type SubItem$3 = {
|
|
782
|
-
label: string;
|
|
783
|
-
value: string;
|
|
784
|
-
icon?: any;
|
|
785
|
-
action?: () => void;
|
|
786
|
-
highlighted?: boolean;
|
|
787
|
-
};
|
|
788
|
-
type Item$3 = {
|
|
789
|
-
icon?: any;
|
|
790
|
-
label: string;
|
|
791
|
-
value: string;
|
|
792
|
-
end?: any;
|
|
793
|
-
presist?: boolean;
|
|
794
|
-
action?: () => void;
|
|
795
|
-
highlighted?: boolean;
|
|
796
|
-
subitems?: SubItem$3[];
|
|
797
|
-
};
|
|
798
|
-
declare const DropdownMenu: ({ trigger, items, direction, onItemSelect, sideOffset, side, className, triggerClassname, align, alignOffset, width, }: {
|
|
799
|
-
trigger?: any;
|
|
800
|
-
items?: Item$3[];
|
|
801
|
-
direction?: "rtl" | "ltr";
|
|
802
|
-
onItemSelect?: any;
|
|
803
|
-
className?: ExtendedDropdownMenuContentProps["className"];
|
|
804
|
-
triggerClassname?: ExtendedDropdownMenuTriggerProps["className"];
|
|
805
|
-
sideOffset?: ExtendedDropdownMenuContentProps["sideOffset"];
|
|
806
|
-
side?: ExtendedDropdownMenuContentProps["side"];
|
|
807
|
-
align?: ExtendedDropdownMenuContentProps["align"];
|
|
808
|
-
alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
|
|
809
|
-
width?: "default" | "sm" | "lg" | "parent";
|
|
810
|
-
}) => React$1.JSX.Element;
|
|
811
|
-
|
|
812
803
|
interface PopoverProps {
|
|
813
804
|
side?: "top" | "right" | "bottom" | "left";
|
|
814
805
|
align?: "start" | "center" | "end";
|
|
@@ -857,6 +848,20 @@ interface SwitchProps extends React$1.ComponentPropsWithoutRef<typeof SwitchPrim
|
|
|
857
848
|
}
|
|
858
849
|
declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
859
850
|
|
|
851
|
+
declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
|
|
852
|
+
declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
853
|
+
declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
854
|
+
declare const DialogHeader: {
|
|
855
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
856
|
+
displayName: string;
|
|
857
|
+
};
|
|
858
|
+
declare const DialogFooter: {
|
|
859
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
860
|
+
displayName: string;
|
|
861
|
+
};
|
|
862
|
+
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
863
|
+
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
864
|
+
|
|
860
865
|
declare const Box: (props: any) => React__default.JSX.Element;
|
|
861
866
|
|
|
862
867
|
type BottomAppBarTypes = {
|
|
@@ -891,7 +896,7 @@ declare const HawaSiteLayout: React__default.FunctionComponent<HawaSiteLayoutTyp
|
|
|
891
896
|
type AppLayoutTypes = {
|
|
892
897
|
design?: "default" | "bubbles" | "floating";
|
|
893
898
|
/** The pages of the side drawer */
|
|
894
|
-
drawerItems: Item$
|
|
899
|
+
drawerItems: Item$1[];
|
|
895
900
|
direction?: "rtl" | "ltr";
|
|
896
901
|
currentPage: string;
|
|
897
902
|
pageTitle?: string;
|
|
@@ -903,7 +908,7 @@ type AppLayoutTypes = {
|
|
|
903
908
|
username?: string;
|
|
904
909
|
email?: string;
|
|
905
910
|
drawerSize?: "sm" | "md" | "large";
|
|
906
|
-
profileMenuItems?:
|
|
911
|
+
profileMenuItems?: MenuItemType[];
|
|
907
912
|
onSettingsClick?: () => void;
|
|
908
913
|
DrawerFooterActions?: any;
|
|
909
914
|
clickedItem?: any;
|
|
@@ -912,30 +917,19 @@ type AppLayoutTypes = {
|
|
|
912
917
|
collapseSidebar?: string;
|
|
913
918
|
};
|
|
914
919
|
};
|
|
915
|
-
type Item$
|
|
920
|
+
type Item$1 = {
|
|
916
921
|
value: string;
|
|
917
922
|
label: string;
|
|
918
923
|
icon?: any;
|
|
919
|
-
subitems?: SubItem$
|
|
924
|
+
subitems?: SubItem$1[];
|
|
920
925
|
onClick?: () => void;
|
|
921
926
|
};
|
|
922
|
-
type SubItem$
|
|
927
|
+
type SubItem$1 = {
|
|
923
928
|
value: string;
|
|
924
929
|
label: string;
|
|
925
930
|
icon?: any;
|
|
926
931
|
onClick?: () => void;
|
|
927
932
|
};
|
|
928
|
-
type ProfileSubItem = {
|
|
929
|
-
label: string;
|
|
930
|
-
value: string;
|
|
931
|
-
highlighted?: boolean;
|
|
932
|
-
};
|
|
933
|
-
type ProfileItem = {
|
|
934
|
-
label: string;
|
|
935
|
-
value: string;
|
|
936
|
-
highlighted?: boolean;
|
|
937
|
-
subitems?: ProfileSubItem[];
|
|
938
|
-
};
|
|
939
933
|
declare const AppLayout: React__default.FunctionComponent<AppLayoutTypes>;
|
|
940
934
|
|
|
941
935
|
type HawaAppLayoutTypes$1 = {
|
|
@@ -988,7 +982,7 @@ type HawaAppLayoutTypes = {
|
|
|
988
982
|
username?: string;
|
|
989
983
|
email?: string;
|
|
990
984
|
drawerSize?: "sm" | "md" | "large";
|
|
991
|
-
profileMenuItems?:
|
|
985
|
+
profileMenuItems?: MenuItemType[];
|
|
992
986
|
onSettingsClick?: () => void;
|
|
993
987
|
DrawerFooterActions?: any;
|
|
994
988
|
texts?: {
|
|
@@ -996,17 +990,6 @@ type HawaAppLayoutTypes = {
|
|
|
996
990
|
collapseSidebar?: string;
|
|
997
991
|
};
|
|
998
992
|
};
|
|
999
|
-
type SubItem$1 = {
|
|
1000
|
-
label: string;
|
|
1001
|
-
value: string;
|
|
1002
|
-
highlighted?: boolean;
|
|
1003
|
-
};
|
|
1004
|
-
type Item$1 = {
|
|
1005
|
-
label: string;
|
|
1006
|
-
value: string;
|
|
1007
|
-
highlighted?: boolean;
|
|
1008
|
-
subitems?: SubItem$1[];
|
|
1009
|
-
};
|
|
1010
993
|
declare const HawaAppLayoutSimplified: React__default.FunctionComponent<HawaAppLayoutTypes>;
|
|
1011
994
|
|
|
1012
995
|
type ContainerTypes = {
|
|
@@ -1662,4 +1645,4 @@ declare function useToast(): {
|
|
|
1662
1645
|
toasts: ToasterToast[];
|
|
1663
1646
|
};
|
|
1664
1647
|
|
|
1665
|
-
export { Announcement, AppLanding, AppLayout, AppSidebar, ArrowCarousel, BackToTop, Box, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, ChargeWalletForm, CheckoutForm, CodeConfirmation, ComparingPlans, ConfirmationPage, CreditCardForm, DragDropImages, DraggableCard, DropdownMenu, EmptyState, FloatingComment, FloatingCommentExec, FloatingCommentSlate, Footer, HawaAccordion, HawaAdCard, HawaAlert, HawaAppLayout, HawaAppLayoutSimplified, HawaBanner, HawaBottomAppBar, HawaButton, HawaCheckbox, HawaChip, HawaCodeBlock, HawaColorPicker, HawaContainer, HawaCopyrights, HawaDatepicker, HawaDropdownMenu, HawaGrid, HawaIconCount, HawaInlineCode, HawaItemCard, HawaLandingCard, HawaLoading, HawaMenu, HawaModal, HawaPanelTabs, HawaPhoneInput, HawaPinInput, HawaPricingCard, HawaRadio, HawaRange, HawaSearchBar, HawaSelect, HawaSettingsRow, HawaSiteLayout, HawaStats, HawaStepper, HawaStoreButtons, HawaTable, HawaTabs, HawaTextField, HawaTooltip, HawaTypography, HorizontalPricing, Input, InputProps, InterfaceSettings, InvoiceAccordion, Label, LeadGenerator, NewPasswordForm, NoPermission, NotFound, PayWithWallet, Popover, PricingPlans, ReferralAccount, ReferralSettlement, ReferralStats, ResetPasswordForm, SelectPayment, Separator, SidebarGroup, SidebarItem, SignInBlock, SignInForm, SignInPhone, SignUpForm, Skeleton, SubsectionList, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Timeline, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, UsageCard, UserFeedback, UserProfileForm, UserSettingsForm, buttonVariants, reducer, toast, useToast };
|
|
1648
|
+
export { Announcement, AppLanding, AppLayout, AppSidebar, ArrowCarousel, BackToTop, Box, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, ChargeWalletForm, CheckoutForm, CodeConfirmation, ComparingPlans, ConfirmationPage, CreditCardForm, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DragDropImages, DraggableCard, DropdownMenu, EmptyState, FloatingComment, FloatingCommentExec, FloatingCommentSlate, Footer, HawaAccordion, HawaAdCard, HawaAlert, HawaAppLayout, HawaAppLayoutSimplified, HawaBanner, HawaBottomAppBar, HawaButton, HawaCheckbox, HawaChip, HawaCodeBlock, HawaColorPicker, HawaContainer, HawaCopyrights, HawaDatepicker, HawaDropdownMenu, HawaGrid, HawaIconCount, HawaInlineCode, HawaItemCard, HawaLandingCard, HawaLoading, HawaMenu, HawaModal, HawaPanelTabs, HawaPhoneInput, HawaPinInput, HawaPricingCard, HawaRadio, HawaRange, HawaSearchBar, HawaSelect, HawaSettingsRow, HawaSiteLayout, HawaStats, HawaStepper, HawaStoreButtons, HawaTable, HawaTabs, HawaTextField, HawaTooltip, HawaTypography, HorizontalPricing, Input, InputProps, InterfaceSettings, InvoiceAccordion, Label, LeadGenerator, MenuItemType, NewPasswordForm, NoPermission, NotFound, PayWithWallet, Popover, PricingPlans, ReferralAccount, ReferralSettlement, ReferralStats, ResetPasswordForm, SelectPayment, Separator, SidebarGroup, SidebarItem, SignInBlock, SignInForm, SignInPhone, SignUpForm, Skeleton, SubItem$2 as SubItem, SubsectionList, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Timeline, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, UsageCard, UserFeedback, UserProfileForm, UserSettingsForm, buttonVariants, reducer, toast, useToast };
|