@ammarkhalidfarooq/dashboard-package 0.3.7 → 0.3.9

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 (5) hide show
  1. package/dist/index.cjs.js +155 -242
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.es.js +157 -244
  4. package/dist/index.es.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1985,12 +1985,12 @@ var OrganicSection = function OrganicSection(_ref) {
1985
1985
  }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
1986
1986
  item: true,
1987
1987
  xs: 12,
1988
- md: 8,
1988
+ md: 6,
1989
1989
  children: /*#__PURE__*/jsxRuntime.jsx(LandingPagesCard, {})
1990
1990
  }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
1991
1991
  item: true,
1992
1992
  xs: 12,
1993
- md: 4,
1993
+ md: 6,
1994
1994
  children: /*#__PURE__*/jsxRuntime.jsx(DonorMixCard, {
1995
1995
  title: "Spend allocation",
1996
1996
  subtitle: "Where $80.3K went this month",
@@ -2548,7 +2548,8 @@ var PerformanceSection = function PerformanceSection(_ref) {
2548
2548
  return /*#__PURE__*/jsxRuntime.jsx(RenderChartCard, {
2549
2549
  item: item,
2550
2550
  index: index,
2551
- md: 6
2551
+ md: 6,
2552
+ isPremium: true
2552
2553
  });
2553
2554
  })
2554
2555
  }), /*#__PURE__*/jsxRuntime.jsx(Grid, {
@@ -2561,7 +2562,8 @@ var PerformanceSection = function PerformanceSection(_ref) {
2561
2562
  return /*#__PURE__*/jsxRuntime.jsx(RenderChartCard, {
2562
2563
  item: item,
2563
2564
  index: index,
2564
- md: 6
2565
+ md: 6,
2566
+ isPremium: true
2565
2567
  });
2566
2568
  })
2567
2569
  }), /*#__PURE__*/jsxRuntime.jsx(Grid, {
@@ -2574,7 +2576,8 @@ var PerformanceSection = function PerformanceSection(_ref) {
2574
2576
  return /*#__PURE__*/jsxRuntime.jsx(RenderChartCard, {
2575
2577
  item: item,
2576
2578
  index: index,
2577
- md: 6
2579
+ md: 6,
2580
+ isPremium: true
2578
2581
  });
2579
2582
  })
2580
2583
  }), /*#__PURE__*/jsxRuntime.jsx(Grid, {
@@ -2587,7 +2590,8 @@ var PerformanceSection = function PerformanceSection(_ref) {
2587
2590
  return /*#__PURE__*/jsxRuntime.jsx(RenderChartCard, {
2588
2591
  item: item,
2589
2592
  index: index,
2590
- md: 12
2593
+ md: 12,
2594
+ isPremium: true
2591
2595
  });
2592
2596
  })
2593
2597
  })]
@@ -2618,165 +2622,88 @@ var data$1 = [{
2618
2622
  var RecurringDonationAmounts = function RecurringDonationAmounts() {
2619
2623
  return /*#__PURE__*/jsxRuntime.jsx(material.Card, {
2620
2624
  sx: {
2621
- width: '100%',
2622
- display: 'flex',
2623
- flexDirection: 'column',
2624
- boxShadow: '0 4px 24px rgba(0,0,0,0.06)',
2625
+ width: "100%",
2626
+ display: "flex",
2627
+ flexDirection: "column",
2628
+ boxShadow: "0 4px 24px rgba(0,0,0,0.06)",
2625
2629
  borderRadius: 4,
2626
- border: '1px solid #f0f0f0',
2627
- height: '100%'
2630
+ border: "1px solid #f0f0f0",
2631
+ height: "100%"
2628
2632
  },
2629
2633
  children: /*#__PURE__*/jsxRuntime.jsxs(material.CardContent, {
2630
2634
  sx: {
2631
- p: 3,
2632
- '&:last-child': {
2633
- pb: 3
2634
- }
2635
+ p: 3
2635
2636
  },
2636
- children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
2637
+ children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
2638
+ variant: "subtitle2",
2637
2639
  sx: {
2638
- display: 'flex',
2639
- alignItems: 'center',
2640
- mb: 3
2640
+ color: "#000000",
2641
+ fontWeight: 700,
2642
+ fontSize: "16px",
2643
+ mb: 0.5,
2644
+ textAlign: "left"
2641
2645
  },
2642
- children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
2643
- variant: "subtitle2",
2644
- sx: {
2645
- fontWeight: 600,
2646
- color: '#000000',
2647
- textTransform: 'uppercase',
2648
- letterSpacing: '0.5px'
2649
- },
2650
- children: "Recurring donation amounts"
2651
- }), /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.InfoOutlined, {
2652
- sx: {
2653
- ml: 1,
2654
- fontSize: '1rem',
2655
- color: '#9e9e9e'
2656
- }
2657
- })]
2658
- }), /*#__PURE__*/jsxRuntime.jsxs(material.Grid, {
2659
- container: true,
2646
+ children: "Recurring donation amounts"
2647
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
2660
2648
  sx: {
2661
- mb: 1,
2662
- px: 1
2649
+ color: "rgba(0, 0, 0, 0.4)",
2650
+ fontSize: "13px",
2651
+ mb: 3,
2652
+ textAlign: "left"
2663
2653
  },
2664
- children: [/*#__PURE__*/jsxRuntime.jsx(material.Grid, {
2665
- item: true,
2666
- xs: 4,
2667
- children: /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
2668
- variant: "caption",
2669
- sx: {
2670
- color: '#9e9e9e',
2671
- fontWeight: 600,
2672
- alignItems: 'left'
2673
- },
2674
- children: "Amount"
2675
- })
2676
- }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
2677
- item: true,
2678
- xs: 4,
2679
- sx: {
2680
- textAlign: 'right'
2681
- },
2682
- children: /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
2683
- variant: "caption",
2684
- sx: {
2685
- color: '#9e9e9e',
2686
- fontWeight: 600
2687
- },
2688
- children: "Plans"
2689
- })
2690
- }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
2691
- item: true,
2692
- xs: 4,
2693
- sx: {
2694
- textAlign: 'right'
2695
- },
2696
- children: /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
2697
- variant: "caption",
2698
- sx: {
2699
- color: '#9e9e9e',
2700
- fontWeight: 600
2701
- },
2702
- children: "Shares"
2703
- })
2704
- })]
2705
- }), /*#__PURE__*/jsxRuntime.jsx(material.Divider, {
2654
+ children: "Overview of recurring donation plans by amount"
2655
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Box, {
2706
2656
  sx: {
2707
- mb: 1
2708
- }
2709
- }), data$1.map(function (item, index) {
2710
- return /*#__PURE__*/jsxRuntime.jsxs(React.Fragment, {
2711
- children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
2657
+ display: "flex",
2658
+ flexDirection: "column",
2659
+ gap: 2
2660
+ },
2661
+ children: data$1.map(function (item, index) {
2662
+ return /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
2712
2663
  sx: {
2713
- py: 1.5,
2714
- px: 1
2715
- },
2716
- children: /*#__PURE__*/jsxRuntime.jsxs(material.Grid, {
2717
- container: true,
2664
+ display: "flex",
2718
2665
  alignItems: "center",
2719
- children: [/*#__PURE__*/jsxRuntime.jsx(material.Grid, {
2720
- item: true,
2721
- xs: 3,
2722
- children: /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
2723
- variant: "body2",
2724
- sx: {
2725
- fontWeight: 500,
2726
- color: '#333'
2727
- },
2728
- children: item.range
2729
- })
2730
- }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
2731
- item: true,
2732
- xs: 5,
2666
+ gap: 2,
2667
+ py: 0.5
2668
+ },
2669
+ children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
2670
+ sx: {
2671
+ fontSize: "13px",
2672
+ fontWeight: 500,
2673
+ color: "rgba(0, 0, 0, 0.4)",
2674
+ minWidth: "100px",
2675
+ textAlign: "left"
2676
+ },
2677
+ children: item.range
2678
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Box, {
2679
+ sx: {
2680
+ flexGrow: 1
2681
+ },
2682
+ children: /*#__PURE__*/jsxRuntime.jsx(material.LinearProgress, {
2683
+ variant: "determinate",
2684
+ value: item.share,
2733
2685
  sx: {
2734
- px: 2
2735
- },
2736
- children: /*#__PURE__*/jsxRuntime.jsx(material.LinearProgress, {
2737
- variant: "determinate",
2738
- value: item.share,
2739
- sx: {
2740
- height: 8,
2686
+ height: 15,
2687
+ borderRadius: 4,
2688
+ bgcolor: "#F3F4F6",
2689
+ "& .MuiLinearProgress-bar": {
2741
2690
  borderRadius: 4,
2742
- bgcolor: '#f0f0f0',
2743
- '& .MuiLinearProgress-bar': {
2744
- borderRadius: 4,
2745
- bgcolor: '#6363e6'
2746
- }
2691
+ bgcolor: "#6366F1"
2747
2692
  }
2748
- })
2749
- }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
2750
- item: true,
2751
- xs: 2,
2752
- sx: {
2753
- textAlign: 'right'
2754
- },
2755
- children: /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
2756
- variant: "body2",
2757
- sx: {
2758
- fontWeight: 600,
2759
- color: '#333'
2760
- },
2761
- children: item.plans
2762
- })
2763
- }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
2764
- item: true,
2765
- xs: 2,
2766
- sx: {
2767
- textAlign: 'right'
2768
- },
2769
- children: /*#__PURE__*/jsxRuntime.jsxs(material.Typography, {
2770
- variant: "body2",
2771
- sx: {
2772
- color: '#9e9e9e'
2773
- },
2774
- children: [item.share, "%"]
2775
- })
2776
- })]
2777
- })
2778
- }), index < data$1.length - 1 && /*#__PURE__*/jsxRuntime.jsx(material.Divider, {})]
2779
- }, index);
2693
+ }
2694
+ })
2695
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
2696
+ sx: {
2697
+ fontSize: "13px",
2698
+ fontWeight: 700,
2699
+ color: "#111",
2700
+ minWidth: "60px",
2701
+ textAlign: "right"
2702
+ },
2703
+ children: "".concat(item.plans, " \xB7 ").concat(item.share, "%")
2704
+ })]
2705
+ }, index);
2706
+ })
2780
2707
  })]
2781
2708
  })
2782
2709
  });
@@ -2846,7 +2773,8 @@ var RecurringRevenueSection = function RecurringRevenueSection() {
2846
2773
  return /*#__PURE__*/jsxRuntime.jsx(RenderChartCard, {
2847
2774
  item: item,
2848
2775
  index: index,
2849
- md: 6
2776
+ md: 6,
2777
+ isPremium: true
2850
2778
  });
2851
2779
  })
2852
2780
  }), /*#__PURE__*/jsxRuntime.jsxs(material.Grid, {
@@ -2859,7 +2787,8 @@ var RecurringRevenueSection = function RecurringRevenueSection() {
2859
2787
  return /*#__PURE__*/jsxRuntime.jsx(RenderChartCard, {
2860
2788
  item: item,
2861
2789
  index: index,
2862
- md: 6
2790
+ md: 6,
2791
+ isPremium: true
2863
2792
  });
2864
2793
  }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
2865
2794
  item: true,
@@ -2880,7 +2809,8 @@ var RecurringRevenueSection = function RecurringRevenueSection() {
2880
2809
  return /*#__PURE__*/jsxRuntime.jsx(RenderChartCard, {
2881
2810
  item: item,
2882
2811
  index: index,
2883
- md: 6
2812
+ md: 6,
2813
+ isPremium: true
2884
2814
  });
2885
2815
  })
2886
2816
  })]
@@ -3287,98 +3217,78 @@ var DropOffPoints = function DropOffPoints() {
3287
3217
  },
3288
3218
  children: /*#__PURE__*/jsxRuntime.jsxs(material.CardContent, {
3289
3219
  sx: {
3290
- p: 3,
3291
- "&:last-child": {
3292
- pb: 3
3293
- }
3220
+ p: 3
3294
3221
  },
3295
- children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
3222
+ children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
3223
+ variant: "subtitle2",
3224
+ sx: {
3225
+ color: "#000000",
3226
+ fontWeight: 700,
3227
+ fontSize: "16px",
3228
+ mb: 0.5,
3229
+ textAlign: "left"
3230
+ },
3231
+ children: "Drop off points in donation flow"
3232
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
3233
+ sx: {
3234
+ color: "rgba(0, 0, 0, 0.4)",
3235
+ fontSize: "13px",
3236
+ mb: 3,
3237
+ textAlign: "left"
3238
+ },
3239
+ children: "Points where donors exit the donation flow"
3240
+ }), /*#__PURE__*/jsxRuntime.jsx(material.Box, {
3296
3241
  sx: {
3297
3242
  display: "flex",
3298
- justifyContent: "space-between",
3299
- alignItems: "center",
3300
- mb: 3
3243
+ flexDirection: "column",
3244
+ gap: 2
3301
3245
  },
3302
- children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
3303
- sx: {
3304
- display: "flex",
3305
- alignItems: "center",
3306
- gap: 1
3307
- },
3308
- children: /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
3309
- variant: "subtitle2",
3246
+ children: data.map(function (item, index) {
3247
+ return /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
3310
3248
  sx: {
3311
- fontWeight: 600,
3312
- color: "#000000",
3313
- letterSpacing: "0.5px"
3314
- },
3315
- children: "Drop off points in donation flow"
3316
- })
3317
- }), /*#__PURE__*/jsxRuntime.jsx(material.IconButton, {
3318
- sx: {
3319
- border: "1px solid #E9E9EB",
3320
- borderRadius: "8px",
3321
- color: "#000",
3322
- height: "36px",
3323
- width: "36px",
3324
- "&:hover": {
3325
- borderColor: "primary.main",
3326
- bgcolor: "rgba(99, 99, 230, 0.04)"
3327
- }
3328
- },
3329
- children: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.MoreHoriz, {
3330
- sx: {
3331
- fontSize: "1.2rem"
3332
- }
3333
- })
3334
- })]
3335
- }), data.map(function (item, index) {
3336
- return /*#__PURE__*/jsxRuntime.jsxs(React.Fragment, {
3337
- children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
3338
- sx: {
3339
- py: 1.5
3249
+ display: "flex",
3250
+ alignItems: "center",
3251
+ gap: 2,
3252
+ py: 0.5
3340
3253
  },
3341
- children: [/*#__PURE__*/jsxRuntime.jsxs(material.Box, {
3254
+ children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
3342
3255
  sx: {
3343
- display: "flex",
3344
- justifyContent: "space-between",
3345
- alignItems: "center",
3346
- mb: 1
3256
+ fontSize: "13px",
3257
+ fontWeight: 500,
3258
+ color: "rgba(0, 0, 0, 0.4)",
3259
+ minWidth: "160px",
3260
+ textAlign: "left"
3347
3261
  },
3348
- children: [/*#__PURE__*/jsxRuntime.jsx(material.Typography, {
3349
- variant: "body2",
3350
- sx: {
3351
- fontWeight: 500,
3352
- color: "#333"
3353
- },
3354
- children: item.step
3355
- }), /*#__PURE__*/jsxRuntime.jsxs(material.Typography, {
3356
- variant: "body2",
3357
- sx: {
3358
- fontWeight: 600,
3359
- color: "#333"
3360
- },
3361
- children: [item.share, "%"]
3362
- })]
3262
+ children: item.step
3363
3263
  }), /*#__PURE__*/jsxRuntime.jsx(material.Box, {
3364
3264
  sx: {
3365
- width: "100%",
3366
- height: "6px",
3367
- bgcolor: "#f0f0f0",
3368
- borderRadius: "4px",
3369
- overflow: "hidden"
3265
+ flexGrow: 1
3370
3266
  },
3371
- children: /*#__PURE__*/jsxRuntime.jsx(material.Box, {
3267
+ children: /*#__PURE__*/jsxRuntime.jsx(material.LinearProgress, {
3268
+ variant: "determinate",
3269
+ value: item.share,
3372
3270
  sx: {
3373
- width: "".concat(item.share * 1.5, "%"),
3374
- height: "100%",
3375
- bgcolor: "#6363e6",
3376
- borderRadius: "4px"
3271
+ height: 15,
3272
+ borderRadius: 4,
3273
+ bgcolor: "#F3F4F6",
3274
+ "& .MuiLinearProgress-bar": {
3275
+ borderRadius: 4,
3276
+ bgcolor: "#6366F1"
3277
+ }
3377
3278
  }
3378
3279
  })
3280
+ }), /*#__PURE__*/jsxRuntime.jsxs(material.Typography, {
3281
+ sx: {
3282
+ fontSize: "13px",
3283
+ fontWeight: 700,
3284
+ color: "#111",
3285
+ minWidth: "40px",
3286
+ textAlign: "right"
3287
+ },
3288
+ children: [item.share, "%"]
3379
3289
  })]
3380
- }), index < data.length - 1]
3381
- }, index);
3290
+ }, index);
3291
+ })
3382
3292
  })]
3383
3293
  })
3384
3294
  });
@@ -3454,7 +3364,8 @@ var DonorBehavior = function DonorBehavior() {
3454
3364
  return /*#__PURE__*/jsxRuntime.jsx(RenderChartCard, {
3455
3365
  item: item,
3456
3366
  index: index,
3457
- md: 6
3367
+ md: 6,
3368
+ isPremium: true
3458
3369
  });
3459
3370
  })
3460
3371
  }), /*#__PURE__*/jsxRuntime.jsxs(material.Grid, {
@@ -3475,7 +3386,8 @@ var DonorBehavior = function DonorBehavior() {
3475
3386
  return /*#__PURE__*/jsxRuntime.jsx(RenderChartCard, {
3476
3387
  item: item,
3477
3388
  index: index,
3478
- md: 6
3389
+ md: 6,
3390
+ isPremium: true
3479
3391
  });
3480
3392
  })]
3481
3393
  }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
@@ -3488,7 +3400,8 @@ var DonorBehavior = function DonorBehavior() {
3488
3400
  return /*#__PURE__*/jsxRuntime.jsx(RenderChartCard, {
3489
3401
  item: item,
3490
3402
  index: index,
3491
- md: 6
3403
+ md: 6,
3404
+ isPremium: true
3492
3405
  });
3493
3406
  })
3494
3407
  })]
@@ -4340,7 +4253,7 @@ var DonationTypeBarChart = function DonationTypeBarChart() {
4340
4253
  colors: ["transparent"]
4341
4254
  },
4342
4255
  xaxis: {
4343
- categories: ["Wk 1", "Wk 2", "Wk 3", "Wk 4", "May 3-4"],
4256
+ categories: ["Wk 1", "Wk 2", "Wk 3", "Wk 4"],
4344
4257
  axisBorder: {
4345
4258
  show: false
4346
4259
  },
@@ -4394,10 +4307,10 @@ var DonationTypeBarChart = function DonationTypeBarChart() {
4394
4307
  };
4395
4308
  var series = [{
4396
4309
  name: "Recurring",
4397
- data: [9.2, 11.8, 13.4, 15.6, 4.9]
4310
+ data: [9.2, 11.8, 13.4, 15.6]
4398
4311
  }, {
4399
4312
  name: "One-time",
4400
- data: [32.4, 41.2, 46.8, 51.3, 14.3]
4313
+ data: [32.4, 41.2, 46.8, 51.3]
4401
4314
  }];
4402
4315
  return /*#__PURE__*/jsxRuntime.jsxs(material.Card, {
4403
4316
  sx: {
@@ -4859,8 +4772,8 @@ var OverallSection = function OverallSection(_ref) {
4859
4772
  };
4860
4773
  var metricInfo = {
4861
4774
  "Total Raised": {
4862
- value: (apiData === null || apiData === void 0 ? void 0 : apiData.totalRaised) || "$240.9K",
4863
- subValue: (apiData === null || apiData === void 0 ? void 0 : apiData.totalRaisedTrend) || "18% vs last month",
4775
+ value: (apiData === null || apiData === void 0 ? void 0 : apiData.totalRaisedCard) || "$240.9K",
4776
+ subValue: (apiData === null || apiData === void 0 ? void 0 : apiData.totalRaisedPrev) || "18% vs last month",
4864
4777
  label: "Total Revenue",
4865
4778
  icon: iconsMaterial.PaidOutlined
4866
4779
  },
@@ -5187,7 +5100,7 @@ var PaidSection = function PaidSection() {
5187
5100
  children: [/*#__PURE__*/jsxRuntime.jsx(material.Grid, {
5188
5101
  item: true,
5189
5102
  xs: 12,
5190
- md: 8,
5103
+ md: 6,
5191
5104
  children: /*#__PURE__*/jsxRuntime.jsx(ActiveCampaignsCard, {
5192
5105
  title: "Channel performance",
5193
5106
  subtitle: "Ad platforms ranked by ROAS",
@@ -5263,7 +5176,7 @@ var PaidSection = function PaidSection() {
5263
5176
  }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
5264
5177
  item: true,
5265
5178
  xs: 12,
5266
- md: 4,
5179
+ md: 6,
5267
5180
  children: /*#__PURE__*/jsxRuntime.jsx(DonorMixCard, {
5268
5181
  title: "Spend allocation",
5269
5182
  subtitle: "Where $80.3K went this month",
@@ -5306,12 +5219,12 @@ var PaidSection = function PaidSection() {
5306
5219
  children: [/*#__PURE__*/jsxRuntime.jsx(material.Grid, {
5307
5220
  item: true,
5308
5221
  xs: 12,
5309
- md: 7,
5222
+ md: 6,
5310
5223
  children: /*#__PURE__*/jsxRuntime.jsx(TopPerformingCampaignsCard, {})
5311
5224
  }), /*#__PURE__*/jsxRuntime.jsx(material.Grid, {
5312
5225
  item: true,
5313
5226
  xs: 12,
5314
- md: 5,
5227
+ md: 6,
5315
5228
  children: /*#__PURE__*/jsxRuntime.jsx(PaidDonorGeographyCard, {})
5316
5229
  })]
5317
5230
  })]