@mycause/ui 0.0.0-c548b987-m → 0.0.0-c63c4aa2

package/dist/components/comment-section/comment-section-v2/comment-section-v2.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { SubCommentsV2Props } from "./sub-comments-v2";
+export declare type CommentTypeV2 = {
+    amount?: number | string;
+    claps?: 0 | 1;
+    comment?: string | null;
+    donationDate?: string | number;
+    firstName?: string;
+    id?: number;
+    isAnonymous?: boolean;
+    kisses?: 0 | 1;
+    lastName?: string;
+    likes?: 0 | 1;
+    message?: string;
+    prays?: 1 | 0;
+    profileImage?: string | null;
+    tears?: 0 | 1;
+    thumbs?: 0 | 1;
+    userId?: number | string | null;
+    campaignCreator?: string;
+    subComment?: Array<SubCommentsV2Props>;
+};
+export declare const checkLastElement: (key: number, itemLength: number) => boolean;
+interface ComboFieldProps {
+    comments: Array<CommentTypeV2 & {
+        subComment?: Array<CommentTypeV2>;
+    }>;
+    showMore?: () => void;
+}
+declare const CommentSectionV2: ({ comments, showMore }: ComboFieldProps) => JSX.Element;
+export default CommentSectionV2;

package/dist/components/comment-section/comment-section-v2/sub-comments-v2.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare type SubCommentsV2Props = {
+    profileImage: string;
+    firstName?: string;
+    lastName?: string;
+    comment: string;
+};
+declare const SubCommentsV2: ({ comments, }: {
+    comments: SubCommentsV2Props[];
+}) => JSX.Element;
+export default SubCommentsV2;

package/dist/components/comment-section/comment-section.d.ts

@@ -6,6 +6,7 @@ export declare type CommentType = {
     liked: boolean;
     userId: string | number;
     donation?: number | string;
+    date?: string;
 };
 export declare const checkLastElement: (key: number, itemLength: number) => boolean;
 interface ComboFieldProps {

package/dist/components/comment-section/comment-section.stories.d.ts

@@ -11,3 +11,9 @@ export declare const CommentSectionStory: {
         name: string;
     };
 };
+export declare const CommentSectionStoryV2: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/comment-section/index.d.ts

@@ -1 +1,2 @@
 export { default as CommentSection } from "./comment-section";
+export { default as CommentSectionV2, } from "./comment-section-v2/comment-section-v2";

package/dist/components/date-picker/date-picker.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
 import "react-dates/initialize";
-import 'react-dates/lib/css/_datepicker.css';
 import moment from "moment";
 export interface DatePickerProps {
     hasArrowIcon?: boolean;

package/dist/components/date-picker/single-date-picker.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import 'react-dates/lib/css/_datepicker.css';
 import moment from "moment";
 export interface DatePickerProps {
     id: string;

package/dist/components/donation-form/donation-form-v2/donation-form-v2.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { DonationOptionsProps } from "../donation-form";
+export interface DonationCampaignFormProps {
+    id?: string;
+    donationOption: Array<DonationOptionsProps>;
+    rised: number;
+    donation: number;
+    target: number;
+    clickOnShare: () => void;
+    clickOnDonation: () => void;
+}
+declare const DonationFormV2: ({ donationOption, rised, donation, target, clickOnShare, clickOnDonation, }: DonationCampaignFormProps) => JSX.Element;
+export default DonationFormV2;

package/dist/components/donation-form/donation-form.stories.d.ts

@@ -10,3 +10,9 @@ export declare const DonationFormStories: {
         name: string;
     };
 };
+export declare const DonationCampaignFormStories: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/donation-form/index.d.ts

@@ -1 +1,2 @@
 export { default as DonationForm } from "./donation-form";
+export { default as DonationFormV2 } from "./donation-form-v2/donation-form-v2";

package/dist/components/featured-campaign-card/featured-campaign-card.d.ts

@@ -9,6 +9,9 @@ export interface FeaturedCampaignCardProps {
     donation?: number;
     raised?: number;
     goal?: number;
+    onClick: () => void;
+    fundraisingText: string;
+    defaultUrl?: string;
 }
-declare const FeaturedCampaignCard: ({ className, imageURL, title, donation, raised, goal, completed, width, }: FeaturedCampaignCardProps) => JSX.Element;
+declare const FeaturedCampaignCard: ({ className, imageURL, title, donation, raised, goal, completed, width, onClick, defaultUrl, fundraisingText, }: FeaturedCampaignCardProps) => JSX.Element;
 export default FeaturedCampaignCard;

package/dist/components/featured-campaign-card/featured-campaign-card.stories.d.ts

@@ -3,7 +3,7 @@ import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, imageURL, title, donation, raised, goal, completed, width, }: import("./featured-campaign-card").FeaturedCampaignCardProps) => JSX.Element;
+    component: ({ className, imageURL, title, donation, raised, goal, completed, width, onClick, defaultUrl, fundraisingText, }: import("./featured-campaign-card").FeaturedCampaignCardProps) => JSX.Element;
 };
 export default _default;
 export declare const featuredcampaigncard: {

package/dist/components/index.d.ts

@@ -39,3 +39,4 @@ export * from "./horizontalbar";
 export * from "./progressbar";
 export * from "./start-campaign-card";
 export * from "./nav";
+export * from "./popup";

package/dist/components/info-represent-campaign/index.d.ts

@@ -0,0 +1 @@
+export { default as InfoRepresentCampaign } from "./info-represent-campaign";

package/dist/components/info-represent-campaign/info-represent-campaign.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface InfoRepresentCampaignProps {
+    id?: string;
+    campaignCreator: string;
+    rasingFundsFor: string;
+    fundsBankedTo: string;
+    avatar: string;
+    clickOnFollow: () => void;
+}
+declare const InfoRepresentCampaign: ({ campaignCreator, rasingFundsFor, fundsBankedTo, avatar, clickOnFollow, }: InfoRepresentCampaignProps) => JSX.Element;
+export default InfoRepresentCampaign;

package/dist/components/{icon/toggle-button.stories.d.ts → info-represent-campaign/info-represent-campaign.stories.d.ts}

@@ -1,11 +1,10 @@
 /// <reference types="react" />
-import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: (typeof CenterDecorator)[];
+    decorators: ((...args: any) => any)[];
 };
 export default _default;
-export declare const toggleButton: {
+export declare const InforRepresentCampaignStories: {
     (): JSX.Element;
     story: {
         name: string;

package/dist/components/logo/logo-type.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 export declare type LogoTypeProps = {
     size?: "large";
+    isDark?: boolean;
 };
 /**
  * A dummy mycause logo
  */
-declare function LogoType({ size }: LogoTypeProps): JSX.Element;
+declare function LogoType({ size, isDark }: LogoTypeProps): JSX.Element;
 export default LogoType;

package/dist/components/nav/icons/IconBigger.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface IconProps {
+    stroke?: string;
+}
+export default function IconBigger({ stroke }: IconProps): JSX.Element;

package/dist/components/nav/icons/IconSmaller.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface IconProps {
+    stroke?: string;
+}
+export default function IconBigger({ stroke }: IconProps): JSX.Element;

package/dist/components/nav/nav-menu-control.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 interface NavigationMenuControlProps extends React.HTMLProps<HTMLDivElement> {
     isMenuOpen: boolean;
     onChangeMenuOpen: (isOpen: boolean) => void;
+    isDark?: boolean;
 }
-declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, ...rest }: NavigationMenuControlProps): JSX.Element;
+declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, isDark, ...rest }: NavigationMenuControlProps): JSX.Element;
 export default NavigationMenuControl;

package/dist/components/nav/nav-search-control.d.ts

@@ -2,6 +2,7 @@
 interface NavigationSearchControlProps {
     onChangeSearchOpen: (isOpen: boolean) => void;
     analyticsId?: string;
+    isDark?: boolean;
 }
-declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, }: NavigationSearchControlProps): JSX.Element;
+declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, isDark, }: NavigationSearchControlProps): JSX.Element;
 export default NavigationSearchControl;

package/dist/components/nav/nav-search.d.ts

@@ -4,6 +4,7 @@ interface NavigationSearchProps {
     onChange: (value: string) => void;
     onSubmit: () => void;
     onCancel: () => void;
+    isDark?: boolean;
 }
-declare function NavigationSearch({ value, onChange, onSubmit, onCancel, }: NavigationSearchProps): JSX.Element;
+declare function NavigationSearch({ value, onChange, onSubmit, onCancel, isDark, }: NavigationSearchProps): JSX.Element;
 export default NavigationSearch;

package/dist/components/nav/nav-sign-in-control.d.ts

@@ -6,6 +6,7 @@ interface NavigationSignInControlProps extends Omit<React.HTMLProps<HTMLDivEleme
     handleonRequestSignIn: () => void;
     color?: ColorSpecifier;
     noIcon?: boolean;
+    isDark?: boolean;
 }
-declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, ...rest }: NavigationSignInControlProps): JSX.Element;
+declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, isDark, ...rest }: NavigationSignInControlProps): JSX.Element;
 export default NavigationSignInControl;

package/dist/components/nav/nav.d.ts

@@ -50,6 +50,7 @@ export declare type NavigationProps = {
     isCompactHeight?: boolean;
     setSearchToLeft?: boolean;
     menuReverse?: boolean;
+    isDark?: boolean;
 };
-declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, }: NavigationProps): JSX.Element;
+declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, isDark, }: NavigationProps): JSX.Element;
 export default Navigation;

package/dist/components/tabs/nav-tabs.d.ts

@@ -12,6 +12,7 @@ interface TabsProps extends Omit<TabBarProps, "activeIndex" | "handleActiveIndex
     active?: string | null;
     onActiveUpdate: (key: string) => void;
     isCompactHeight?: boolean;
+    isDark?: boolean;
 }
-declare function NavTabs({ tabs, active, onActiveUpdate, isMinWidth, isMinWidthIndicator, isCompactHeight, className, ...props }: TabsProps): JSX.Element;
+declare function NavTabs({ tabs, active, onActiveUpdate, isMinWidth, isMinWidthIndicator, isCompactHeight, className, isDark, ...props }: TabsProps): JSX.Element;
 export default NavTabs;