@mycause/ui 0.0.0-ca202c12 → 0.0.0-ca5358d9

package/CHANGELOG.md

@@ -1,3 +1,378 @@
+## 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
+
+- Uploader
+  - Type check improvements removed since Dropzone package causes typecheck error in app build.
+  - Need to investiage why this is happening.
+
+## 0.12.0
+
+###### Thu, 12 Dec 2019
+
+- Modal
+  - Added Modal component.
+- Uploader
+  - Added Uploader component.
+- Cropper
+  - Added Cropper component.
+- DatePicker
+  - Added range DatePicker component.
+  - Added single DatePicker component.
+- Switch
+  - Set cursor:pointer on labels for Radio, Switch, and Checkbox.
+- Checkbox
+  - Set cursor:pointer on labels for Radio, Switch, and Checkbox.
+- Select
+  - Set cursor:pointer on labels for Radio, Switch, and Checkbox.
+  - Add error prop to select.
+- TextField
+  - Add list prop to TextField component.
+- List
+  - Add style prop to List component.
+
+## 0.11.2
+
+###### Thu, 28 Nov 2019
+
+- Select
+  - fixed the bug where the onChange event doesn't emit with the correct value on Firefox _again_.
+
+## 0.11.1
+
+###### Thu, 28 Nov 2019
+
+- Select
+  - fixed the bug where the onChange event doesn't emit with the correct value on Firefox again.
+
+## 0.11.0
+
+###### Thu, 28 Nov 2019
+
+- PhoneNumberField
+  - added PhoneNumberField component.
+  - added parseNationalPhoneNumber utility function.
+
+## 0.10.1
+
+###### Thu, 28 Nov 2019
+
+- Select
+  - following the Select fix in 0.9.0, select now emits an onChange event with both a valid target and currentTarget always.
+
+## 0.10.0
+
+###### Wed, 27 Nov 2019
+
+- Navigation
+  - **breaking**: the `onLogin` and `loginAnalyticsId` props are now one optional prop `login` that takes an object.
+  - **breaking**: the `onSearch` and `searchAnalyticsId` props are now one optional prop `search` that takes an object.
+
+## 0.9.1
+
+> Version 0.9.0 was incorrectly published and does not include all the changes intended. Please use this version instead.
+
+## 0.9.0
+
+###### Tue, 26 Nov 2019
+
+> Version 0.9.0 was incorrectly published and does not include all the changes intended. Please use 0.9.1 instead.
+
+- FieldHelperText
+  - added FieldHelperText component.
+- FieldLabel
+  - added FieldLabel component.
+- List
+  - added `iconsNotRounded`, `iconWidth`, and `overflowHidden` props.
+- Select
+  - fixed a bug where the select options could not be selected on Firefox.
+  - added `noArrow` prop.
+- TextField
+  - fixed a bug where providing a boolean value for the `error` prop incorrectly added helper text.
+
+## 0.8.0
+
+###### Tue, 19 Nov 2019
+
+- Box
+  - added Box base component.
+- Checkbox
+  - fixed alignment of label.
+- Flex
+  - now composes the Box component.
+- Grid
+  - added the Grid component.
+- Stack
+  - now composes the Box component.
+- Text
+  - now composes the Box component.
+
+## 0.7.2
+
+###### Tue, 19 Nov 2019
+
+- Checkbox
+  - fixed Checkbox not being exported.
+  - adjusted label styling.
+- Select
+  - fixed a bug where select element options were showing up as blank in some browsers.
+
+## 0.7.1
+
+###### Mon, 18 Nov 2019
+
+> Version 0.7.0 was incorrectly published and does not include all the changes intended. Please use this version instead.
+
+## 0.7.0
+
+###### Mon, 18 Nov 2019
+
+> Version 0.7.0 was incorrectly published and does not include all the changes intended. Please use 0.7.1 instead.
+
+##### Components
+
+- Elevation
+  - now has overflow set to hidden by default.
+- List
+  - added List component.
+- RadioGroup
+  - fixed RadioGroup not being exported.
+- Text
+  - added the `align` prop.
+- TextField
+  - notch now has a minimum width to avoid cutting off floating label text.
+  - helper text no longer has horizontal padding.
+
+##### Modules
+
+- Theme
+  - added MyCauseTheme to exports.
+
 ## 0.6.0
 
 ###### Thu, 14 Nov 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/button-select/button-select.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+};
+export default _default;
+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,14 @@
+import React from "react";
+export interface CampaignOfMonthProps {
+    className?: string;
+    title?: string;
+    description?: string;
+    imageUrl?: string;
+    rised?: number;
+    donation?: number;
+    goal?: number;
+    btnText?: string;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}
+declare const CampaignOfMonth: ({ className, title, description, imageUrl, rised, donation, goal, btnText, onClick, }: 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, description, imageUrl, rised, donation, goal, btnText, onClick, }: 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/checkbox/checkbox.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { ColorSpecifier } from "../../theme/theme";
 import { CheckboxProps as MDCCheckboxProps } from "@material/react-checkbox";
-export interface CheckBoxProps extends Omit<MDCCheckboxProps, "initRipple" | "unbounded"> {
+export interface CheckboxProps extends Omit<MDCCheckboxProps, "initRipple" | "unbounded"> {
     id?: string;
     name?: string;
-    label?: string;
+    label?: React.ReactNode;
     color?: ColorSpecifier;
     checked?: boolean;
     disabled?: boolean;
@@ -12,5 +12,5 @@ export interface CheckBoxProps extends Omit<MDCCheckboxProps, "initRipple" | "un
     indeterminate?: boolean;
     className?: string;
 }
-declare const CheckBox: ({ id, label, color, checked, className, ...rest }: CheckBoxProps) => JSX.Element;
-export default CheckBox;
+declare const Checkbox: ({ id, label, color, checked, className, ...rest }: CheckboxProps) => JSX.Element;
+export default Checkbox;

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

@@ -1 +1 @@
-export { default as CheckBox } from "./checkbox";
+export { default as Checkbox } from "./checkbox";

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

@@ -0,0 +1,23 @@
+import React from "react";
+export declare type CommentType = {
+    profileImage: string;
+    username: string;
+    comment?: string;
+    liked: boolean;
+    userId: string | number;
+    donation?: number | 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,13 @@
+/// <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;
+    };
+};

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

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

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

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

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

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

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

package/dist/components/date-picker/date-picker.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import "react-dates/initialize";
+import moment from "moment";
+export interface DatePickerProps {
+    hasArrowIcon?: boolean;
+    startDate: moment.Moment | null;
+    endDate: moment.Moment | null;
+    focusedInput: "startDate" | "endDate" | null;
+    setFocusedInput: (event: "startDate" | "endDate" | null) => void;
+    setStartDate: (date: moment.Moment | null) => void;
+    setEndDate: (date: moment.Moment | null) => void;
+    startDateId: string;
+    endDateId: string;
+    startDatePlaceholderText?: string;
+    endDatePlaceholderText?: string;
+    disabled?: boolean;
+    color?: string;
+    required?: boolean;
+    numberOfMonths?: number;
+    inputIconPosition?: "before" | "after";
+    orientation?: "horizontal" | "vertical";
+    customInputIcon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
+    customArrowIcon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
+    customCloseIcon?: React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
+}
+declare const DatePicker: ({ color, setStartDate, setEndDate, setFocusedInput, hasArrowIcon, numberOfMonths, ...rest }: DatePickerProps) => JSX.Element;
+export default DatePicker;