@mycause/ui 0.0.0-c18e2c1a → 0.0.0-c1c55cec

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

@@ -0,0 +1,23 @@
+import React from "react";
+export interface SelectItem {
+    icon?: JSX.Element;
+    label: string;
+    condition?: boolean;
+    active?: boolean;
+    handleClick?: () => void;
+}
+export interface SelectOrangeProps {
+    classname?: string;
+    title?: string;
+    selectItems: Array<SelectItem>;
+    width?: string;
+    buttonWidth?: string;
+    isScroll?: boolean;
+    align?: string;
+    noArrow?: boolean;
+    buttonColor?: string;
+    color?: string;
+    autoOpen?: boolean;
+}
+declare const ButtonSelectOrange: ({ classname, title, selectItems, width, buttonWidth, isScroll, align, noArrow, buttonColor, color, autoOpen, }: SelectOrangeProps) => React.JSX.Element;
+export default ButtonSelectOrange;

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

@@ -11,3 +11,9 @@ export declare const ButtonSelectStories: {
         name: string;
     };
 };
+export declare const SelectOrangeStory: {
+    (): React.JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

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

package/dist/components/chips/chip.d.ts

@@ -6,7 +6,4 @@ export interface ChipProps extends Omit<MDCChipProps, "ref" | "initRipple" | "le
     trailingIcon?: React.ReactElement<IconProps>;
 }
 declare function Chip({ className, leadingIcon, trailingIcon, ...props }: ChipProps): React.JSX.Element;
-declare namespace Chip {
-    var defaultProps: Partial<Pick<MDCChipProps, "label" | "selected" | "id" | "onClick" | "onTransitionEnd" | "trailingIcon" | "handleSelect" | "leadingIcon" | "handleRemove" | "handleInteraction" | "handleTrailingIconInteraction" | "chipCheckmark" | "shouldRemoveOnTrailingIconClick"> & import("@material/react-ripple").RippledComponentProps<HTMLDivElement>> | undefined;
-}
 export default Chip;

package/dist/components/collapse/icons.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-export declare const TrashCanIcon: (props: any) => React.JSX.Element;
-export declare const ChevronDownIcon: (props: any) => React.JSX.Element;
-export declare const ChevronUpIcon: (props: any) => React.JSX.Element;
-export declare const CloseIcon: (props: any) => React.JSX.Element;
+export declare const TrashCanIcon: (props: Record<string, unknown>) => React.JSX.Element;
+export declare const ChevronDownIcon: () => React.JSX.Element;
+export declare const ChevronUpIcon: () => React.JSX.Element;

package/dist/components/date-picker/single-date-picker-custom-header.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import moment from "moment";
+import moment, { Moment } from "moment";
 export interface DatePickerProps {
     id: string;
     date: moment.Moment | null;
@@ -19,7 +19,7 @@ export interface DatePickerProps {
     error?: boolean;
     label?: string;
     width?: string;
-    isOutsideRange?: (day: any) => boolean;
+    isOutsideRange?: (day: Moment) => boolean;
     renderCalendarInfo?: () => string | JSX.Element;
     calendarInfoPosition?: "before" | "after" | "top" | "bottom";
     navPrev?: string | JSX.Element;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import moment from "moment";
+import moment, { Moment } from "moment";
 export interface DatePickerProps {
     id: string;
     date: moment.Moment | null;
@@ -19,7 +19,7 @@ export interface DatePickerProps {
     error?: boolean;
     label?: string;
     width?: string;
-    isOutsideRange?: (day: any) => boolean;
+    isOutsideRange?: (day: Moment) => boolean;
     showDefaultInputIcon?: boolean;
 }
 declare const CustomSingleDatePicker: ({ width, color, onDateChange, onFocusChange, numberOfMonths, error, label, focused, required, id, ...rest }: DatePickerProps) => React.JSX.Element;

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

@@ -1,5 +1,8 @@
 import React from "react";
+export interface PropHTML {
+    [key: string]: string;
+}
 declare const Icons: {
-    facebook: (props: any) => React.JSX.Element;
+    Facebook: (props: PropHTML) => React.JSX.Element;
 };
 export default Icons;

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

@@ -4,10 +4,13 @@ export declare const ENV_TEST = "test";
 export declare const ENV_DEV = "dev";
 export declare const getAccountLink: (env: string) => "https://account-dev.mycause.com.au" | "https://account-test.mycause.com.au" | "https://account.mycause.com.au";
 export declare const getMycauseLink: (env: string) => "https://dev.mycause.com.au" | "https://aws-test.mycause.com.au" | "https://www.mycause.com.au";
+export interface Param {
+    [key: string]: string | number | boolean;
+}
 export interface LoginProps {
     id?: string;
     className?: string;
-    params?: any;
+    params?: Param;
     env?: string;
     loggedInCallBack?: () => void;
 }

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/frp-closed-img.d.ts

@@ -1,9 +1,8 @@
 import React from "react";
 export interface FrpClosedImgProps {
     img?: string;
-    link?: string;
     title?: string;
     frpColor?: string;
 }
-declare const FrpClosedImg: ({ img, link, title, frpColor }: FrpClosedImgProps) => React.JSX.Element;
+declare const FrpClosedImg: ({ img, title, frpColor }: FrpClosedImgProps) => React.JSX.Element;
 export default FrpClosedImg;

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

@@ -11,5 +11,5 @@ interface FrpInfomationProps {
     thankLink?: string;
     handleCertificateMemento?: () => void;
 }
-declare const FrpInfomation: ({ donations, amountRaised, amountGoal, sqSize, strokeWidth, closedDate, customRow, manageLink, thankLink, handleCertificateMemento, }: FrpInfomationProps) => React.JSX.Element;
+declare const FrpInfomation: ({ donations, amountRaised, amountGoal, sqSize, strokeWidth, closedDate, customRow, thankLink, handleCertificateMemento, }: FrpInfomationProps) => React.JSX.Element;
 export default FrpInfomation;

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

@@ -1,5 +1,5 @@
 import React from "react";
 declare const Icons: {
-    arrowNext: () => React.JSX.Element;
+    ArrowNext: () => React.JSX.Element;
 };
 export default Icons;

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

@@ -5,5 +5,5 @@ export interface FrpPreviewImgProps {
     title?: string;
     frpColor?: string;
 }
-declare const FrpPreviewImg: ({ img, link, title, frpColor }: FrpPreviewImgProps) => React.JSX.Element;
+declare const FrpPreviewImg: ({ img, title, frpColor }: FrpPreviewImgProps) => React.JSX.Element;
 export default FrpPreviewImg;

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

@@ -1,15 +1,15 @@
 import React from "react";
 declare const Icons: {
-    dashboard: (props?: {}) => React.JSX.Element;
-    collapse: (props?: {}) => React.JSX.Element;
-    expand: () => React.JSX.Element;
-    donations: () => React.JSX.Element;
-    account: () => React.JSX.Element;
-    support: () => React.JSX.Element;
-    additional: () => React.JSX.Element;
-    minus: () => React.JSX.Element;
-    dot: () => React.JSX.Element;
-    menu: () => React.JSX.Element;
-    close: () => React.JSX.Element;
+    Dashboard: () => React.JSX.Element;
+    Collapse: () => React.JSX.Element;
+    Expand: () => React.JSX.Element;
+    Donations: () => React.JSX.Element;
+    Account: () => React.JSX.Element;
+    Support: () => React.JSX.Element;
+    Additional: () => React.JSX.Element;
+    Minus: () => React.JSX.Element;
+    Dot: () => React.JSX.Element;
+    Menu: () => React.JSX.Element;
+    Close: () => React.JSX.Element;
 };
 export default Icons;

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

@@ -10,7 +10,7 @@ export interface MyAccountSidebarProps {
 }
 type ItemMenu = {
     id: string;
-    icon?: any;
+    icon?: JSX.Element;
     label: string;
     href?: string;
     items?: Array<ItemMenu>;

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

@@ -22,9 +22,3 @@ export declare const SelectEnhancedStory: {
         name: string;
     };
 };
-export declare const SelectOrangeStory: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-    };
-};

package/dist/components/spinner/spinner.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 export interface SpinnerProps {
     id?: string;
     className?: string;
-    style?: any;
+    style?: object;
     type?: "default" | "orange";
 }
 declare const Spinner: ({ id, className, style, type, ...rest }: SpinnerProps) => React.JSX.Element;

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

@@ -1,7 +1,7 @@
 import React from "react";
 declare const Icons: {
-    close: (props: any) => React.JSX.Element;
-    error: (props: any) => React.JSX.Element;
-    warning: () => React.JSX.Element;
+    Close: () => React.JSX.Element;
+    Error: () => React.JSX.Element;
+    Warning: () => React.JSX.Element;
 };
 export default Icons;