@mycause/ui 0.0.0-cfb95594 → 0.0.0-cfc36711

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.
Files changed (44) hide show
  1. package/dist/components/campaign-of-month/campaign-of-month.d.ts +2 -2
  2. package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts +1 -1
  3. package/dist/components/comment-section/comment-section-v2/comment-section-v2.d.ts +31 -0
  4. package/dist/components/comment-section/comment-section-v2/sub-comments-v2.d.ts +11 -0
  5. package/dist/components/comment-section/comment-section.d.ts +1 -0
  6. package/dist/components/comment-section/comment-section.stories.d.ts +6 -0
  7. package/dist/components/comment-section/index.d.ts +1 -0
  8. package/dist/components/donation-form/donation-form-v2/donation-form-v2.d.ts +8 -1
  9. package/dist/components/featured-campaign-card/featured-campaign-card.d.ts +3 -2
  10. package/dist/components/featured-campaign-card/featured-campaign-card.stories.d.ts +1 -1
  11. package/dist/components/footerV2/footerV2.d.ts +35 -0
  12. package/dist/components/{featured-campaign-card /featured-campaign-card.stories.d.ts → footerV2/footerV2.stories.d.ts} +3 -2
  13. package/dist/components/footerV2/index.d.ts +1 -0
  14. package/dist/components/index.d.ts +5 -0
  15. package/dist/components/info-represent-campaign/index.d.ts +1 -0
  16. package/dist/components/info-represent-campaign/info-represent-campaign.d.ts +11 -0
  17. package/dist/components/info-represent-campaign/info-represent-campaign.stories.d.ts +12 -0
  18. package/dist/components/line-chart/index.d.ts +2 -0
  19. package/dist/components/line-chart/partner-line-chart-block.d.ts +12 -0
  20. package/dist/components/{info-procurator-campaign/info-procurator-campaign.stories.d.ts → line-chart/partner-line-chart-block.stories.d.ts} +1 -1
  21. package/dist/components/line-chart/partner-line-chart.d.ts +3 -0
  22. package/dist/components/nav/nav-search.d.ts +2 -1
  23. package/dist/components/partner-dashboard-chart/chart.d.ts +3 -0
  24. package/dist/components/{icon/toggle-button.stories.d.ts → partner-dashboard-chart/chart.stories.d.ts} +2 -1
  25. package/dist/components/partner-dashboard-chart/index.d.ts +1 -0
  26. package/dist/components/partner-monthly-donations/index.d.ts +1 -0
  27. package/dist/components/partner-monthly-donations/partner-monthly-donations.d.ts +8 -0
  28. package/dist/components/partner-monthly-donations/partner-monthly-donations.stories.d.ts +12 -0
  29. package/dist/components/partner-monthly-stats/index.d.ts +1 -0
  30. package/dist/components/partner-monthly-stats/partner-monthly-stats.d.ts +7 -0
  31. package/dist/components/partner-monthly-stats/partner-monthly-stats.stories.d.ts +12 -0
  32. package/dist/components/table/index.d.ts +1 -0
  33. package/dist/components/table/partner-monthly-table.d.ts +15 -0
  34. package/dist/components/table/partner-monthly-table.stories.d.ts +18 -0
  35. package/dist/components/text-field/text-field-search.d.ts +9 -0
  36. package/dist/index.esm.js +871 -267
  37. package/dist/index.js +877 -266
  38. package/dist/theme/theme.d.ts +4 -0
  39. package/package.json +2 -1
  40. package/styles/index.css +4 -0
  41. package/dist/components/featured-campaign-card /featured-campaign-card.d.ts +0 -14
  42. package/dist/components/icon/toggle-button.d.ts +0 -11
  43. package/dist/components/info-procurator-campaign/index.d.ts +0 -1
  44. package/dist/components/info-procurator-campaign/info-procurator-campaign.d.ts +0 -6
@@ -2,7 +2,7 @@ import React from "react";
2
2
  export interface CampaignOfMonthProps {
3
3
  className?: string;
4
4
  title?: string;
5
- description?: string;
5
+ text?: string;
6
6
  imageUrl?: string;
7
7
  rised?: number;
8
8
  donation?: number;
@@ -10,5 +10,5 @@ export interface CampaignOfMonthProps {
10
10
  btnText?: string;
11
11
  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
12
12
  }
13
- declare const CampaignOfMonth: ({ className, title, description, imageUrl, rised, donation, goal, btnText, onClick, }: CampaignOfMonthProps) => JSX.Element;
13
+ declare const CampaignOfMonth: ({ className, title, text, imageUrl, rised, donation, goal, btnText, onClick, }: CampaignOfMonthProps) => JSX.Element;
14
14
  export default CampaignOfMonth;
@@ -3,7 +3,7 @@ import CenterDecorator from "../../utils/center-decorator";
3
3
  declare const _default: {
4
4
  title: string;
5
5
  decorators: (typeof CenterDecorator)[];
6
- component: ({ className, title, description, imageUrl, rised, donation, goal, btnText, onClick, }: import("./campaign-of-month").CampaignOfMonthProps) => JSX.Element;
6
+ component: ({ className, title, text, imageUrl, rised, donation, goal, btnText, onClick, }: import("./campaign-of-month").CampaignOfMonthProps) => JSX.Element;
7
7
  };
8
8
  export default _default;
9
9
  export declare const campaignofmonth: {
@@ -0,0 +1,31 @@
1
+ /// <reference types="react" />
2
+ import { SubCommentsV2Props } from "./sub-comments-v2";
3
+ export declare type CommentTypeV2 = {
4
+ amount?: number | string;
5
+ claps?: 0 | 1;
6
+ comment?: string | null;
7
+ donationDate?: string | number;
8
+ firstName?: string;
9
+ id?: number;
10
+ isAnonymous?: boolean;
11
+ kisses?: 0 | 1;
12
+ lastName?: string;
13
+ likes?: 0 | 1;
14
+ message?: string;
15
+ prays?: 1 | 0;
16
+ profileImage?: string | null;
17
+ tears?: 0 | 1;
18
+ thumbs?: 0 | 1;
19
+ userId?: number | string | null;
20
+ campaignCreator?: string;
21
+ subComment?: Array<SubCommentsV2Props>;
22
+ };
23
+ export declare const checkLastElement: (key: number, itemLength: number) => boolean;
24
+ interface ComboFieldProps {
25
+ comments: Array<CommentTypeV2 & {
26
+ subComment?: Array<CommentTypeV2>;
27
+ }>;
28
+ showMore?: () => void;
29
+ }
30
+ declare const CommentSectionV2: ({ comments, showMore }: ComboFieldProps) => JSX.Element;
31
+ export default CommentSectionV2;
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ export declare type SubCommentsV2Props = {
3
+ profileImage: string;
4
+ firstName?: string;
5
+ lastName?: string;
6
+ comment: string;
7
+ };
8
+ declare const SubCommentsV2: ({ comments, }: {
9
+ comments: SubCommentsV2Props[];
10
+ }) => JSX.Element;
11
+ export default SubCommentsV2;
@@ -6,6 +6,7 @@ export declare type CommentType = {
6
6
  liked: boolean;
7
7
  userId: string | number;
8
8
  donation?: number | string;
9
+ date?: string;
9
10
  };
10
11
  export declare const checkLastElement: (key: number, itemLength: number) => boolean;
11
12
  interface ComboFieldProps {
@@ -11,3 +11,9 @@ export declare const CommentSectionStory: {
11
11
  name: string;
12
12
  };
13
13
  };
14
+ export declare const CommentSectionStoryV2: {
15
+ (): JSX.Element;
16
+ story: {
17
+ name: string;
18
+ };
19
+ };
@@ -1 +1,2 @@
1
1
  export { default as CommentSection } from "./comment-section";
2
+ export { default as CommentSectionV2, } from "./comment-section-v2/comment-section-v2";
@@ -1,6 +1,13 @@
1
1
  /// <reference types="react" />
2
+ import { DonationOptionsProps } from "../donation-form";
2
3
  export interface DonationCampaignFormProps {
3
4
  id?: string;
5
+ donationOption: Array<DonationOptionsProps>;
6
+ rised: number;
7
+ donation: number;
8
+ target: number;
9
+ clickOnShare: () => void;
10
+ clickOnDonation: () => void;
4
11
  }
5
- declare const DonationFormV2: ({ id }: DonationCampaignFormProps) => JSX.Element;
12
+ declare const DonationFormV2: ({ donationOption, rised, donation, target, clickOnShare, clickOnDonation, }: DonationCampaignFormProps) => JSX.Element;
6
13
  export default DonationFormV2;
@@ -5,12 +5,13 @@ export interface FeaturedCampaignCardProps {
5
5
  title?: string;
6
6
  description?: string;
7
7
  completed?: number;
8
- width?: number;
8
+ maxWidth?: number;
9
9
  donation?: number;
10
10
  raised?: number;
11
11
  goal?: number;
12
12
  onClick: () => void;
13
13
  fundraisingText: string;
14
+ handleImageError?: () => void;
14
15
  }
15
- declare const FeaturedCampaignCard: ({ className, imageURL, title, donation, raised, goal, completed, width, onClick, fundraisingText, }: FeaturedCampaignCardProps) => JSX.Element;
16
+ declare const FeaturedCampaignCard: ({ className, imageURL, title, donation, raised, goal, completed, maxWidth, onClick, fundraisingText, handleImageError, }: FeaturedCampaignCardProps) => JSX.Element;
16
17
  export default FeaturedCampaignCard;
@@ -3,7 +3,7 @@ import CenterDecorator from "../../utils/center-decorator";
3
3
  declare const _default: {
4
4
  title: string;
5
5
  decorators: (typeof CenterDecorator)[];
6
- component: ({ className, imageURL, title, donation, raised, goal, completed, width, onClick, fundraisingText, }: import("./featured-campaign-card").FeaturedCampaignCardProps) => JSX.Element;
6
+ component: ({ className, imageURL, title, donation, raised, goal, completed, maxWidth, onClick, fundraisingText, handleImageError, }: import("./featured-campaign-card").FeaturedCampaignCardProps) => JSX.Element;
7
7
  };
8
8
  export default _default;
9
9
  export declare const featuredcampaigncard: {
@@ -0,0 +1,35 @@
1
+ /// <reference types="react" />
2
+ interface PrismicFooterV2Document {
3
+ key: string;
4
+ total_member: string;
5
+ total_cause: string;
6
+ total_raised: string;
7
+ body: Array<{
8
+ primary: {
9
+ text: Array<{
10
+ type: string;
11
+ text: string;
12
+ spans: Array<any>;
13
+ }>;
14
+ };
15
+ items: Array<{
16
+ call_to_action_text: string | null;
17
+ call_to_action_link: {
18
+ link_type: string;
19
+ url?: string;
20
+ };
21
+ }>;
22
+ id: string;
23
+ slice_type: string;
24
+ slice_label: string | null;
25
+ }>;
26
+ }
27
+ declare function FooterV2({ className, dataFooter: document, bottomSectionOnly, OrangeCardUrl, OrangeCardFirstTitle, OrangeCardSecondTitle, }: {
28
+ className?: string;
29
+ dataFooter: PrismicFooterV2Document;
30
+ bottomSectionOnly?: boolean;
31
+ OrangeCardUrl?: string;
32
+ OrangeCardFirstTitle?: string;
33
+ OrangeCardSecondTitle?: string;
34
+ }): JSX.Element;
35
+ export default FooterV2;
@@ -1,12 +1,13 @@
1
1
  /// <reference types="react" />
2
2
  import CenterDecorator from "../../utils/center-decorator";
3
+ import FooterV2 from "./footerV2";
3
4
  declare const _default: {
4
5
  title: string;
5
6
  decorators: (typeof CenterDecorator)[];
6
- component: ({ className, imageURL, title, donation, raised, goal, completed, width, }: import("./featured-campaign-card").FeaturedCampaignCardProps) => JSX.Element;
7
+ component: typeof FooterV2;
7
8
  };
8
9
  export default _default;
9
- export declare const featuredcampaigncard: {
10
+ export declare const FooterV2Story: {
10
11
  (): JSX.Element;
11
12
  story: {
12
13
  name: string;
@@ -0,0 +1 @@
1
+ export { default as FooterV2 } from "./footerV2";
@@ -39,3 +39,8 @@ export * from "./horizontalbar";
39
39
  export * from "./progressbar";
40
40
  export * from "./start-campaign-card";
41
41
  export * from "./nav";
42
+ export * from "./popup";
43
+ export * from "./line-chart";
44
+ export * from "./partner-monthly-donations";
45
+ export * from "./partner-monthly-stats";
46
+ export * from "./table";
@@ -0,0 +1 @@
1
+ export { default as InfoRepresentCampaign } from "./info-represent-campaign";
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ export interface InfoRepresentCampaignProps {
3
+ id?: string;
4
+ campaignCreator: string;
5
+ rasingFundsFor: string;
6
+ fundsBankedTo: string;
7
+ avatar: string;
8
+ clickOnFollow: () => void;
9
+ }
10
+ declare const InfoRepresentCampaign: ({ campaignCreator, rasingFundsFor, fundsBankedTo, avatar, clickOnFollow, }: InfoRepresentCampaignProps) => JSX.Element;
11
+ export default InfoRepresentCampaign;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const InforRepresentCampaignStories: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
@@ -0,0 +1,2 @@
1
+ export { default as PartnerLineChart } from "./partner-line-chart";
2
+ export { default as PartnerLineChartBlock } from "./partner-line-chart-block";
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ interface PartnerLineChartBlockProps {
3
+ currentYearData: Array<number>;
4
+ totalDonation: number;
5
+ chartData: {
6
+ current_year: Array<number>;
7
+ months_label: Array<string>;
8
+ requested_year: Array<number>;
9
+ };
10
+ }
11
+ declare const PartnerLineChartBlock: ({ currentYearData, totalDonation, chartData, }: PartnerLineChartBlockProps) => JSX.Element;
12
+ export default PartnerLineChartBlock;
@@ -4,7 +4,7 @@ declare const _default: {
4
4
  decorators: ((...args: any) => any)[];
5
5
  };
6
6
  export default _default;
7
- export declare const InfoInsteadCampaignStories: {
7
+ export declare const PartnertLineChartStories: {
8
8
  (): JSX.Element;
9
9
  story: {
10
10
  name: string;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ declare const PartnerLineChart: (props: any) => JSX.Element;
3
+ export default PartnerLineChart;
@@ -4,6 +4,7 @@ interface NavigationSearchProps {
4
4
  onChange: (value: string) => void;
5
5
  onSubmit: () => void;
6
6
  onCancel: () => void;
7
+ isDark?: boolean;
7
8
  }
8
- declare function NavigationSearch({ value, onChange, onSubmit, onCancel, }: NavigationSearchProps): JSX.Element;
9
+ declare function NavigationSearch({ value, onChange, onSubmit, onCancel, isDark, }: NavigationSearchProps): JSX.Element;
9
10
  export default NavigationSearch;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ declare const LineChart: () => JSX.Element;
3
+ export default LineChart;
@@ -3,9 +3,10 @@ import CenterDecorator from "../../utils/center-decorator";
3
3
  declare const _default: {
4
4
  title: string;
5
5
  decorators: (typeof CenterDecorator)[];
6
+ component: () => JSX.Element;
6
7
  };
7
8
  export default _default;
8
- export declare const toggleButton: {
9
+ export declare const progressbar: {
9
10
  (): JSX.Element;
10
11
  story: {
11
12
  name: string;
@@ -0,0 +1 @@
1
+ export { default as Chart } from "./chart";
@@ -0,0 +1 @@
1
+ export { default as PartnerMonthlyDonations, } from "./partner-monthly-donations";
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export interface PartnerMonthlyDonationsProps {
3
+ totalAmount?: number;
4
+ numberOfDonations?: number;
5
+ donationsLink?: string;
6
+ }
7
+ declare const PartnerMonthlyDonations: ({ totalAmount, numberOfDonations, donationsLink, }: PartnerMonthlyDonationsProps) => JSX.Element;
8
+ export default PartnerMonthlyDonations;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const PartnerMonthlyStatsStories: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
@@ -0,0 +1 @@
1
+ export { default as PartnerMonthlyStart } from "./partner-monthly-stats";
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ export interface PartnerMonthlyStatsProps {
3
+ numeric?: number;
4
+ title?: string;
5
+ }
6
+ declare const PartnerMonthlyStats: ({ numeric, title }: PartnerMonthlyStatsProps) => JSX.Element;
7
+ export default PartnerMonthlyStats;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const PartnerMonthlyStatsStories: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
@@ -0,0 +1 @@
1
+ export { default as PartnerMonthlyTable } from "./partner-monthly-table";
@@ -0,0 +1,15 @@
1
+ import React from "react";
2
+ export declare type ColumnTableProps = {
3
+ key: string;
4
+ label: string;
5
+ align: "center" | "left" | "right";
6
+ rowPrefixIcon?: string;
7
+ renderCell: (item: any) => React.ReactNode;
8
+ };
9
+ export interface PartnerMonthlyTableProps {
10
+ label?: string;
11
+ columns: Array<ColumnTableProps>;
12
+ data: Array<object>;
13
+ }
14
+ declare const PartnerMonthlyTable: ({ columns, label, data, }: PartnerMonthlyTableProps) => JSX.Element;
15
+ export default PartnerMonthlyTable;
@@ -0,0 +1,18 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const PartnerMonthlyTableStories: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
13
+ export declare const PartnerMonthlyTableStories2: {
14
+ (): JSX.Element;
15
+ story: {
16
+ name: string;
17
+ };
18
+ };
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ interface TextFieldSearchProps {
3
+ value?: string;
4
+ onChange: (value: string) => void;
5
+ onSubmit: () => void;
6
+ placeholder?: string;
7
+ }
8
+ declare function TextFieldSearch({ value, onChange, onSubmit, placeholder, }: TextFieldSearchProps): JSX.Element;
9
+ export default TextFieldSearch;