@mycause/ui 1.0.7 → 1.0.9

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

@@ -0,0 +1,26 @@
+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) => React.JSX.Element;
+};
+export default _default;
+export declare const horizontalbar: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const horizontalbar2: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const horizontalbar3: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as HorizontalBar } from "./horizontalbar";

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

@@ -0,0 +1,8 @@
+import React from "react";
+/**
+ * Google logo for Google sign in
+ *
+ * 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>): React.JSX.Element;

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

@@ -0,0 +1,9 @@
+import React from "react";
+/**
+ * Facebook icon for Facebook login
+ *
+ * See: https://iconmonstr.com/facebook-6-svg/
+ *
+ * Only use with the color #3C5A99
+ */
+export default function FacebookIconSVG(props: React.HTMLProps<SVGSVGElement>): React.JSX.Element;

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { IconButtonProps as MDCIconButtonProps } from "@material/react-icon-button";
+type IconButtonTypes = HTMLButtonElement | HTMLAnchorElement;
+export interface HeartToggleProps extends Omit<MDCIconButtonProps<IconButtonTypes>, "onChange" | "value" | "ref" | "children"> {
+    active: React.ReactNode;
+    inactive: React.ReactNode;
+    onChange?: (value: boolean) => void;
+    value: boolean;
+}
+declare const HeartToggle: React.ForwardRefExoticComponent<HeartToggleProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export default HeartToggle;

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

@@ -0,0 +1,13 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const hearttoggle: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1,8 @@
+import React from "react";
+interface IconButtonGroupProps {
+    children: Array<React.ReactElement> | React.ReactElement;
+    size?: string;
+    isOutlinedOnFocus?: boolean;
+}
+declare function IconButtonGroup({ children, size, isOutlinedOnFocus, }: IconButtonGroupProps): React.JSX.Element;
+export default IconButtonGroup;

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

@@ -0,0 +1,13 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const IconButtonGroupStory: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

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

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

@@ -0,0 +1,19 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const iconButton: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const Toggle: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1,12 @@
+import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
+import { IconSet } from "./material-icon";
+export interface IconProps extends Omit<React.HTMLProps<HTMLOrSVGElement>, "color" | "size"> {
+    icon: string | React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
+    iconSet?: IconSet;
+    color?: ColorSpecifier;
+    invert?: boolean;
+    size?: string;
+}
+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

@@ -0,0 +1,25 @@
+import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+export declare const material: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const colors: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const svg: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1,4 @@
+export { default as Icon } from "./icon";
+export { default as IconButton } from "./icon-button";
+export { default as IconButtonGroup } from "./icon-button-group";
+export { default as HeartToggle } from "./heart-toggle";

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

@@ -0,0 +1,14 @@
+import React from "react";
+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): React.JSX.Element;
+declare namespace MaterialIcon {
+    var defaultProps: {
+        iconSet: string;
+    };
+}
+export default MaterialIcon;

package/dist/components/index.d.ts

@@ -0,0 +1,62 @@
+export * from "./anchor";
+export * from "./avatar";
+export * from "./button";
+export * from "./button-select";
+export * from "./chips";
+export * from "./checkbox";
+export * from "./comment-section";
+export * from "./cropper";
+export * from "./combo-field";
+export * from "./date-picker";
+export * from "./donation-form";
+export * from "./elevation";
+export * from "./field-helpers";
+export * from "./icon";
+export * from "./layout";
+export * from "./list";
+export * from "./login";
+export * from "./menu";
+export * from "./modal";
+export * from "./navigation";
+export * from "./phone-number-input";
+export * from "./radio";
+export * from "./select";
+export * from "./spinner";
+export * from "./statistics";
+export * from "./switch";
+export * from "./tabs";
+export * from "./text-field";
+export * from "./text";
+export * from "./uploader";
+export * from "./campaign-card";
+export * from "./campaign-of-month";
+export * from "./charity-card";
+export * from "./donate-card";
+export * from "./featured-campaign-card";
+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";
+export * from "./partner-monthly-stats";
+export * from "./table";
+export * from "./partner-chart-stats";
+export * from "./this-month-card";
+export * from "./partner-toggle-button";
+export * from "./footerV2";
+export * from "./input";
+export * from "./toast";
+export * from "./my-account-start-fundraise-card";
+export * from "./my-account-choose-charity-card";
+export * from "./favorite-charity-item";
+export * from "./my-account-sidebar";
+export * from "./my-account-frp-preview";
+export * from "./my-account-stats-donated";
+export * from "./my-account-stats-raised";
+export * from "./my-account-frp-closed";
+export * from "./transaction-card";
+export * from "./input-social";
+export * from "./charity-tags-filter-button";

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 @@
+import React from "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) => React.JSX.Element;
+export default InfoRepresentCampaign;

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

@@ -0,0 +1,12 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const InforRepresentCampaignStories: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1,13 @@
+import React from "react";
+interface InputDefaltProps {
+    label?: string | React.ReactNode;
+    required?: boolean;
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    value?: string | Array<string> | number;
+    error?: string | null | boolean;
+    disable?: boolean;
+    name?: string;
+}
+declare const Input: ({ label, required, placeholder, value, onChange, error, disable, name, }: InputDefaltProps) => React.JSX.Element;
+export default Input;

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

@@ -0,0 +1 @@
+export { default as Input } from "./InputDefault";

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

@@ -0,0 +1,24 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const InputExample: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const InputV2: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const InputV3: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1,5 @@
+import React from "react";
+declare const Icons: {
+    facebook: (props: any) => React.JSX.Element;
+};
+export default Icons;

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

@@ -0,0 +1,12 @@
+import React from "react";
+interface InputSocialProps {
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    value?: string | Array<string> | number;
+    error?: string | null | boolean;
+    disable?: boolean;
+    name?: string;
+    icon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
+}
+declare const InputSocial: ({ placeholder, value, onChange, error, disable, name, icon, }: InputSocialProps) => React.JSX.Element;
+export default InputSocial;

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

@@ -0,0 +1 @@
+export { default as InputSocial } from "./InputSocial";

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

@@ -0,0 +1,12 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const InputExample: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};