@mycause/ui 0.0.0-ce050505 → 0.0.0-ce1f98f6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/button-select/button-select-exhanced.d.ts +23 -0
- package/dist/components/button-select/button-select.stories.d.ts +6 -0
- package/dist/components/button-select/index.d.ts +1 -0
- package/dist/components/chips/chip.d.ts +3 -0
- package/dist/components/icon/material-icon.d.ts +5 -0
- package/dist/components/index.d.ts +2 -2
- package/dist/components/layout/flex.d.ts +9 -0
- package/dist/components/layout/stack.d.ts +8 -1
- package/dist/components/modal/modal.stories.d.ts +2 -2
- package/dist/components/my-account-frp-closed/frp-information.d.ts +2 -1
- package/dist/components/my-account-frp-closed/my-account-frp-closed.d.ts +2 -1
- package/dist/components/nav/nav-expanded-charity.d.ts +2 -1
- package/dist/components/nav/nav-myaccount.d.ts +2 -1
- package/dist/components/nav/nav.d.ts +2 -1
- package/dist/donation.esm.js +257 -131
- package/dist/donation.js +256 -129
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.esm.css +1 -1
- package/dist/index.esm.css.map +1 -1
- package/dist/index.esm.js +559 -405
- package/dist/index.js +559 -404
- package/package.json +3 -3
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface SelectItem {
|
|
3
|
+
icon?: JSX.Element;
|
|
4
|
+
label: string;
|
|
5
|
+
condition?: boolean;
|
|
6
|
+
active?: boolean;
|
|
7
|
+
handleClick?: () => void;
|
|
8
|
+
}
|
|
9
|
+
export interface SelectOrangeProps {
|
|
10
|
+
classname?: string;
|
|
11
|
+
title?: string;
|
|
12
|
+
selectItems: Array<SelectItem>;
|
|
13
|
+
width?: string;
|
|
14
|
+
buttonWidth?: string;
|
|
15
|
+
isScroll?: boolean;
|
|
16
|
+
align?: string;
|
|
17
|
+
noArrow?: boolean;
|
|
18
|
+
buttonColor?: string;
|
|
19
|
+
color?: string;
|
|
20
|
+
autoOpen?: boolean;
|
|
21
|
+
}
|
|
22
|
+
declare const ButtonSelectOrange: ({ classname, title, selectItems, width, buttonWidth, isScroll, align, noArrow, buttonColor, color, autoOpen, }: SelectOrangeProps) => React.JSX.Element;
|
|
23
|
+
export default ButtonSelectOrange;
|
|
@@ -6,4 +6,7 @@ export interface ChipProps extends Omit<MDCChipProps, "ref" | "initRipple" | "le
|
|
|
6
6
|
trailingIcon?: React.ReactElement<IconProps>;
|
|
7
7
|
}
|
|
8
8
|
declare function Chip({ className, leadingIcon, trailingIcon, ...props }: ChipProps): React.JSX.Element;
|
|
9
|
+
declare namespace Chip {
|
|
10
|
+
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;
|
|
11
|
+
}
|
|
9
12
|
export default Chip;
|
|
@@ -6,4 +6,9 @@ export interface MaterialIconProps extends Omit<React.HTMLProps<HTMLOrSVGElement
|
|
|
6
6
|
size?: string;
|
|
7
7
|
}
|
|
8
8
|
declare function MaterialIcon({ icon, iconSet, className, size, ...rest }: MaterialIconProps): React.JSX.Element;
|
|
9
|
+
declare namespace MaterialIcon {
|
|
10
|
+
var defaultProps: {
|
|
11
|
+
iconSet: string;
|
|
12
|
+
};
|
|
13
|
+
}
|
|
9
14
|
export default MaterialIcon;
|
|
@@ -46,6 +46,8 @@ export * from "./partner-chart-stats";
|
|
|
46
46
|
export * from "./this-month-card";
|
|
47
47
|
export * from "./partner-toggle-button";
|
|
48
48
|
export * from "./footerV2";
|
|
49
|
+
export * from "./input";
|
|
50
|
+
export * from "./toast";
|
|
49
51
|
export * from "./my-account-start-fundraise-card";
|
|
50
52
|
export * from "./my-account-choose-charity-card";
|
|
51
53
|
export * from "./favorite-charity-item";
|
|
@@ -53,10 +55,8 @@ export * from "./my-account-sidebar";
|
|
|
53
55
|
export * from "./my-account-frp-preview";
|
|
54
56
|
export * from "./my-account-stats-donated";
|
|
55
57
|
export * from "./my-account-stats-raised";
|
|
56
|
-
export * from "./input";
|
|
57
58
|
export * from "./my-account-frp-closed";
|
|
58
59
|
export * from "./transaction-card";
|
|
59
|
-
export * from "./toast";
|
|
60
60
|
export * from "./input-social";
|
|
61
61
|
export * from "./charity-tags-filter-button";
|
|
62
62
|
export * from "./collapse";
|
|
@@ -13,4 +13,13 @@ export interface FlexProps extends Omit<BoxProps, "wrap"> {
|
|
|
13
13
|
children?: React.ReactNode;
|
|
14
14
|
}
|
|
15
15
|
declare function Flex({ direction, justify, align, reverse, wrap, center, className, children, ...rest }: FlexProps): React.JSX.Element;
|
|
16
|
+
declare namespace Flex {
|
|
17
|
+
var defaultProps: {
|
|
18
|
+
direction: string;
|
|
19
|
+
justify: string;
|
|
20
|
+
align: string;
|
|
21
|
+
reverse: boolean;
|
|
22
|
+
wrap: boolean;
|
|
23
|
+
};
|
|
24
|
+
}
|
|
16
25
|
export default Flex;
|
|
@@ -3,7 +3,14 @@ import { FlexProps } from "./flex";
|
|
|
3
3
|
interface StackProps extends FlexProps {
|
|
4
4
|
horizontal?: boolean;
|
|
5
5
|
vertical?: boolean;
|
|
6
|
-
gap
|
|
6
|
+
gap: string;
|
|
7
7
|
}
|
|
8
8
|
declare function Stack({ gap, direction, reverse, className, children, ...rest }: StackProps): React.JSX.Element;
|
|
9
|
+
declare namespace Stack {
|
|
10
|
+
var defaultProps: {
|
|
11
|
+
gap: string;
|
|
12
|
+
direction: string;
|
|
13
|
+
reverse: boolean;
|
|
14
|
+
};
|
|
15
|
+
}
|
|
9
16
|
export default Stack;
|
|
@@ -29,13 +29,13 @@ export declare const ModalStoriesMinimal: {
|
|
|
29
29
|
name: string;
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
|
-
export declare const
|
|
32
|
+
export declare const ModalConfirmation: {
|
|
33
33
|
(): React.JSX.Element;
|
|
34
34
|
story: {
|
|
35
35
|
name: string;
|
|
36
36
|
};
|
|
37
37
|
};
|
|
38
|
-
export declare const
|
|
38
|
+
export declare const ModalStoriesImage: {
|
|
39
39
|
(): React.JSX.Element;
|
|
40
40
|
story: {
|
|
41
41
|
name: string;
|
|
@@ -10,6 +10,7 @@ interface FrpInfomationProps {
|
|
|
10
10
|
manageLink?: string;
|
|
11
11
|
thankLink?: string;
|
|
12
12
|
handleCertificateMemento?: () => void;
|
|
13
|
+
handleDeleteFrp?: () => void;
|
|
13
14
|
}
|
|
14
|
-
declare const FrpInfomation: ({ donations, amountRaised, amountGoal, sqSize, strokeWidth, closedDate, customRow, thankLink, handleCertificateMemento, }: FrpInfomationProps) => React.JSX.Element;
|
|
15
|
+
declare const FrpInfomation: ({ donations, amountRaised, amountGoal, sqSize, strokeWidth, closedDate, customRow, thankLink, handleCertificateMemento, handleDeleteFrp, }: FrpInfomationProps) => React.JSX.Element;
|
|
15
16
|
export default FrpInfomation;
|
|
@@ -14,6 +14,7 @@ export interface MyAccountFrpClosedProps {
|
|
|
14
14
|
manageLink?: string;
|
|
15
15
|
thankLink?: string;
|
|
16
16
|
handleCertificateMemento?: () => void;
|
|
17
|
+
handleDeleteFrp?: () => void;
|
|
17
18
|
}
|
|
18
|
-
declare const MyAccountFrpClosed: ({ img, link, title, amountGoal, amountRaised, donations, sqSize, strokeWidth, frpColor, closedDate, customRow, manageLink, thankLink, handleCertificateMemento, }: MyAccountFrpClosedProps) => React.JSX.Element;
|
|
19
|
+
declare const MyAccountFrpClosed: ({ img, link, title, amountGoal, amountRaised, donations, sqSize, strokeWidth, frpColor, closedDate, customRow, manageLink, thankLink, handleCertificateMemento, handleDeleteFrp, }: MyAccountFrpClosedProps) => React.JSX.Element;
|
|
19
20
|
export default MyAccountFrpClosed;
|
|
@@ -9,6 +9,7 @@ export type NavigationExpandedCharityProps = {
|
|
|
9
9
|
action: HybridNavigationLink | null;
|
|
10
10
|
actionRaised?: HybridNavigationLink | null;
|
|
11
11
|
loginRaised?: HybridNavigationLink | null;
|
|
12
|
+
charityContainer?: React.ReactNode;
|
|
12
13
|
};
|
|
13
|
-
declare function NavigationExpandedCharity({ children, onRequestClose, className, banner, action, actionRaised, loginRaised, }: NavigationExpandedCharityProps): React.JSX.Element;
|
|
14
|
+
declare function NavigationExpandedCharity({ children, onRequestClose, className, banner, action, actionRaised, loginRaised, charityContainer }: NavigationExpandedCharityProps): React.JSX.Element;
|
|
14
15
|
export default NavigationExpandedCharity;
|
|
@@ -17,6 +17,7 @@ export type NavigationProps = {
|
|
|
17
17
|
isSticky?: boolean;
|
|
18
18
|
menuReverse?: boolean;
|
|
19
19
|
userMenu?: Array<UserMenuItemWithSubmenu>;
|
|
20
|
+
hideAction?: boolean;
|
|
20
21
|
};
|
|
21
|
-
declare function Navigation({ logo, cta, user, login, isSticky, userMenu, }: NavigationProps): React.JSX.Element;
|
|
22
|
+
declare function Navigation({ logo, cta, user, login, isSticky, userMenu, hideAction, }: NavigationProps): React.JSX.Element;
|
|
22
23
|
export default Navigation;
|
|
@@ -52,6 +52,7 @@ export type NavigationProps = {
|
|
|
52
52
|
setSearchToLeft?: boolean;
|
|
53
53
|
menuReverse?: boolean;
|
|
54
54
|
isDark?: boolean;
|
|
55
|
+
charityContainer?: React.ReactNode;
|
|
55
56
|
};
|
|
56
|
-
declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, isDark, }: NavigationProps): React.JSX.Element;
|
|
57
|
+
declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, isDark, charityContainer, }: NavigationProps): React.JSX.Element;
|
|
57
58
|
export default Navigation;
|