@mycause/ui 0.0.0-c4be5cf7 → 0.0.0-c4d5b14e

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 export interface FundraisingSectionProps {
     className?: string;
     title?: string;
     description?: string;
     imageUrl?: string;
 }
-declare const FundraisingSection: ({ className, title, description, imageUrl, }: FundraisingSectionProps) => JSX.Element;
+declare const FundraisingSection: ({ className, title, description, imageUrl, }: FundraisingSectionProps) => React.JSX.Element;
 export default FundraisingSection;

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, description, imageUrl, }: import("./fundraising-section").FundraisingSectionProps) => JSX.Element;
+    component: ({ className, title, description, imageUrl, }: import("./fundraising-section").FundraisingSectionProps) => React.JSX.Element;
 };
 export default _default;
 export declare const fundraisingsection: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/hero-banner/hero-banner.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 export interface HeroBannerProps {
     className?: string;
     title?: string;
     description?: string;
     imageUrl?: string;
 }
-declare const HeroBnner: ({ className, title, description, imageUrl, }: HeroBannerProps) => JSX.Element;
+declare const HeroBnner: ({ className, title, description, imageUrl, }: HeroBannerProps) => React.JSX.Element;
 export default HeroBnner;

package/dist/components/hero-banner/hero-banner.stories.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, title, description, imageUrl, }: import("./hero-banner").HeroBannerProps) => JSX.Element;
+    component: ({ className, title, description, imageUrl, }: import("./hero-banner").HeroBannerProps) => React.JSX.Element;
 };
 export default _default;
 export declare const herobanner: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/horizontalbar/horizontalbar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export interface HorizontalBarProps {
     className?: string;
     barColor?: string;
@@ -7,5 +7,5 @@ export interface HorizontalBarProps {
     height?: number;
     marginLeft?: number;
 }
-declare const HorizontalBar: ({ className, width, height, barColor, dotColor, marginLeft, }: HorizontalBarProps) => JSX.Element;
+declare const HorizontalBar: ({ className, width, height, barColor, dotColor, marginLeft, }: HorizontalBarProps) => React.JSX.Element;
 export default HorizontalBar;

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

@@ -1,25 +1,25 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, width, height, barColor, dotColor, marginLeft, }: import("./horizontalbar").HorizontalBarProps) => JSX.Element;
+    component: ({ className, width, height, barColor, dotColor, marginLeft, }: import("./horizontalbar").HorizontalBarProps) => React.JSX.Element;
 };
 export default _default;
 export declare const horizontalbar: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const horizontalbar2: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const horizontalbar3: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/icon/btn_google_light_normal_ios.svg.d.ts

@@ -5,4 +5,4 @@ import React from "react";
  * Based on the file btn_google_light_normal_ios.svg but with the button background removed
  * See: https://developers.google.com/identity/branding-guidelines
  */
-export default function GoogleIconSvg(props: React.HTMLProps<SVGSVGElement>): JSX.Element;
+export default function GoogleIconSvg(props: React.HTMLProps<SVGSVGElement>): React.JSX.Element;

package/dist/components/icon/facebook_6.svg.d.ts

@@ -6,4 +6,4 @@ import React from "react";
  *
  * Only use with the color #3C5A99
  */
-export default function FacebookIconSVG(props: React.HTMLProps<SVGSVGElement>): JSX.Element;
+export default function FacebookIconSVG(props: React.HTMLProps<SVGSVGElement>): React.JSX.Element;

package/dist/components/icon/heart-toggle.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { IconButtonProps as MDCIconButtonProps } from "@material/react-icon-button";
-declare type IconButtonTypes = HTMLButtonElement | HTMLAnchorElement;
+type IconButtonTypes = HTMLButtonElement | HTMLAnchorElement;
 export interface HeartToggleProps extends Omit<MDCIconButtonProps<IconButtonTypes>, "onChange" | "value" | "ref" | "children"> {
     active: React.ReactNode;
     inactive: React.ReactNode;

package/dist/components/icon/heart-toggle.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,7 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const hearttoggle: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/icon/icon-button-group.d.ts

@@ -4,5 +4,5 @@ interface IconButtonGroupProps {
     size?: string;
     isOutlinedOnFocus?: boolean;
 }
-declare function IconButtonGroup({ children, size, isOutlinedOnFocus, }: IconButtonGroupProps): JSX.Element;
+declare function IconButtonGroup({ children, size, isOutlinedOnFocus, }: IconButtonGroupProps): React.JSX.Element;
 export default IconButtonGroup;

package/dist/components/icon/icon-button-group.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,7 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const IconButtonGroupStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/icon/icon-button.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { IconButtonProps as MDCIconButtonProps } from "@material/react-icon-button";
 import { IconProps } from "./icon";
-export declare type IconButtonTypes = HTMLButtonElement | HTMLAnchorElement;
+export type IconButtonTypes = HTMLButtonElement | HTMLAnchorElement;
 export interface IconButtonProps extends Omit<MDCIconButtonProps<IconButtonTypes>, "ref" | "size"> {
     children: React.ReactElement<IconProps>;
     pressed?: boolean;

package/dist/components/icon/icon-button.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,13 +6,13 @@ declare const _default: {
 };
 export default _default;
 export declare const iconButton: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const Toggle: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/icon/icon.d.ts

@@ -8,5 +8,5 @@ export interface IconProps extends Omit<React.HTMLProps<HTMLOrSVGElement>, "colo
     invert?: boolean;
     size?: string;
 }
-declare function Icon({ icon, iconSet, color, invert, className, size, ...rest }: IconProps): JSX.Element;
+declare function Icon({ icon, iconSet, color, invert, className, size, ...rest }: IconProps): React.JSX.Element;
 export default Icon;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,19 +6,19 @@ declare const _default: {
 };
 export default _default;
 export declare const material: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const colors: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const svg: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/icon/material-icon.d.ts

@@ -1,14 +1,9 @@
 import React from "react";
-export declare type IconSet = "material-icons" | "material-icons-outlined";
+export type IconSet = "material-icons" | "material-icons-outlined";
 export interface MaterialIconProps extends Omit<React.HTMLProps<HTMLOrSVGElement>, "ref" | "size"> {
     icon: string;
     iconSet?: IconSet;
     size?: string;
 }
-declare function MaterialIcon({ icon, iconSet, className, size, ...rest }: MaterialIconProps): JSX.Element;
-declare namespace MaterialIcon {
-    var defaultProps: {
-        iconSet: string;
-    };
-}
+declare function MaterialIcon({ icon, iconSet, className, size, ...rest }: MaterialIconProps): React.JSX.Element;
 export default MaterialIcon;

package/dist/components/index.d.ts

@@ -37,7 +37,6 @@ export * from "./fundraising-section";
 export * from "./hero-banner";
 export * from "./horizontalbar";
 export * from "./progressbar";
-export * from "./start-campaign-card";
 export * from "./nav";
 export * from "./popup";
 export * from "./partner-monthly-donations";
@@ -59,3 +58,5 @@ export * from "./my-account-frp-closed";
 export * from "./transaction-card";
 export * from "./toast";
 export * from "./input-social";
+export * from "./charity-tags-filter-button";
+export * from "./collapse";

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

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

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

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

package/dist/components/input/InputDefault.d.ts

@@ -9,5 +9,5 @@ interface InputDefaltProps {
     disable?: boolean;
     name?: string;
 }
-declare const Input: ({ label, required, placeholder, value, onChange, error, disable, name, }: InputDefaltProps) => JSX.Element;
+declare const Input: ({ label, required, placeholder, value, onChange, error, disable, name, }: InputDefaltProps) => React.JSX.Element;
 export default Input;

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

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

package/dist/components/input-social/Icons.d.ts

@@ -1,5 +1,8 @@
-/// <reference types="react" />
+import React from "react";
+export interface PropHTML {
+    [key: string]: string;
+}
 declare const Icons: {
-    facebook: (props: any) => JSX.Element;
+    Facebook: (props: PropHTML) => React.JSX.Element;
 };
 export default Icons;

package/dist/components/input-social/InputSocial.d.ts

@@ -8,5 +8,5 @@ interface InputSocialProps {
     name?: string;
     icon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
 }
-declare const InputSocial: ({ placeholder, value, onChange, error, disable, name, icon, }: InputSocialProps) => JSX.Element;
+declare const InputSocial: ({ placeholder, value, onChange, error, disable, name, icon, }: InputSocialProps) => React.JSX.Element;
 export default InputSocial;

package/dist/components/input-social/input-social.stories.d.ts

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