@mycause/ui 0.0.0-cadf499b → 0.0.0-cb0f30ed

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.
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ declare const Icons: {
3
+ arrowNext: () => JSX.Element;
4
+ };
5
+ export default Icons;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export interface FrpArchiveImgProps {
3
+ img?: string;
4
+ link?: string;
5
+ title?: string;
6
+ }
7
+ declare const FrpArchiveImg: ({ img, link, title }: FrpArchiveImgProps) => JSX.Element;
8
+ export default FrpArchiveImg;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ interface FrpInfomationProps {
3
+ amountOfweek: number;
4
+ donations: number;
5
+ daysToGo: number;
6
+ amountRaised: number;
7
+ amountGoal: number;
8
+ sqSize: number;
9
+ strokeWidth: number;
10
+ }
11
+ declare const FrpInfomation: ({ amountOfweek, donations, daysToGo, amountRaised, amountGoal, sqSize, strokeWidth, }: FrpInfomationProps) => JSX.Element;
12
+ export default FrpInfomation;
@@ -0,0 +1 @@
1
+ export { default as MyAccountFrpPreview } from "./my-account-frp-archive";
@@ -0,0 +1,15 @@
1
+ /// <reference types="react" />
2
+ export interface MyAccountFrpArchiveProps {
3
+ img?: string;
4
+ link?: string;
5
+ title?: string;
6
+ amountOfweek: number;
7
+ donations: number;
8
+ daysToGo: number;
9
+ amountRaised: number;
10
+ amountGoal: number;
11
+ sqSize: number;
12
+ strokeWidth: number;
13
+ }
14
+ declare const MyAccountFrpArchive: ({ img, link, title, amountGoal, amountOfweek, amountRaised, donations, sqSize, strokeWidth, daysToGo, }: MyAccountFrpArchiveProps) => JSX.Element;
15
+ export default MyAccountFrpArchive;
@@ -0,0 +1,24 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const MyAccountFrpArchiveStory: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
13
+ export declare const MyAccountFrpArchiveStoryV3: {
14
+ (): JSX.Element;
15
+ story: {
16
+ name: string;
17
+ };
18
+ };
19
+ export declare const MyAccountFrpArchiveStoryV2: {
20
+ (): JSX.Element;
21
+ story: {
22
+ name: string;
23
+ };
24
+ };
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ declare const Icons: {
3
+ arrowNext: () => JSX.Element;
4
+ };
5
+ export default Icons;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export interface FrpClosedImgProps {
3
+ img?: string;
4
+ link?: string;
5
+ title?: string;
6
+ }
7
+ declare const FrpClosedImg: ({ img, link, title }: FrpClosedImgProps) => JSX.Element;
8
+ export default FrpClosedImg;
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ interface FrpInfomationProps {
3
+ donations: number;
4
+ amountRaised: number;
5
+ amountGoal: number;
6
+ sqSize: number;
7
+ strokeWidth: number;
8
+ }
9
+ declare const FrpInfomation: ({ donations, amountRaised, amountGoal, sqSize, strokeWidth, }: FrpInfomationProps) => JSX.Element;
10
+ export default FrpInfomation;
@@ -0,0 +1 @@
1
+ export { default as MyAccountFrpPreview } from "./my-account-frp-closed";
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ export interface MyAccountFrpClosedProps {
3
+ img?: string;
4
+ link?: string;
5
+ title?: string;
6
+ donations: number;
7
+ amountRaised: number;
8
+ amountGoal: number;
9
+ sqSize: number;
10
+ strokeWidth: number;
11
+ }
12
+ declare const MyAccountFrpClosed: ({ img, link, title, amountGoal, amountRaised, donations, sqSize, strokeWidth, }: MyAccountFrpClosedProps) => JSX.Element;
13
+ export default MyAccountFrpClosed;
@@ -0,0 +1,24 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ decorators: ((...args: any) => any)[];
5
+ };
6
+ export default _default;
7
+ export declare const MyAccountFrpCloseStory: {
8
+ (): JSX.Element;
9
+ story: {
10
+ name: string;
11
+ };
12
+ };
13
+ export declare const MyAccountFrpArchiveStoryV3: {
14
+ (): JSX.Element;
15
+ story: {
16
+ name: string;
17
+ };
18
+ };
19
+ export declare const MyAccountFrpArchiveStoryV2: {
20
+ (): JSX.Element;
21
+ story: {
22
+ name: string;
23
+ };
24
+ };
@@ -7,6 +7,7 @@ interface FrpInfomationProps {
7
7
  amountGoal: number;
8
8
  sqSize: number;
9
9
  strokeWidth: number;
10
+ manageLink?: string;
10
11
  }
11
- declare const FrpInfomation: ({ amountOfweek, donations, daysToGo, amountRaised, amountGoal, sqSize, strokeWidth, }: FrpInfomationProps) => JSX.Element;
12
+ declare const FrpInfomation: ({ amountOfweek, donations, daysToGo, amountRaised, amountGoal, sqSize, strokeWidth, manageLink, }: FrpInfomationProps) => JSX.Element;
12
13
  export default FrpInfomation;
@@ -10,6 +10,7 @@ export interface MyAccountFrpPreviewProps {
10
10
  amountGoal: number;
11
11
  sqSize: number;
12
12
  strokeWidth: number;
13
+ manageLink?: string;
13
14
  }
14
- declare const MyAccountFrpPreview: ({ img, link, title, amountGoal, amountOfweek, amountRaised, donations, sqSize, strokeWidth, daysToGo, }: MyAccountFrpPreviewProps) => JSX.Element;
15
+ declare const MyAccountFrpPreview: ({ img, link, title, amountGoal, amountOfweek, amountRaised, donations, sqSize, strokeWidth, daysToGo, manageLink, }: MyAccountFrpPreviewProps) => JSX.Element;
15
16
  export default MyAccountFrpPreview;
package/dist/index.esm.js CHANGED
@@ -29838,7 +29838,6 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
29838
29838
  setIsExpand = _useState2[1];
29839
29839
 
29840
29840
  var handleOnChangeActiveTabOnMobile = function handleOnChangeActiveTabOnMobile() {
29841
- console.log("jjjj");
29842
29841
  setIsExpand(false);
29843
29842
  };
29844
29843
 
@@ -30098,7 +30097,8 @@ var FrpInfomation = function FrpInfomation(_ref) {
30098
30097
  amountRaised = _ref.amountRaised,
30099
30098
  amountGoal = _ref.amountGoal,
30100
30099
  sqSize = _ref.sqSize,
30101
- strokeWidth = _ref.strokeWidth;
30100
+ strokeWidth = _ref.strokeWidth,
30101
+ manageLink = _ref.manageLink;
30102
30102
  var formatterMoney = new Intl.NumberFormat("en-US", {
30103
30103
  style: "currency",
30104
30104
  currency: "USD",
@@ -30149,7 +30149,10 @@ var FrpInfomation = function FrpInfomation(_ref) {
30149
30149
  }, formatterMoney.format(amountRaised).replace("$", "$ ")), " ", React.createElement("br", null), "raised of ", React.createElement("br", null), " ", Intl.NumberFormat().format(amountGoal), " goal")
30150
30150
  })), React.createElement("button", {
30151
30151
  className: cls$s.manageBtn,
30152
- color: "greenLinear"
30152
+ color: "greenLinear",
30153
+ onClick: function onClick() {
30154
+ return window.open(manageLink);
30155
+ }
30153
30156
  }, "Manage Campaign ", React.createElement(Icons$1.arrowNext, null))));
30154
30157
  };
30155
30158
 
@@ -30160,7 +30163,8 @@ FrpInfomation.propTypes = {
30160
30163
  amountRaised: _pt.number.isRequired,
30161
30164
  amountGoal: _pt.number.isRequired,
30162
30165
  sqSize: _pt.number.isRequired,
30163
- strokeWidth: _pt.number.isRequired
30166
+ strokeWidth: _pt.number.isRequired,
30167
+ manageLink: _pt.string
30164
30168
  };
30165
30169
 
30166
30170
  var MyAccountFrpPreview = function MyAccountFrpPreview(_ref) {
@@ -30173,7 +30177,8 @@ var MyAccountFrpPreview = function MyAccountFrpPreview(_ref) {
30173
30177
  donations = _ref.donations,
30174
30178
  sqSize = _ref.sqSize,
30175
30179
  strokeWidth = _ref.strokeWidth,
30176
- daysToGo = _ref.daysToGo;
30180
+ daysToGo = _ref.daysToGo,
30181
+ manageLink = _ref.manageLink;
30177
30182
  return React.createElement("div", {
30178
30183
  className: cls$s.wrapper,
30179
30184
  onClick: function onClick() {
@@ -30190,7 +30195,8 @@ var MyAccountFrpPreview = function MyAccountFrpPreview(_ref) {
30190
30195
  amountRaised: amountRaised,
30191
30196
  amountGoal: amountGoal,
30192
30197
  sqSize: sqSize,
30193
- strokeWidth: strokeWidth
30198
+ strokeWidth: strokeWidth,
30199
+ manageLink: manageLink
30194
30200
  }));
30195
30201
  };
30196
30202
 
@@ -30204,7 +30210,8 @@ MyAccountFrpPreview.propTypes = {
30204
30210
  amountRaised: _pt.number.isRequired,
30205
30211
  amountGoal: _pt.number.isRequired,
30206
30212
  sqSize: _pt.number.isRequired,
30207
- strokeWidth: _pt.number.isRequired
30213
+ strokeWidth: _pt.number.isRequired,
30214
+ manageLink: _pt.string
30208
30215
  };
30209
30216
 
30210
30217
  var css$t = ".my-account-stats-donated-module_wrapper__2204E {\n width: 100%;\n border-radius: 16px;\n background: #f2f8f1;\n position: relative;\n font-family: Montserrat;\n text-align: center;\n min-height: 312px;\n display: flex;\n justify-content: center;\n box-shadow: 1px 1px 8px 0px rgba(110, 110, 110, 0.1), 8px 8px 24px 0px rgba(139, 162, 179, 0.25); }\n .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_picture__WCuVs {\n position: absolute;\n top: 45px;\n right: 25px; }\n .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE {\n padding-top: 32px;\n max-width: 300px; }\n .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_title__2d6nq {\n font-size: 20px;\n font-weight: 700;\n color: #2d8a75;\n padding-bottom: 13px;\n margin: 0; }\n .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_number__1cP4D {\n font-size: 24px;\n font-weight: 700;\n color: #2d8a75;\n margin: 10px 0; }\n .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_text__293Ij {\n font-size: 16px;\n font-weight: 400;\n color: #404041;\n margin: 0;\n padding-bottom: 24px; }\n .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_text__293Ij .my-account-stats-donated-module_num__3-ePn {\n font-weight: 700;\n color: #2d8a75; }\n .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_view__Faeo3 {\n color: #2D8A75;\n font-size: 14px;\n text-decoration: none; }\n\n@media screen and (max-width: 768px) {\n .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_picture__WCuVs {\n display: none; } }\n";
package/dist/index.js CHANGED
@@ -29852,7 +29852,6 @@ var MyAccountSidebar = function MyAccountSidebar(_ref) {
29852
29852
  setIsExpand = _useState2[1];
29853
29853
 
29854
29854
  var handleOnChangeActiveTabOnMobile = function handleOnChangeActiveTabOnMobile() {
29855
- console.log("jjjj");
29856
29855
  setIsExpand(false);
29857
29856
  };
29858
29857
 
@@ -30112,7 +30111,8 @@ var FrpInfomation = function FrpInfomation(_ref) {
30112
30111
  amountRaised = _ref.amountRaised,
30113
30112
  amountGoal = _ref.amountGoal,
30114
30113
  sqSize = _ref.sqSize,
30115
- strokeWidth = _ref.strokeWidth;
30114
+ strokeWidth = _ref.strokeWidth,
30115
+ manageLink = _ref.manageLink;
30116
30116
  var formatterMoney = new Intl.NumberFormat("en-US", {
30117
30117
  style: "currency",
30118
30118
  currency: "USD",
@@ -30163,7 +30163,10 @@ var FrpInfomation = function FrpInfomation(_ref) {
30163
30163
  }, formatterMoney.format(amountRaised).replace("$", "$ ")), " ", React__default.createElement("br", null), "raised of ", React__default.createElement("br", null), " ", Intl.NumberFormat().format(amountGoal), " goal")
30164
30164
  })), React__default.createElement("button", {
30165
30165
  className: cls$s.manageBtn,
30166
- color: "greenLinear"
30166
+ color: "greenLinear",
30167
+ onClick: function onClick() {
30168
+ return window.open(manageLink);
30169
+ }
30167
30170
  }, "Manage Campaign ", React__default.createElement(Icons$1.arrowNext, null))));
30168
30171
  };
30169
30172
 
@@ -30174,7 +30177,8 @@ FrpInfomation.propTypes = {
30174
30177
  amountRaised: _pt.number.isRequired,
30175
30178
  amountGoal: _pt.number.isRequired,
30176
30179
  sqSize: _pt.number.isRequired,
30177
- strokeWidth: _pt.number.isRequired
30180
+ strokeWidth: _pt.number.isRequired,
30181
+ manageLink: _pt.string
30178
30182
  };
30179
30183
 
30180
30184
  var MyAccountFrpPreview = function MyAccountFrpPreview(_ref) {
@@ -30187,7 +30191,8 @@ var MyAccountFrpPreview = function MyAccountFrpPreview(_ref) {
30187
30191
  donations = _ref.donations,
30188
30192
  sqSize = _ref.sqSize,
30189
30193
  strokeWidth = _ref.strokeWidth,
30190
- daysToGo = _ref.daysToGo;
30194
+ daysToGo = _ref.daysToGo,
30195
+ manageLink = _ref.manageLink;
30191
30196
  return React__default.createElement("div", {
30192
30197
  className: cls$s.wrapper,
30193
30198
  onClick: function onClick() {
@@ -30204,7 +30209,8 @@ var MyAccountFrpPreview = function MyAccountFrpPreview(_ref) {
30204
30209
  amountRaised: amountRaised,
30205
30210
  amountGoal: amountGoal,
30206
30211
  sqSize: sqSize,
30207
- strokeWidth: strokeWidth
30212
+ strokeWidth: strokeWidth,
30213
+ manageLink: manageLink
30208
30214
  }));
30209
30215
  };
30210
30216
 
@@ -30218,7 +30224,8 @@ MyAccountFrpPreview.propTypes = {
30218
30224
  amountRaised: _pt.number.isRequired,
30219
30225
  amountGoal: _pt.number.isRequired,
30220
30226
  sqSize: _pt.number.isRequired,
30221
- strokeWidth: _pt.number.isRequired
30227
+ strokeWidth: _pt.number.isRequired,
30228
+ manageLink: _pt.string
30222
30229
  };
30223
30230
 
30224
30231
  var css$t = ".my-account-stats-donated-module_wrapper__2204E {\n width: 100%;\n border-radius: 16px;\n background: #f2f8f1;\n position: relative;\n font-family: Montserrat;\n text-align: center;\n min-height: 312px;\n display: flex;\n justify-content: center;\n box-shadow: 1px 1px 8px 0px rgba(110, 110, 110, 0.1), 8px 8px 24px 0px rgba(139, 162, 179, 0.25); }\n .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_picture__WCuVs {\n position: absolute;\n top: 45px;\n right: 25px; }\n .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE {\n padding-top: 32px;\n max-width: 300px; }\n .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_title__2d6nq {\n font-size: 20px;\n font-weight: 700;\n color: #2d8a75;\n padding-bottom: 13px;\n margin: 0; }\n .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_number__1cP4D {\n font-size: 24px;\n font-weight: 700;\n color: #2d8a75;\n margin: 10px 0; }\n .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_text__293Ij {\n font-size: 16px;\n font-weight: 400;\n color: #404041;\n margin: 0;\n padding-bottom: 24px; }\n .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_text__293Ij .my-account-stats-donated-module_num__3-ePn {\n font-weight: 700;\n color: #2d8a75; }\n .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_content__rIydE .my-account-stats-donated-module_view__Faeo3 {\n color: #2D8A75;\n font-size: 14px;\n text-decoration: none; }\n\n@media screen and (max-width: 768px) {\n .my-account-stats-donated-module_wrapper__2204E .my-account-stats-donated-module_picture__WCuVs {\n display: none; } }\n";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mycause/ui",
3
- "version": "0.0.0-cadf499b",
3
+ "version": "0.0.0-cb0f30ed",
4
4
  "author": "Marc Porciuncula <marc@mycause.com.au>",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",