@mycause/ui 0.0.0-c0ed6c6f → 0.0.0-c10d3ebf

package/CHANGELOG.md

@@ -1,3 +1,363 @@
+## 0.18.14
+
+###### Tue, 16 Jul 2024
+
+- Select V2: update error
+- Table: add onClickRow prop and getBackgroundRow prop
+
+###### Mon, 08 Jul 2024
+
+- React date: Handle outside range date
+
+## 0.18.11
+
+###### Wed, 12 Jun 2024
+
+- Create inputSocial
+- Create switchV2
+
+## 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
+
+- MyAccountStartFundraiseCard
+  - Add new button
+
+## 0.18.7
+
+###### Tus, 4 Feb 2024
+
+- Phone number input, Enhanced Select
+  - create new component
+
+## 0.18.6
+
+###### Tus, 4 Feb 2024
+
+- Phone number input
+  - add disabled prop
+
+## 0.18.5
+
+###### Mon, 26 Feb 2024
+
+- Input, Toast, Phone number input V2
+  - create new component
+- Select
+  - Add asteriskColor, customTrailingIcon and onEnhancedChange props
+
+## 0.18.3
+
+###### Tues, 23 Jan 2024
+
+- Update stats block
+
+## 0.18.2
+
+###### Mon, 22 Jan 2024
+
+- Add new components for My Account:
+  - Sidebar
+  - Stats blocks
+  - Progressbar
+  - FRP preview card
+  - FRP closed card
+  - Favorite charities card
+
+## 0.18.1
+
+###### Wed, 23 Aug 2023
+
+- Create modal show image
+
+## 0.18.0
+
+###### Wed, 23 Aug 2023
+
+- Nav
+- Add props for login button under "I'm A Charity" menu
+
+## 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
+
+- TextFieldSearch
+  - Create
+
+## 0.17.6
+
+###### Thur, 27 Jul 2023
+
+- FooterV2
+  - Add click IDs
+- Nav
+  - Add click IDs
+
+## 0.17.3
+
+###### Thur, 27 Jul 2023
+
+- FooterV2
+
+  - Change style item link
+
+## 0.17.2
+
+###### Wed, 26 Jul 2023
+
+- FooterV2
+  - Added new footer component.
+
+## 0.16.9
+
+###### Thu, 15 Apr 2021
+
+- PhoneNumberInput
+  - Update behavior sort country options
+
+## 0.16.8
+
+###### Tue, 23 Feb 2021
+
+- Navigation bar
+  - Fixed container width - bug "for charities"
+
+## 0.16.7
+
+###### Wed, 2 Sep 2020
+
+- NavigationMenu
+  - add `onClick` prop.
+
+## 0.16.5
+
+###### Sun, 19 Jul 2020
+
+- Statistics
+  - add `dark` prop.
+
+###### Mon, 15 06 2020
+
+- Select
+
+  - Fixed event target bug
+
+## 0.16.4
+
+###### TUE, 20 05 2020
+
+- PhoneNumberInput, Select
+
+  - add color prop
+
+## 0.16.3
+
+###### TUE, 19 05 2020
+
+- TextField
+
+  - add color prop
+
+## 0.16.2
+
+###### Wed, 1 Apr 2020
+
+- DatePicker
+
+  - Added new prop to single date picker to allow out of range date picks.## 0.16.2
+
+## 0.16.1
+
+###### Wed, 1 Apr 2020
+
+- DatePicker
+
+  - Fixed typecheck bug on datepicker.
+
+## 0.16.0
+
+###### Tue, 31 Mar 2020
+
+- DonationForm
+
+  - Added new donation form component.
+
+## 0.15.2
+
+###### Wed, 18 Mar 2020
+
+- Navigation
+
+  - Added new navigation controls.
+  - Added nav style v2 in navigation story
+
+## 0.15.1
+
+###### Tue, 10 Mar 2020
+
+- Spinner
+
+  - Spinner component - fix bug building
+
+## 0.15.0
+
+###### Tue, 10 Mar 2020
+
+- Spinner
+
+  - Spinner component
+
+## 0.14.0
+
+###### Tue, 10 Mar 2020
+
+- Login
+
+  - Login component
+
+## 0.13.10
+
+###### Fri, 6 Mar 2020
+
+- List
+
+  - Added listcontent and ability to toggle content.
+
+## 0.13.10
+
+###### Fri, 6 Mar 2020
+
+- List
+
+  - Added listcontent and ability to toggle content.
+
+## 0.13.9
+
+###### Mon, 2 Mar 2020
+
+- CommentSection
+
+  - Created CommentSection component.
+
+## 0.13.8
+
+###### Fri, 21 Feb 2020
+
+- PhoneNumberInput
+
+  - Fixed flag postioning bug and added placeholder prop.
+
+## 0.13.7
+
+###### Tue, 18 Feb 2020
+
+- Cropper
+
+  - Added quality and imageType prop to control image quality/type via dataUrl.
+
+## 0.13.6
+
+###### Monday, 17 Feb 2020
+
+- Navigation
+
+  - Removed ExpandedRedirect.
+  - Added actionRaised prop to menu item. Basically the exandedRedirect but now controlled by tab menu.
+
+## 0.13.5
+
+###### Friday, 14 Feb 2020
+
+- Navigation
+
+  - Made sure that ExpandedRedirect does not turn into anchor. This is to address difficulty encountered with google analytics.
+
+## 0.13.4
+
+###### Friday, 14 Feb 2020
+
+- Navigation
+  - Added ExpandedRedirect prop that overides stats prop.
+
+## 0.13.3
+
+###### Mon, 3 Feb 2020
+
+- PhoneNumberInput
+  - hotfix added custom flag-icons to country select.
+- PhoneNumberField
+  - this has been removed.
+
+## 0.13.2
+
+###### Fri, 31 Jan 2020
+
+- PhoneNumberInput
+  - hotfix set disable country code to default.
+
+## 0.13.1
+
+###### Thu, 30 Jan 2020
+
+- PhoneNumberInput
+  - Added new default values.
+
+## 0.13.0
+
+###### Thu, 30 Jan 2020
+
+- List
+  - Added breakspace to allow for long names to be shown in list component.
+- ButtonSelect
+  - Created a button component that has a dropdown.
+- Modal
+  - Added minimal version of modal.
+
+## 0.12.4
+
+###### Thu, 9 Jan 2020
+
+- PhoneNumberInput
+  - Improved functionality by adding default country prop and getCountry function.
+
+## 0.12.3
+
+###### Sat, 21 Dec 2019
+
+- PhoneNumberField
+  - This is depricated but has not been removed yet.
+- PhoneNumberInput
+  - Created new phonenumber component with input with better functionality.
+- Cropper
+  - Set default crop size to max width of uploaded image.
+- List
+  - fixed warnings from components.
+
 ## 0.12.1
 
 ###### Thu, 13 Dec 2019

package/README.md

@@ -174,6 +174,15 @@ To manually publish the package locally, use the following command:
 npm publish --access public
 ```
 
+---
+
+Using git commands
+
+```
+git tag <version>
+git push origin <version>
+```
+
 ### Publishing an unstable version
 
 Use the following commands to publish an unstable version. These versions are tagged with the version number `0.0.0-cHASH` where `HASH` is the abbreviated git commit hash. These should only be used for internal development purposes.

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

@@ -0,0 +1,12 @@
+import React from "react";
+import { ListProps } from "../list/list";
+import { ElevationProps } from "../elevation/elevation";
+import { ButtonProps } from "../button/button";
+export interface ButtonSelectProps {
+    children: React.ReactNode;
+    button: Omit<ButtonProps, "onClick">;
+    list: ListProps;
+    elevation: Omit<ElevationProps, "children">;
+}
+declare const ButtonSelect: ({ children, button, list, elevation, }: ButtonSelectProps) => JSX.Element;
+export default ButtonSelect;

package/dist/components/{phone-number-input/phone-number-field.stories.d.ts → button-select/button-select.stories.d.ts}

@@ -5,7 +5,7 @@ declare const _default: {
     decorators: (typeof CenterDecorator)[];
 };
 export default _default;
-export declare const PhoneNumberInputStory: {
+export declare const ButtonSelectStories: {
     (): JSX.Element;
     story: {
         name: string;

package/dist/components/button-select/index.d.ts

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface CampaignCardProps {
+    className?: string;
+    imageURL?: string;
+    title?: string;
+    description?: string;
+}
+declare const CampaignCard: ({ className, imageURL, title, description, }: CampaignCardProps) => JSX.Element;
+export default CampaignCard;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+    component: ({ className, imageURL, title, description, }: import("./campaign-card").CampaignCardProps) => JSX.Element;
+};
+export default _default;
+export declare const campaincard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/campaign-card/index.d.ts

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

package/dist/components/campaign-of-month/campaign-of-month.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface CampaignOfMonthProps {
+    className?: string;
+    title?: string;
+    text?: string;
+    imageUrl?: string;
+    rised?: number;
+    donation?: number;
+    goal?: number;
+    btnText?: string;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    idBtn?: string;
+}
+declare const CampaignOfMonth: ({ className, title, text, imageUrl, rised, donation, goal, btnText, onClick, idBtn, }: CampaignOfMonthProps) => JSX.Element;
+export default CampaignOfMonth;

package/dist/components/campaign-of-month/campaign-of-month.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+    component: ({ className, title, text, imageUrl, rised, donation, goal, btnText, onClick, idBtn, }: import("./campaign-of-month").CampaignOfMonthProps) => JSX.Element;
+};
+export default _default;
+export declare const campaignofmonth: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/campaign-of-month/index.d.ts

@@ -0,0 +1 @@
+export { default as CampaignOfMonth } from "./campaign-of-month";

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

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

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+    component: ({ className, title }: import("./charity-card").CharityCardProps) => JSX.Element;
+};
+export default _default;
+export declare const charitycard: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/charity-card/index.d.ts

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

package/dist/components/combo-field/combo-field.d.ts

@@ -3,6 +3,9 @@ interface ComboFieldProps {
     children: Array<React.ReactElement>;
     className?: string;
     large?: boolean;
+    buttonBorder?: boolean;
+    buttonFullWidth?: boolean;
+    align?: string;
 }
 /**
  * Combines several input controls to into one visually continuous
@@ -14,5 +17,5 @@ interface ComboFieldProps {
  * - Button
  * - IconButtonGroup
  */
-declare function ComboField({ children, className, large, ...rest }: ComboFieldProps): JSX.Element;
+declare function ComboField({ children, className, large, buttonBorder, buttonFullWidth, align, ...rest }: ComboFieldProps): JSX.Element;
 export default ComboField;

package/dist/components/comment-section/comment-section-v2/comment-section-v2.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { SubCommentsV2Props } from "./sub-comments-v2";
+export declare type CommentTypeV2 = {
+    amount?: number | string;
+    claps?: 0 | 1;
+    comment?: string | null;
+    donationDate?: string | number;
+    firstName?: string;
+    id?: number;
+    isAnonymous?: boolean;
+    kisses?: 0 | 1;
+    lastName?: string;
+    likes?: 0 | 1;
+    message?: string;
+    prays?: 1 | 0;
+    profileImage?: string | null;
+    tears?: 0 | 1;
+    thumbs?: 0 | 1;
+    userId?: number | string | null;
+    campaignCreator?: string;
+    subComment?: Array<SubCommentsV2Props>;
+};
+export declare const checkLastElement: (key: number, itemLength: number) => boolean;
+interface ComboFieldProps {
+    comments: Array<CommentTypeV2 & {
+        subComment?: Array<CommentTypeV2>;
+    }>;
+    showMore?: () => void;
+}
+declare const CommentSectionV2: ({ comments, showMore }: ComboFieldProps) => JSX.Element;
+export default CommentSectionV2;

package/dist/components/comment-section/comment-section-v2/sub-comments-v2.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare type SubCommentsV2Props = {
+    profileImage: string;
+    firstName?: string;
+    lastName?: string;
+    comment: string;
+};
+declare const SubCommentsV2: ({ comments, }: {
+    comments: SubCommentsV2Props[];
+}) => JSX.Element;
+export default SubCommentsV2;

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

@@ -0,0 +1,24 @@
+import React from "react";
+export declare type CommentType = {
+    profileImage: string;
+    username: string;
+    comment?: string;
+    liked: boolean;
+    userId: string | number;
+    donation?: number | string;
+    date?: string;
+};
+export declare const checkLastElement: (key: number, itemLength: number) => boolean;
+interface ComboFieldProps {
+    comments: Array<CommentType & {
+        subComment?: Array<CommentType>;
+    }>;
+    title: React.ReactNode | string;
+    maxWidth?: string;
+    dissableCount?: boolean;
+    showMore?: () => void;
+    likeCall?: (e: CommentType) => void;
+    dp?: number;
+}
+declare const CommentSection: ({ comments, maxWidth, title, dissableCount, showMore, likeCall, dp, }: ComboFieldProps) => JSX.Element;
+export default CommentSection;

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

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

package/dist/components/comment-section/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CommentSection } from "./comment-section";
+export { default as CommentSectionV2, } from "./comment-section-v2/comment-section-v2";

package/dist/components/comment-section/sub-comments.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { CommentType } from "./comment-section";
+declare const SubComments: ({ comments }: {
+    comments: CommentType[];
+}) => JSX.Element;
+export default SubComments;

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/Icons.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const Icons: {
+    close: (props: any) => JSX.Element;
+    error: (props: any) => JSX.Element;
+    warning: () => JSX.Element;
+};
+export default Icons;

package/dist/components/{phone-number-field/phone-number-field.stories.d.ts → credit-card-form/credit-card.stories.d.ts}

@@ -4,7 +4,7 @@ declare const _default: {
     decorators: ((...args: any) => any)[];
 };
 export default _default;
-export declare const PhoneNumberFieldStory: {
+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/credit-card-form/toast.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/cropper/cropper.d.ts

@@ -5,7 +5,7 @@ export interface CropperProps {
     cropImage: (arg: string) => void;
     style?: React.CSSProperties;
     dragMode?: "none" | "move" | "crop" | undefined;
-    viewMode?: 0 | 2 | 1 | 3 | undefined;
+    viewMode?: 0 | 1 | 2 | 3 | undefined;
     minCropBoxWidth?: number;
     minCropBoxHeight?: number;
     wheelZoomRatio?: number;
@@ -15,6 +15,8 @@ export interface CropperProps {
     zoomOnWheel?: boolean;
     guides?: boolean;
     autoCropArea?: number;
+    quality?: number;
+    imageType?: string;
 }
-declare const Cropper: ({ image, aspectRatio, cropImage, autoCropArea, ...res }: CropperProps) => JSX.Element;
+declare const Cropper: ({ image, aspectRatio, cropImage, autoCropArea, quality, imageType, ...res }: CropperProps) => JSX.Element;
 export default Cropper;