@mycause/ui 0.0.0-cb8edf5f → 0.0.0-cba5b1d7

package/README.md

@@ -202,7 +202,7 @@ 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.
+Use the following commands to publish an unstable version manually. 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.
 
 The version `0.0.0` indicates that these releases have no stability guarantees and do not necessarily have any relationship with other versions.
 
@@ -214,7 +214,17 @@ npm publish mycause-ui-0.0.0-c$(git rev-parse --short HEAD).tgz  --access public
 git reset --hard
 ```
 
-> The `c` prefix prevents an issue where npm doesn't accept numeric identifiers that start with 0, the abbreviated git commit has may be all numeric and start with 0, so `c` is prepended to avoid this.
+CircleCI can also publish unstable versions using the npm token configured in CI. Create and push an `unstable-*` tag from a commit that is already in `test_env`; normal pushes or merges to `test_env` do not publish. CI publishes version `0.0.0-c<SHORT_HASH>` with the npm dist-tag `unstable`.
+
+```
+git checkout test_env
+git pull
+SHORT_HASH=$(git rev-parse --short HEAD)
+git tag "unstable-${SHORT_HASH}"
+git push origin "unstable-${SHORT_HASH}"
+```
+
+> The `c` prefix prevents an issue where npm doesn't accept numeric identifiers that start with 0. The abbreviated git commit hash may be all numeric and start with 0, so `c` is prepended to avoid this.
 
 ## License
 

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

@@ -3,6 +3,7 @@ export interface ImageAvatarProps extends Omit<React.HTMLProps<HTMLSpanElement>,
     name: string;
     src: string;
     size?: string;
+    adminId?: string;
 }
 declare function ImageAvatar({ name, src, size, ...rest }: ImageAvatarProps): React.JSX.Element;
 export default ImageAvatar;

package/dist/components/avatar/text-avatar.d.ts

@@ -6,6 +6,7 @@ export interface TextAvatarProps extends Omit<React.HTMLProps<HTMLSpanElement>,
     color?: ColorSpecifier;
     invert?: boolean;
     size?: string;
+    adminId?: string;
 }
-declare function TextAvatar({ name, initials, color, invert, size, ...rest }: TextAvatarProps): React.JSX.Element;
+declare function TextAvatar({ name, initials, color, invert, size, adminId, ...rest }: TextAvatarProps): React.JSX.Element;
 export default TextAvatar;

package/dist/components/charity-tags-filter-button/charity-tags-filter-button.stories.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const CharityTagsFilterButtonStories: {

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

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const CropperStory: {

package/dist/components/donation-form/donation-form.stories.d.ts

@@ -1,15 +1,41 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
-};
-export default _default;
-export declare const DonationFormStories: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    decorators: (typeof CenterDecorator)[];
+    argTypes: {
+        prefix: {
+            control: string;
+            defaultValue: string;
+        };
+        currency: {
+            control: string;
+            defaultValue: string;
+        };
+        control: {
+            control: string;
+            defaultValue: boolean;
+        };
+        hasCard: {
+            control: string;
+            defaultValue: boolean;
+        };
+        hasError: {
+            control: string;
+            defaultValue: boolean;
+        };
+        noContianer: {
+            control: string;
+            defaultValue: boolean;
+        };
+        maxWidth: {
+            control: string;
+            defaultValue: string;
+        };
     };
 };
+export default _default;
+export declare const DonationFormStories: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
 export declare const DonationCampaignFormStories: {
     (): React.JSX.Element;
     story: {

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

@@ -7,8 +7,8 @@ export interface FeaturedCampaignCardProps {
     completed?: number;
     maxWidth?: number;
     donation?: number;
-    raised?: number;
-    goal?: number;
+    raised?: number | string;
+    goal?: number | string;
     onClick: () => void;
     fundraisingText: string;
     handleImageError?: () => void;

package/dist/components/icon/material-icon.d.ts

@@ -6,9 +6,4 @@ export interface MaterialIconProps extends Omit<React.HTMLProps<HTMLOrSVGElement
     size?: string;
 }
 declare function MaterialIcon({ icon, iconSet, className, size, ...rest }: MaterialIconProps): React.JSX.Element;
-declare namespace MaterialIcon {
-    var defaultProps: {
-        iconSet: string;
-    };
-}
 export default MaterialIcon;

package/dist/components/index.d.ts

@@ -46,8 +46,6 @@ 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";
@@ -55,8 +53,10 @@ 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";
 export * from "./input-social";
 export * from "./charity-tags-filter-button";
 export * from "./collapse";

package/dist/components/info-represent-campaign/info-represent-campaign.stories.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const InforRepresentCampaignStories: {

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

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const InputExample: {

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

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const InputExample: {

package/dist/components/layout/box.d.ts

@@ -382,7 +382,6 @@ declare function Box({ as, ma, mv, mh, mt, mr, mb, ml, pa, pv, ph, pt, pb, pl, p
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
-    css?: import("@emotion/core").InterpolationWithTheme<any>;
     ref?: React.LegacyRef<HTMLElement> | undefined;
     key?: React.Key | null | undefined;
     className: string;

package/dist/components/layout/flex.d.ts

@@ -13,13 +13,4 @@ export interface FlexProps extends Omit<BoxProps, "wrap"> {
     children?: React.ReactNode;
 }
 declare function Flex({ direction, justify, align, reverse, wrap, center, className, children, ...rest }: FlexProps): React.JSX.Element;
-declare namespace Flex {
-    var defaultProps: {
-        direction: string;
-        justify: string;
-        align: string;
-        reverse: boolean;
-        wrap: boolean;
-    };
-}
 export default Flex;

package/dist/components/layout/flex.stories.d.ts

@@ -1,14 +1,42 @@
-import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-};
-export default _default;
-export declare const FlexStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-        decorators: ((...args: any) => any)[];
+    argTypes: {
+        number: {
+            control: string;
+            defaultValue: number;
+        };
+        reverse: {
+            control: string;
+            defaultValue: boolean;
+        };
+        wrap: {
+            control: string;
+            defaultValue: boolean;
+        };
+        align: {
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        direction: {
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        justify: {
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
     };
 };
+export default _default;
+export declare const FlexStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;

package/dist/components/layout/stack.d.ts

@@ -3,14 +3,7 @@ import { FlexProps } from "./flex";
 interface StackProps extends FlexProps {
     horizontal?: boolean;
     vertical?: boolean;
-    gap: string;
+    gap?: string;
 }
 declare function Stack({ gap, direction, reverse, className, children, ...rest }: StackProps): React.JSX.Element;
-declare namespace Stack {
-    var defaultProps: {
-        gap: string;
-        direction: string;
-        reverse: boolean;
-    };
-}
 export default Stack;

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

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

package/dist/components/my-account-frp-closed/my-account-frp-closed.stories.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const MyAccountFrpCloseStory: {

package/dist/components/my-account-frp-preview/my-account-frp-preview.stories.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const MyAccountFrpPreviewStory: {

package/dist/components/my-account-sidebar/my-account-sidebar.stories.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: never[];
 };
 export default _default;
 export declare const MyAccountSidebarStory: {

package/dist/components/my-account-stats-donated/my-account-stats-donated.stories.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const MyAccountStatsDonatedStory: {

package/dist/components/my-account-stats-raised/my-account-stats-raised.stories.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const MyAccountStatsRaisedStory: {

package/dist/components/nav/{nav-expanded-charity-new.d.ts → nav-expanded-charity-v2.d.ts}

@@ -8,5 +8,5 @@ export type NavigationExpandedProps = {
     className?: string;
     menu: NavMenuProps;
 };
-declare function NavigationExpandedCharityNew({ children, onRequestClose, className, menu, }: NavigationExpandedProps): React.JSX.Element;
-export default NavigationExpandedCharityNew;
+declare function NavigationExpandedCharityV2({ children, onRequestClose, className, menu, }: NavigationExpandedProps): React.JSX.Element;
+export default NavigationExpandedCharityV2;

package/dist/components/navigation/navigation-user-menu.d.ts

@@ -5,6 +5,7 @@ export type UserData = {
     avatar?: {
         src: string;
     };
+    adminId?: string;
 };
 export type UserMenuItems = Array<UserMenuItemWithSubmenu>;
 interface NavigationUserMenuProps {

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

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const PartnerChartStatsActive: {

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

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const PartnerMonthlyStatsStories: {

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

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const PartnerMonthlyStatsStories: {

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

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const PartnerToggleButtonBlockStory: {

package/dist/components/phone-number-input/phone-number-input.stories.d.ts

@@ -3,20 +3,28 @@ import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-};
-export default _default;
-export declare const PhoneNumberInputStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const PhoneNumberInputDisableStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    argTypes: {
+        label: {
+            control: string;
+            defaultValue: string;
+        };
+        required: {
+            control: string;
+            defaultValue: boolean;
+        };
+        helperText: {
+            control: string;
+            defaultValue: string;
+        };
+        error: {
+            control: string;
+            defaultValue: string;
+        };
     };
 };
+export default _default;
+export declare const PhoneNumberInputStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export declare const PhoneNumberInputDisableStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
 export declare const PhoneInputStory: {
     (): React.JSX.Element;
     story: {
@@ -29,15 +37,5 @@ export declare const PhoneNumberInputV2: {
         name: string;
     };
 };
-export declare const PhoneNumberInputStoryV1: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
-export declare const PhoneNumberInputIsDisableCountriesStoryV1: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
+export declare const PhoneNumberInputStoryV1: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export declare const PhoneNumberInputIsDisableCountriesStoryV1: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;

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

@@ -1,24 +1,104 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
-};
-export default _default;
-export declare const SelectStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    decorators: (typeof CenterDecorator)[];
+    argTypes: {
+        large: {
+            control: string;
+            defaultValue: boolean;
+        };
+        label: {
+            control: string;
+            defaultValue: string;
+        };
+        labelKind: {
+            control: {
+                type: string;
+                options: {
+                    External: string;
+                    Floating: string;
+                };
+            };
+            defaultValue: string;
+        };
+        required: {
+            control: string;
+            defaultValue: boolean;
+        };
+        helperText: {
+            control: string;
+            defaultValue: string;
+        };
+        persistent: {
+            control: string;
+            defaultValue: boolean;
+        };
+        leadingIcon: {
+            control: string;
+            defaultValue: boolean;
+        };
+        arrow: {
+            control: string;
+            defaultValue: boolean;
+        };
+        error: {
+            control: string;
+            defaultValue: string;
+        };
     };
 };
+export default _default;
+export declare const SelectStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
 export declare const SelectStoryV2: {
     (): React.JSX.Element;
     story: {
         name: string;
+        decorators: (typeof CenterDecorator)[];
+        argTypes: {
+            large: {
+                control: string;
+                defaultValue: boolean;
+            };
+            label: {
+                control: string;
+                defaultValue: string;
+            };
+            labelKind: {
+                control: {
+                    type: string;
+                    options: {
+                        External: string;
+                        Floating: string;
+                    };
+                };
+                defaultValue: string;
+            };
+            required: {
+                control: string;
+                defaultValue: boolean;
+            };
+            helperText: {
+                control: string;
+                defaultValue: string;
+            };
+            persistent: {
+                control: string;
+                defaultValue: boolean;
+            };
+            leadingIcon: {
+                control: string;
+                defaultValue: boolean;
+            };
+            arrow: {
+                control: string;
+                defaultValue: boolean;
+            };
+            error: {
+                control: string;
+                defaultValue: string;
+            };
+        };
     };
 };
-export declare const SelectEnhancedStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};
+export declare const SelectEnhancedStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;

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

@@ -10,5 +10,8 @@ export interface SwitchProps extends Omit<MDCSwitchProps, "ref" | "color"> {
     disabled?: boolean;
     onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
 }
-declare const Switch: ({ id, label, color, className, ...rest }: SwitchProps) => React.JSX.Element;
+declare const Switch: {
+    ({ id, label, color, className, ...rest }: SwitchProps): React.JSX.Element;
+    displayName: string;
+};
 export default Switch;

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

@@ -1,7 +1,8 @@
 import React from "react";
+import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
-    decorators: ((...args: any) => any)[];
+    decorators: (typeof CenterDecorator)[];
 };
 export default _default;
 export declare const PartnerMonthlyTableStories: {