@mycause/ui 0.0.0-ce28c209 → 0.0.0-ce54989f

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.
Files changed (4) hide show
  1. package/dist/components/index.d.ts +1 -0
  2. package/dist/index.esm.js +75 -1
  3. package/dist/index.js +75 -0
  4. package/package.json +1 -1
package/dist/components/index.d.ts CHANGED
@@ -46,3 +46,4 @@ export * from "./partner-monthly-donations";
46
46
  export * from "./partner-monthly-stats";
47
47
  export * from "./table";
48
48
  export * from "./partner-chart-stats";
49
+ export * from "./this-month-card";
package/dist/index.esm.js CHANGED
@@ -29324,4 +29324,78 @@ PartnerChartStats.propTypes = {
29324
29324
  className: _pt.string
29325
29325
  };
29326
29326
 
29327
- export { Anchor, Avatar, BoldAnchor, Box, Button, ButtonSelect, CampaignCard, CampaignOfMonth, CharityCard, Checkbox, Chip, Chips, ComboField, ComboFieldExpander, CommentSection, CommentSectionV2, Cropper, DatePicker, DonateCard, DonationForm, DonationFormV2, Elevation, FeaturedCampaignCard, FieldHelperText, FieldLabel, Flex, FooterV2, FundraisingSection, Grid, HeartToggle, HeroBnner as HeroBanner, HorizontalBar, Icon, IconButton, IconButtonGroup, InputChips, List, Login, MENU_ANCHOR_CLASS, Menu, MenuList, ListDivider as MenuListDivider, MenuListItem, MenuListItemGraphic, ListItemMeta as MenuListItemMeta, MenuListItemText, MenuSurface, Modal, MyCauseTheme, Navigation$1 as Nav, Navigation, PartnerChartStats, PartnerLineChart, PartnerLineChartBlock, PartnerMonthlyDonations, PartnerMonthlyStats, PartnerMonthlyTable, PhoneNumberInput, Popup, ProgressBar, Radio, RadioGroup, Select, SelectHelperText, CustomSingleDatePicker as SingleDatePicker, Spinner, Stack, StartCampaignCard, Statistics, Switch, Tabs, Text, TextField, HelperText as TextFieldHelperText, TextFieldSearch, ThemeContext, ThemeProvider, Uploader, getColorToken, parseNationalPhoneNumber, useTheme };
29327
+ var css$l = ".this-month-card-module_wrapper__2iVxF {\n border-radius: 16px;\n box-shadow: 0px 1px 8px 0px rgba(110, 110, 110, 0.25);\n background: #FFFFFF;\n display: flex;\n flex-direction: column;\n padding: 30px;\n min-width: 330px; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy {\n font-family: \"Montserrat\", \"Roboto\", sans-serif; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh {\n display: flex;\n justify-content: space-between;\n font-weight: bold;\n padding: 5px; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_left__LmYEa {\n display: flex;\n flex-direction: column;\n text-align: center;\n justify-content: center; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_left__LmYEa .this-month-card-module_header_left_donation__stf8T .this-month-card-module_donation_amount__3UdUG {\n font-size: 32px;\n color: #FF7658;\n padding: 5px 0; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_left__LmYEa .this-month-card-module_header_left_donation__stf8T .this-month-card-module_donation_text__22Bgj {\n font-size: 14px;\n color: #404041; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_left__LmYEa .this-month-card-module_header_left_donor__31UI0 {\n margin-top: 5px; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_left__LmYEa .this-month-card-module_header_left_donor__31UI0 .this-month-card-module_donor_amount__2XX2T {\n font-size: 20px;\n color: #FF7658; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_left__LmYEa .this-month-card-module_header_left_donor__31UI0 .this-month-card-module_donor_text__1rdQX {\n font-size: 14px;\n color: #404041; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_right__1OEQJ img {\n height: auto;\n width: 100%; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_content__2buEr {\n padding: 5px; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_content__2buEr .this-month-card-module_content_item__10Znq {\n padding: 8px 0;\n border-bottom: thin solid #D2CECE; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_content__2buEr .this-month-card-module_content_item__10Znq .this-month-card-module_content_item_amount__2Z1_K {\n font-size: 16px;\n color: #FF7658;\n font-weight: 700; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_content__2buEr .this-month-card-module_content_item__10Znq .this-month-card-module_content_item_text__1tlOV {\n font-size: 14px;\n color: #404041;\n margin-left: 8px; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_content__2buEr .this-month-card-module_content_item__10Znq:last-child {\n border-bottom: none; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_month_donation_button_wrap__3gxAJ {\n padding-top: 10px; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_month_donation_button_wrap__3gxAJ .this-month-card-module_month_donation_button__FTqnS {\n padding: 8px 16px;\n border-radius: 20px;\n background: linear-gradient(90deg, #F05C6A 1.8%, #FF995A 94.53%);\n float: left;\n align-items: center;\n display: flex;\n justify-content: center; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_month_donation_button_wrap__3gxAJ .this-month-card-module_month_donation_button__FTqnS a {\n color: white !important;\n font-size: 14px;\n cursor: pointer;\n text-decoration: none;\n font-weight: 700; }\n";
29328
+ var cls$l = {"wrapper":"this-month-card-module_wrapper__2iVxF","thisMonthCardWrap":"this-month-card-module_thisMonthCardWrap__1wEQy","header":"this-month-card-module_header__3mqXh","header_left":"this-month-card-module_header_left__LmYEa","header_left_donation":"this-month-card-module_header_left_donation__stf8T","donation_amount":"this-month-card-module_donation_amount__3UdUG","donation_text":"this-month-card-module_donation_text__22Bgj","header_left_donor":"this-month-card-module_header_left_donor__31UI0","donor_amount":"this-month-card-module_donor_amount__2XX2T","donor_text":"this-month-card-module_donor_text__1rdQX","header_right":"this-month-card-module_header_right__1OEQJ","content":"this-month-card-module_content__2buEr","content_item":"this-month-card-module_content_item__10Znq","content_item_amount":"this-month-card-module_content_item_amount__2Z1_K","content_item_text":"this-month-card-module_content_item_text__1tlOV","month_donation_button_wrap":"this-month-card-module_month_donation_button_wrap__3gxAJ","month_donation_button":"this-month-card-module_month_donation_button__FTqnS"};
29329
+ styleInject(css$l);
29330
+
29331
+ var ThisMonthCard = function ThisMonthCard(_ref) {
29332
+ var totalDonations = _ref.totalDonations,
29333
+ donors = _ref.donors,
29334
+ thisMonthData = _ref.thisMonthData,
29335
+ imgLink = _ref.imgLink,
29336
+ buttonLink = _ref.buttonLink,
29337
+ buttonText = _ref.buttonText,
29338
+ className = _ref.className;
29339
+ var formatterMoney = new Intl.NumberFormat("en-US", {
29340
+ style: "currency",
29341
+ currency: "USD",
29342
+ minimumFractionDigits: 0
29343
+ });
29344
+ return React.createElement("div", {
29345
+ className: classnames(cls$l.wrapper, className)
29346
+ }, React.createElement("div", {
29347
+ className: classnames(cls$l.thisMonthCardWrap, "thisMonthCard")
29348
+ }, React.createElement("div", {
29349
+ className: cls$l.header
29350
+ }, React.createElement("div", {
29351
+ className: cls$l.header_left
29352
+ }, React.createElement("div", {
29353
+ className: cls$l.header_left_donation
29354
+ }, React.createElement("div", {
29355
+ className: cls$l.donation_amount
29356
+ }, formatterMoney.format(totalDonations).replace("$", "$ ")), React.createElement("div", {
29357
+ className: cls$l.donation_text
29358
+ }, "Total donations")), React.createElement("div", {
29359
+ className: cls$l.header_left_donor
29360
+ }, React.createElement("div", {
29361
+ className: cls$l.donor_amount
29362
+ }, donors, " ", React.createElement("span", {
29363
+ className: cls$l.donor_text
29364
+ }, " donors")))), React.createElement("div", {
29365
+ className: cls$l.header_right
29366
+ }, React.createElement("img", {
29367
+ src: imgLink,
29368
+ alt: "this-month-icon"
29369
+ }))), thisMonthData && React.createElement("div", {
29370
+ className: cls$l.content
29371
+ }, thisMonthData.map(function (item, index) {
29372
+ return React.createElement("div", {
29373
+ className: cls$l.content_item,
29374
+ key: index
29375
+ }, React.createElement("span", {
29376
+ className: cls$l.content_item_amount
29377
+ }, item.itemAmount), " ", React.createElement("span", {
29378
+ className: cls$l.content_item_text
29379
+ }, item.itemText));
29380
+ })), React.createElement("div", {
29381
+ className: cls$l.month_donation_button_wrap
29382
+ }, React.createElement("div", {
29383
+ className: cls$l.month_donation_button
29384
+ }, React.createElement("a", {
29385
+ href: buttonLink,
29386
+ target: "_blank",
29387
+ rel: "noopener noreferrer"
29388
+ }, buttonText)))));
29389
+ };
29390
+
29391
+ ThisMonthCard.propTypes = {
29392
+ totalDonations: _pt.number.isRequired,
29393
+ donors: _pt.number.isRequired,
29394
+ thisMonthData: _pt.any,
29395
+ imgLink: _pt.string.isRequired,
29396
+ buttonLink: _pt.string.isRequired,
29397
+ buttonText: _pt.string.isRequired,
29398
+ className: _pt.string
29399
+ };
29400
+
29401
+ export { Anchor, Avatar, BoldAnchor, Box, Button, ButtonSelect, CampaignCard, CampaignOfMonth, CharityCard, Checkbox, Chip, Chips, ComboField, ComboFieldExpander, CommentSection, CommentSectionV2, Cropper, DatePicker, DonateCard, DonationForm, DonationFormV2, Elevation, FeaturedCampaignCard, FieldHelperText, FieldLabel, Flex, FooterV2, FundraisingSection, Grid, HeartToggle, HeroBnner as HeroBanner, HorizontalBar, Icon, IconButton, IconButtonGroup, InputChips, List, Login, MENU_ANCHOR_CLASS, Menu, MenuList, ListDivider as MenuListDivider, MenuListItem, MenuListItemGraphic, ListItemMeta as MenuListItemMeta, MenuListItemText, MenuSurface, Modal, MyCauseTheme, Navigation$1 as Nav, Navigation, PartnerChartStats, PartnerLineChart, PartnerLineChartBlock, PartnerMonthlyDonations, PartnerMonthlyStats, PartnerMonthlyTable, PhoneNumberInput, Popup, ProgressBar, Radio, RadioGroup, Select, SelectHelperText, CustomSingleDatePicker as SingleDatePicker, Spinner, Stack, StartCampaignCard, Statistics, Switch, Tabs, Text, TextField, HelperText as TextFieldHelperText, TextFieldSearch, ThemeContext, ThemeProvider, ThisMonthCard, Uploader, getColorToken, parseNationalPhoneNumber, useTheme };
package/dist/index.js CHANGED
@@ -29337,6 +29337,80 @@ PartnerChartStats.propTypes = {
29337
29337
  className: _pt.string
29338
29338
  };
29339
29339
 
29340
+ var css$l = ".this-month-card-module_wrapper__2iVxF {\n border-radius: 16px;\n box-shadow: 0px 1px 8px 0px rgba(110, 110, 110, 0.25);\n background: #FFFFFF;\n display: flex;\n flex-direction: column;\n padding: 30px;\n min-width: 330px; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy {\n font-family: \"Montserrat\", \"Roboto\", sans-serif; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh {\n display: flex;\n justify-content: space-between;\n font-weight: bold;\n padding: 5px; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_left__LmYEa {\n display: flex;\n flex-direction: column;\n text-align: center;\n justify-content: center; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_left__LmYEa .this-month-card-module_header_left_donation__stf8T .this-month-card-module_donation_amount__3UdUG {\n font-size: 32px;\n color: #FF7658;\n padding: 5px 0; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_left__LmYEa .this-month-card-module_header_left_donation__stf8T .this-month-card-module_donation_text__22Bgj {\n font-size: 14px;\n color: #404041; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_left__LmYEa .this-month-card-module_header_left_donor__31UI0 {\n margin-top: 5px; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_left__LmYEa .this-month-card-module_header_left_donor__31UI0 .this-month-card-module_donor_amount__2XX2T {\n font-size: 20px;\n color: #FF7658; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_left__LmYEa .this-month-card-module_header_left_donor__31UI0 .this-month-card-module_donor_text__1rdQX {\n font-size: 14px;\n color: #404041; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_right__1OEQJ img {\n height: auto;\n width: 100%; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_content__2buEr {\n padding: 5px; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_content__2buEr .this-month-card-module_content_item__10Znq {\n padding: 8px 0;\n border-bottom: thin solid #D2CECE; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_content__2buEr .this-month-card-module_content_item__10Znq .this-month-card-module_content_item_amount__2Z1_K {\n font-size: 16px;\n color: #FF7658;\n font-weight: 700; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_content__2buEr .this-month-card-module_content_item__10Znq .this-month-card-module_content_item_text__1tlOV {\n font-size: 14px;\n color: #404041;\n margin-left: 8px; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_content__2buEr .this-month-card-module_content_item__10Znq:last-child {\n border-bottom: none; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_month_donation_button_wrap__3gxAJ {\n padding-top: 10px; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_month_donation_button_wrap__3gxAJ .this-month-card-module_month_donation_button__FTqnS {\n padding: 8px 16px;\n border-radius: 20px;\n background: linear-gradient(90deg, #F05C6A 1.8%, #FF995A 94.53%);\n float: left;\n align-items: center;\n display: flex;\n justify-content: center; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_month_donation_button_wrap__3gxAJ .this-month-card-module_month_donation_button__FTqnS a {\n color: white !important;\n font-size: 14px;\n cursor: pointer;\n text-decoration: none;\n font-weight: 700; }\n";
29341
+ var cls$l = {"wrapper":"this-month-card-module_wrapper__2iVxF","thisMonthCardWrap":"this-month-card-module_thisMonthCardWrap__1wEQy","header":"this-month-card-module_header__3mqXh","header_left":"this-month-card-module_header_left__LmYEa","header_left_donation":"this-month-card-module_header_left_donation__stf8T","donation_amount":"this-month-card-module_donation_amount__3UdUG","donation_text":"this-month-card-module_donation_text__22Bgj","header_left_donor":"this-month-card-module_header_left_donor__31UI0","donor_amount":"this-month-card-module_donor_amount__2XX2T","donor_text":"this-month-card-module_donor_text__1rdQX","header_right":"this-month-card-module_header_right__1OEQJ","content":"this-month-card-module_content__2buEr","content_item":"this-month-card-module_content_item__10Znq","content_item_amount":"this-month-card-module_content_item_amount__2Z1_K","content_item_text":"this-month-card-module_content_item_text__1tlOV","month_donation_button_wrap":"this-month-card-module_month_donation_button_wrap__3gxAJ","month_donation_button":"this-month-card-module_month_donation_button__FTqnS"};
29342
+ styleInject(css$l);
29343
+
29344
+ var ThisMonthCard = function ThisMonthCard(_ref) {
29345
+ var totalDonations = _ref.totalDonations,
29346
+ donors = _ref.donors,
29347
+ thisMonthData = _ref.thisMonthData,
29348
+ imgLink = _ref.imgLink,
29349
+ buttonLink = _ref.buttonLink,
29350
+ buttonText = _ref.buttonText,
29351
+ className = _ref.className;
29352
+ var formatterMoney = new Intl.NumberFormat("en-US", {
29353
+ style: "currency",
29354
+ currency: "USD",
29355
+ minimumFractionDigits: 0
29356
+ });
29357
+ return React__default.createElement("div", {
29358
+ className: classnames(cls$l.wrapper, className)
29359
+ }, React__default.createElement("div", {
29360
+ className: classnames(cls$l.thisMonthCardWrap, "thisMonthCard")
29361
+ }, React__default.createElement("div", {
29362
+ className: cls$l.header
29363
+ }, React__default.createElement("div", {
29364
+ className: cls$l.header_left
29365
+ }, React__default.createElement("div", {
29366
+ className: cls$l.header_left_donation
29367
+ }, React__default.createElement("div", {
29368
+ className: cls$l.donation_amount
29369
+ }, formatterMoney.format(totalDonations).replace("$", "$ ")), React__default.createElement("div", {
29370
+ className: cls$l.donation_text
29371
+ }, "Total donations")), React__default.createElement("div", {
29372
+ className: cls$l.header_left_donor
29373
+ }, React__default.createElement("div", {
29374
+ className: cls$l.donor_amount
29375
+ }, donors, " ", React__default.createElement("span", {
29376
+ className: cls$l.donor_text
29377
+ }, " donors")))), React__default.createElement("div", {
29378
+ className: cls$l.header_right
29379
+ }, React__default.createElement("img", {
29380
+ src: imgLink,
29381
+ alt: "this-month-icon"
29382
+ }))), thisMonthData && React__default.createElement("div", {
29383
+ className: cls$l.content
29384
+ }, thisMonthData.map(function (item, index) {
29385
+ return React__default.createElement("div", {
29386
+ className: cls$l.content_item,
29387
+ key: index
29388
+ }, React__default.createElement("span", {
29389
+ className: cls$l.content_item_amount
29390
+ }, item.itemAmount), " ", React__default.createElement("span", {
29391
+ className: cls$l.content_item_text
29392
+ }, item.itemText));
29393
+ })), React__default.createElement("div", {
29394
+ className: cls$l.month_donation_button_wrap
29395
+ }, React__default.createElement("div", {
29396
+ className: cls$l.month_donation_button
29397
+ }, React__default.createElement("a", {
29398
+ href: buttonLink,
29399
+ target: "_blank",
29400
+ rel: "noopener noreferrer"
29401
+ }, buttonText)))));
29402
+ };
29403
+
29404
+ ThisMonthCard.propTypes = {
29405
+ totalDonations: _pt.number.isRequired,
29406
+ donors: _pt.number.isRequired,
29407
+ thisMonthData: _pt.any,
29408
+ imgLink: _pt.string.isRequired,
29409
+ buttonLink: _pt.string.isRequired,
29410
+ buttonText: _pt.string.isRequired,
29411
+ className: _pt.string
29412
+ };
29413
+
29340
29414
  exports._React = React__default;
29341
29415
  Object.defineProperty(exports, 'MenuCorner', {
29342
29416
  enumerable: true,
@@ -29421,6 +29495,7 @@ exports.TextFieldHelperText = HelperText;
29421
29495
  exports.TextFieldSearch = TextFieldSearch;
29422
29496
  exports.ThemeContext = ThemeContext;
29423
29497
  exports.ThemeProvider = ThemeProvider;
29498
+ exports.ThisMonthCard = ThisMonthCard;
29424
29499
  exports.Uploader = Uploader;
29425
29500
  exports.getColorToken = getColorToken;
29426
29501
  exports.parseNationalPhoneNumber = parseNationalPhoneNumber;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mycause/ui",
3
- "version": "0.0.0-ce28c209",
3
+ "version": "0.0.0-ce54989f",
4
4
  "author": "Marc Porciuncula <marc@mycause.com.au>",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",