@mycause/ui 0.17.7 → 0.17.9

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 0.17.9
+
+- Update UI component for new parter dashboard
+## 0.17.8
+
+###### Wed, 23 Aug 2023
+
+- Modal
+  - Add disable for accept button
+
 ## 0.17.7
 
 ###### Thur, 27 Jul 2023

package/dist/components/index.d.ts

@@ -41,3 +41,9 @@ export * from "./start-campaign-card";
 export * from "./nav";
 export * from "./popup";
 export * from "./footerV2";
+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";

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface InputDefaltProps {
+    lable?: string;
+    required?: boolean;
+    placeholder?: string;
+}
+declare const Input: ({ lable, required, placeholder }: InputDefaltProps) => JSX.Element;
+export default Input;

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

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

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

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

package/dist/components/line-chart/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PartnerLineChart } from "./partner-line-chart";
+export { default as PartnerLineChartBlock } from "./partner-line-chart-block";

package/dist/components/line-chart/partner-line-chart-block.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface PartnerLineChartBlockProps {
+    chartData: {
+        current_year: Array<number>;
+        months_label: Array<string>;
+        requested_year: Array<number>;
+    };
+}
+declare const PartnerLineChartBlock: ({ chartData }: PartnerLineChartBlockProps) => JSX.Element;
+export default PartnerLineChartBlock;

package/dist/components/line-chart/partner-line-chart-block.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const PartnertLineChartStories: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/line-chart/partner-line-chart.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const PartnerLineChart: (props: any) => JSX.Element;
+export default PartnerLineChart;

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

@@ -1 +1,2 @@
 export { default as Modal } from "./modal";
+export { default as ModalImage } from "./modal-image";

package/dist/components/modal/modal-image.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface ModalImasgeProps {
+    isOpen: boolean;
+    modalImageSrc: string;
+    toggleModal: (arg: boolean) => void;
+}
+declare const ModalImage: ({ isOpen, modalImageSrc, toggleModal, }: ModalImasgeProps) => JSX.Element;
+export default ModalImage;

package/dist/components/modal/modal.d.ts

@@ -15,6 +15,7 @@ export interface ModalProps {
     minimal?: boolean;
     acceptText?: string;
     cancelText?: string;
+    disableAcceptButton?: boolean;
 }
-declare const Modal: ({ id, isOpen, toggleModal, modalContent, modalTitle, onAccept, setWidth, buttonAlign, buttonColor, noCancelButton, noCloseButton, acceptText, cancelText, minimal, }: ModalProps) => JSX.Element;
+declare const Modal: ({ id, isOpen, toggleModal, modalContent, modalTitle, onAccept, setWidth, buttonAlign, buttonColor, noCancelButton, noCloseButton, acceptText, cancelText, disableAcceptButton, minimal, }: ModalProps) => JSX.Element;
 export default Modal;

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

@@ -29,3 +29,9 @@ export declare const ModalStoriesMinimal: {
         name: string;
     };
 };
+export declare const ModalStoriesImage: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/modal/modalImage.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface ModalImasgeProps {
+    isOpen: boolean;
+    modalImageSrc: string;
+    toggleModal: (arg: boolean) => void;
+}
+declare const ModalImage: ({ isOpen, modalImageSrc, toggleModal, }: ModalImasgeProps) => JSX.Element;
+export default ModalImage;

package/dist/components/partner-chart-stats/index.d.ts

@@ -0,0 +1 @@
+export { default as PartnerChartStats } from "./partner-chart-stats";

package/dist/components/partner-chart-stats/partner-chart-stats.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface PartnerChartStatsProps {
+    currentYearData?: Array<number>;
+    totalDonation?: string;
+    amount?: number;
+    title: string;
+    active?: boolean;
+    className?: string;
+}
+declare const PartnerChartStats: ({ currentYearData, totalDonation, amount, title, active, className, }: PartnerChartStatsProps) => JSX.Element;
+export default PartnerChartStats;

package/dist/components/partner-chart-stats/partner-chart-stats.stories.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const PartnerChartStatsActive: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const PartnerChartStatsStories: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/partner-monthly-donations/index.d.ts

@@ -0,0 +1 @@
+export { default as PartnerMonthlyDonations, } from "./partner-monthly-donations";

package/dist/components/partner-monthly-donations/partner-monthly-donations.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface PartnerMonthlyDonationsProps {
+    totalAmount?: number;
+    numberOfDonations?: number;
+    donationsLink?: string;
+}
+declare const PartnerMonthlyDonations: ({ totalAmount, numberOfDonations, donationsLink, }: PartnerMonthlyDonationsProps) => JSX.Element;
+export default PartnerMonthlyDonations;

package/dist/components/partner-monthly-donations/partner-monthly-donations.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const PartnerMonthlyStatsStories: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/partner-monthly-stats/index.d.ts

@@ -0,0 +1 @@
+export { default as PartnerMonthlyStats } from "./partner-monthly-stats";

package/dist/components/partner-monthly-stats/partner-monthly-stats.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface PartnerMonthlyStatsProps {
+    numeric?: number;
+    title: string;
+}
+declare const PartnerMonthlyStats: ({ numeric, title }: PartnerMonthlyStatsProps) => JSX.Element;
+export default PartnerMonthlyStats;

package/dist/components/partner-monthly-stats/partner-monthly-stats.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const PartnerMonthlyStatsStories: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/partner-toggle-button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PartnerToggleButton } from "./partner-toggle-button";
+export { default as PartnerToggleButtonBlock, } from "./partner-toggle-button-block";

package/dist/components/partner-toggle-button/partner-toggle-button-block.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface PartnerToggleButtonBlockProps {
+    labelLeft: string;
+    labelRight: string;
+    onClickLeft: () => void;
+    onClickRight: () => void;
+    className?: string;
+    isActive?: boolean;
+}
+declare const PartnerToggleButtonBlock: ({ labelLeft, labelRight, onClickLeft, onClickRight, className, isActive, }: PartnerToggleButtonBlockProps) => JSX.Element;
+export default PartnerToggleButtonBlock;

package/dist/components/partner-toggle-button/partner-toggle-button-block.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const PartnerToggleButtonBlockStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/partner-toggle-button/partner-toggle-button.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface PartnerToggleButtonProps {
+    label: string;
+    active: boolean;
+    onClick: () => void;
+}
+declare const PartnerToggleButton: ({ label, active, onClick, }: PartnerToggleButtonProps) => JSX.Element;
+export default PartnerToggleButton;

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

@@ -0,0 +1 @@
+export { default as PartnerMonthlyTable } from "./partner-monthly-table";

package/dist/components/table/partner-monthly-table.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export declare type ColumnTableProps = {
+    key: string;
+    label: string;
+    align: "center" | "left" | "right";
+    rowPrefixIcon?: string;
+    renderCell: (item: any) => React.ReactNode;
+};
+export interface PartnerMonthlyTableProps {
+    columns: Array<ColumnTableProps>;
+    data: Array<object>;
+    title?: string;
+    tooltip?: string;
+}
+declare const PartnerMonthlyTable: ({ columns, data, title, tooltip, }: PartnerMonthlyTableProps) => JSX.Element;
+export default PartnerMonthlyTable;

package/dist/components/table/partner-monthly-table.stories.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const PartnerMonthlyTableStories: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const PartnerMonthlyTableStories2: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/this-month-card/index.d.ts

@@ -0,0 +1 @@
+export { default as ThisMonthCard } from "./this-month-card";

package/dist/components/this-month-card/this-month-card.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+interface MonthData {
+    itemAmount?: number;
+    itemText?: string;
+}
+interface ThisMonthCardProps {
+    totalDonations: number;
+    thisMonthData?: Array<MonthData>;
+    imgLink: string;
+    buttonLink: string;
+    buttonText: string;
+    className?: string;
+}
+declare const ThisMonthCard: ({ totalDonations, thisMonthData, imgLink, buttonLink, buttonText, className, }: ThisMonthCardProps) => JSX.Element;
+export default ThisMonthCard;

package/dist/components/this-month-card/this-month-card.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const ThisMonthCardStories: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};