@mycause/ui 0.18.8 → 0.18.10

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 0.18.10
+
+###### Mon, 03 Jun 2024
+
+- Update transaction card.
+
+## 0.18.9
+
+###### Tue, 16 Apr 2024
+
+- CustomHeaderSingleDatePicker
+  - custom single date picker with header select month, year
+- Create select v2
+
 ## 0.18.8
 
 ###### Fri, 15 Mar 2024

package/dist/components/credit-card-form/CreditCardForm.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare type FormValuesProps = {
+    number: string;
+    name: string;
+    expiry: string;
+    cvc: string;
+};
+declare type CreditCardFormProps = {
+    formValues: FormValuesProps;
+    setFormValues: (values: FormValuesProps) => void;
+};
+declare function CreditCardForm({ formValues, setFormValues }: CreditCardFormProps): JSX.Element;
+export default CreditCardForm;

package/dist/components/credit-card-form/credit-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 SwitchDefault: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/credit-card-form/index.d.ts

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

package/dist/components/index.d.ts

@@ -47,6 +47,8 @@ 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";
@@ -54,7 +56,5 @@ 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 "./input";
 export * from "./my-account-frp-closed";
 export * from "./transaction-card";
-export * from "./toast";

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const Icons: {
+    facebook: (props: any) => 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) => 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 @@
+/// <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/modal/modal.stories.d.ts

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

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

@@ -10,13 +10,13 @@ export declare const SelectStory: {
         name: string;
     };
 };
-export declare const SelectEnhancedStory: {
+export declare const SelectStoryV2: {
     (): JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const SelectStoryV2: {
+export declare const SelectEnhancedStory: {
     (): JSX.Element;
     story: {
         name: string;

package/dist/components/switch/switch-v2.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface SwitchV2Props {
+    checked?: boolean;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    color?: string;
+}
+declare const SwitchV2: ({ checked, onChange, color }: SwitchV2Props) => JSX.Element;
+export default SwitchV2;

package/dist/components/transaction-card/transaction-card.d.ts

@@ -1,14 +1,16 @@
 import React from "react";
 export interface TransactionCardProps {
     className?: string;
-    amount?: string;
-    recipient?: string;
-    receiptNo?: string;
-    details?: string;
-    tax?: string;
-    date?: string;
-    action?: React.ReactNode;
+    amount?: React.ReactNode | string;
+    recipient?: React.ReactNode | string;
+    receiptNo?: React.ReactNode | string;
+    details?: React.ReactNode | string;
+    tax?: React.ReactNode | string;
+    date?: React.ReactNode | string;
+    statusAsText?: React.ReactNode | string;
+    action?: React.ReactNode | string;
     onClick?: () => void;
+    notShowIcon?: boolean;
 }
-declare const TransactionCard: ({ className, amount, recipient, receiptNo, details, tax, date, action, onClick, }: TransactionCardProps) => JSX.Element;
+declare const TransactionCard: ({ className, amount, recipient, receiptNo, details, tax, date, statusAsText, action, onClick, notShowIcon, }: TransactionCardProps) => JSX.Element;
 export default TransactionCard;

package/dist/components/transaction-card/transaction-card.stories.d.ts

@@ -3,7 +3,7 @@ import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, amount, recipient, receiptNo, details, tax, date, action, onClick, }: import("./transaction-card").TransactionCardProps) => JSX.Element;
+    component: ({ className, amount, recipient, receiptNo, details, tax, date, statusAsText, action, onClick, notShowIcon, }: import("./transaction-card").TransactionCardProps) => JSX.Element;
 };
 export default _default;
 export declare const TransactionCardStory: {
@@ -12,3 +12,9 @@ export declare const TransactionCardStory: {
         name: string;
     };
 };
+export declare const RegistrationCard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/uploader/Icons.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const Icons: {
+    upload: (props?: {}) => JSX.Element;
+    remove: (props?: {}) => JSX.Element;
+};
+export default Icons;

package/dist/components/uploader/uploadAndCropper.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface UploadAndCropperProps {
+    imageDefault: string;
+    width?: number;
+    border?: number;
+    borderRadius?: number;
+    color?: Array<number> | undefined;
+    handleOnRemove?: () => void;
+    imagePreview?: string;
+    setImagePreview?: (e: any) => void;
+}
+declare const UploadAndCropper: ({ width, border, borderRadius, color, handleOnRemove, imagePreview, setImagePreview, }: UploadAndCropperProps) => JSX.Element;
+export default UploadAndCropper;