@mahatisystems/mahati-ui-components 5.3.0 → 5.3.1

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.js +40 -32
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +98 -90
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1024,14 +1024,12 @@ var Input = import_react4.default.forwardRef(function(_0, _1) {
1024
1024
  if (props.disabled) return;
1025
1025
  onChange === null || onChange === void 0 ? void 0 : onChange(e);
1026
1026
  };
1027
- return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", {
1028
- "data-testid": testId,
1029
- className: "flex flex-col w-full mb-4",
1027
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, {
1030
1028
  children: [
1031
1029
  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", _object_spread({
1032
1030
  ref: ref,
1033
- onChange: handleChange,
1034
1031
  "data-testid": testId ? "".concat(testId, "-input") : void 0,
1032
+ onChange: handleChange,
1035
1033
  className: "\n w-full max-w-full min-w-0\n h-[44px]\n px-3\n text-base\n rounded-md\n border\n outline-none\n box-border\n transition-all duration-200\n\n ".concat(hasError ? "border-red-500 focus:border-red-600 focus:ring-2 focus:ring-red-100" : "border-[#D9D9D9] focus:border-blue-500 focus:ring-2 focus:ring-blue-100 hover:border-gray-400 focus:border-blue-500", "\n\n disabled:bg-gray-100\n disabled:text-gray-400\n disabled:border-gray-200\n disabled:cursor-not-allowed\n\n file:py-2 file:px-3 file:cursor-pointer\n\n placeholder:text-gray-400\n\n ").concat(className, "\n ")
1036
1034
  }, props)),
1037
1035
  hasError && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", {
@@ -7453,6 +7451,12 @@ var MahatiChartAnalyticsWidget = function MahatiChartAnalyticsWidget(param) {
7453
7451
  var _ref = _sliced_to_array((0, import_react17.useState)(initialChartType), 2), chartType = _ref[0], setChartType = _ref[1];
7454
7452
  var _ref1 = _sliced_to_array((0, import_react17.useState)("Project 1"), 2), selectedGanttProject = _ref1[0], setSelectedGanttProject = _ref1[1];
7455
7453
  var _ref2 = _sliced_to_array((0, import_react17.useState)("Project 1"), 2), selectedCalendarHeatmapProject = _ref2[0], setSelectedCalendarHeatmapProject = _ref2[1];
7454
+ var _ref3 = _sliced_to_array((0, import_react17.useState)(selectedFilters), 2), localFilters = _ref3[0], setLocalFilters = _ref3[1];
7455
+ (0, import_react17.useEffect)(function() {
7456
+ setLocalFilters(selectedFilters);
7457
+ }, [
7458
+ selectedFilters
7459
+ ]);
7456
7460
  var currentFilters = (0, import_react17.useMemo)(function() {
7457
7461
  if (chartFilters && chartFilters[chartType]) return chartFilters[chartType] || [];
7458
7462
  return filters;
@@ -7491,8 +7495,8 @@ var MahatiChartAnalyticsWidget = function MahatiChartAnalyticsWidget(param) {
7491
7495
  var currentGanttData = (0, import_react17.useMemo)(function() {
7492
7496
  if (chartType === "gantt" && ganttData) {
7493
7497
  var _ganttData_year;
7494
- var year = selectedFilters["SelectYear"] || "2026";
7495
- var type = selectedFilters["SelectType"] || "Development";
7498
+ var year = localFilters["SelectYear"] || "2026";
7499
+ var type = localFilters["SelectType"] || "Development";
7496
7500
  var baseData = (_ganttData_year = ganttData[year]) === null || _ganttData_year === void 0 ? void 0 : _ganttData_year[type];
7497
7501
  if (!baseData) return void 0;
7498
7502
  if (selectedGanttProject === "Project 2") {
@@ -7524,8 +7528,8 @@ var MahatiChartAnalyticsWidget = function MahatiChartAnalyticsWidget(param) {
7524
7528
  ]);
7525
7529
  var currentHorizontalBarTopPerformer = (0, import_react17.useMemo)(function() {
7526
7530
  if (chartType !== "horizontalbar" || !horizontalBarData) return void 0;
7527
- var selectedYear = selectedFilters["SelectYear"] || "2026";
7528
- var selectedMonth = selectedFilters["SelectMonth"] || "January";
7531
+ var selectedYear = localFilters["SelectYear"] || "2026";
7532
+ var selectedMonth = localFilters["SelectMonth"] || "January";
7529
7533
  var yearData = horizontalBarData[selectedYear];
7530
7534
  var monthData = yearData === null || yearData === void 0 ? void 0 : yearData[selectedMonth];
7531
7535
  if (!monthData) return void 0;
@@ -7599,8 +7603,8 @@ var MahatiChartAnalyticsWidget = function MahatiChartAnalyticsWidget(param) {
7599
7603
  }
7600
7604
  };
7601
7605
  if (chartType !== "calendarheatmap" || !calendarheatmapData) return empty;
7602
- var year = selectedFilters["SelectYear"] || "2026";
7603
- var type = selectedFilters["SelectType"] || "Development";
7606
+ var year = localFilters["SelectYear"] || "2026";
7607
+ var type = localFilters["SelectType"] || "Development";
7604
7608
  var project = selectedCalendarHeatmapProject;
7605
7609
  if (!((_calendarheatmapData_project = calendarheatmapData[project]) === null || _calendarheatmapData_project === void 0 ? void 0 : (_calendarheatmapData_project_year = _calendarheatmapData_project[year]) === null || _calendarheatmapData_project_year === void 0 ? void 0 : _calendarheatmapData_project_year[type])) return empty;
7606
7610
  var yearData = calendarheatmapData[project][year][type];
@@ -7713,9 +7717,9 @@ var MahatiChartAnalyticsWidget = function MahatiChartAnalyticsWidget(param) {
7713
7717
  };
7714
7718
  var currentBulletData = (0, import_react17.useMemo)(function() {
7715
7719
  if (!bulletData) return null;
7716
- var year = selectedFilters.SelectYear || "2026";
7717
- var month = selectedFilters.SelectMonth || "January";
7718
- var type = selectedFilters.SelectType || "Sales";
7720
+ var year = localFilters.SelectYear || "2026";
7721
+ var month = localFilters.SelectMonth || "January";
7722
+ var type = localFilters.SelectType || "Sales";
7719
7723
  var yearData = bulletData[year];
7720
7724
  if (yearData) {
7721
7725
  var typeData = yearData[type];
@@ -8000,9 +8004,10 @@ var MahatiChartAnalyticsWidget = function MahatiChartAnalyticsWidget(param) {
8000
8004
  },
8001
8005
  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ChartDropdown, {
8002
8006
  options: options,
8003
- value: selectedFilters[filter.id],
8007
+ value: localFilters[filter.id],
8004
8008
  onSelect: function onSelect(val) {
8005
- return onFiltersChange(_object_spread_props(_object_spread({}, selectedFilters), _define_property({}, filter.id, String(val))));
8009
+ var updated = _object_spread_props(_object_spread({}, localFilters), _define_property({}, filter.id, String(val)));
8010
+ setLocalFilters(updated);
8006
8011
  },
8007
8012
  variant: "mahatiFilter",
8008
8013
  label: filter.label
@@ -8012,7 +8017,8 @@ var MahatiChartAnalyticsWidget = function MahatiChartAnalyticsWidget(param) {
8012
8017
  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", {
8013
8018
  type: "button",
8014
8019
  onClick: function onClick() {
8015
- return onApplyFilters === null || onApplyFilters === void 0 ? void 0 : onApplyFilters(selectedFilters);
8020
+ onApplyFilters === null || onApplyFilters === void 0 ? void 0 : onApplyFilters(localFilters);
8021
+ onFiltersChange(localFilters);
8016
8022
  },
8017
8023
  className: "w-[77px] h-[30px] rounded border border-[rgba(23,97,163,1)] bg-gradient-to-r from-[rgba(23,97,163,1)] to-[rgba(77,175,131,1)] text-white text-sm font-medium cursor-pointer transition-opacity hover:opacity-90",
8018
8024
  children: "Apply"
@@ -8295,8 +8301,8 @@ var MahatiChartAnalyticsWidget = function MahatiChartAnalyticsWidget(param) {
8295
8301
  children: [
8296
8302
  function() {
8297
8303
  var _gaugeData_gauges, _gaugeData_sy_sm2, _gaugeData_sy;
8298
- var sy = selectedFilters["SelectYear"] || "2026";
8299
- var sm2 = selectedFilters["SelectMonth"] || "January";
8304
+ var sy = localFilters["SelectYear"] || "2026";
8305
+ var sm2 = localFilters["SelectMonth"] || "January";
8300
8306
  var currentGauge = ((_gaugeData_gauges = gaugeData.gauges) === null || _gaugeData_gauges === void 0 ? void 0 : _gaugeData_gauges.length) > 0 ? gaugeData.gauges[0] : null;
8301
8307
  if (((_gaugeData_sy = gaugeData[sy]) === null || _gaugeData_sy === void 0 ? void 0 : (_gaugeData_sy_sm2 = _gaugeData_sy[sm2]) === null || _gaugeData_sy_sm2 === void 0 ? void 0 : _gaugeData_sy_sm2.length) > 0) currentGauge = gaugeData[sy][sm2][0];
8302
8308
  if (!currentGauge) return null;
@@ -8446,9 +8452,9 @@ var MahatiChartAnalyticsWidget = function MahatiChartAnalyticsWidget(param) {
8446
8452
  children: [
8447
8453
  function() {
8448
8454
  var _riskGaugeData_gauges, _riskGaugeData_sy_sm2_st, _riskGaugeData_sy_sm2, _riskGaugeData_sy;
8449
- var sy = selectedFilters["SelectYear"] || "2026";
8450
- var sm2 = selectedFilters["SelectMonth"] || "January";
8451
- var st = selectedFilters["SelectType"] || "Credit Score";
8455
+ var sy = localFilters["SelectYear"] || "2026";
8456
+ var sm2 = localFilters["SelectMonth"] || "January";
8457
+ var st = localFilters["SelectType"] || "Credit Score";
8452
8458
  var currentRiskGauge = ((_riskGaugeData_gauges = riskGaugeData.gauges) === null || _riskGaugeData_gauges === void 0 ? void 0 : _riskGaugeData_gauges.length) > 0 ? riskGaugeData.gauges[0] : null;
8453
8459
  if (((_riskGaugeData_sy = riskGaugeData[sy]) === null || _riskGaugeData_sy === void 0 ? void 0 : (_riskGaugeData_sy_sm2 = _riskGaugeData_sy[sm2]) === null || _riskGaugeData_sy_sm2 === void 0 ? void 0 : (_riskGaugeData_sy_sm2_st = _riskGaugeData_sy_sm2[st]) === null || _riskGaugeData_sy_sm2_st === void 0 ? void 0 : _riskGaugeData_sy_sm2_st.length) > 0) currentRiskGauge = riskGaugeData[sy][sm2][st][0];
8454
8460
  if (!currentRiskGauge) return null;
@@ -9167,9 +9173,9 @@ var MahatiChartAnalyticsWidget = function MahatiChartAnalyticsWidget(param) {
9167
9173
  function() {
9168
9174
  var _columnChartData_sy_sm2, _columnChartData_sy, _columnChartData_prevYear_prevMonth, _columnChartData_prevYear;
9169
9175
  if (!columnChartData) return null;
9170
- var sy = selectedFilters["SelectYear"] || "2026";
9171
- var sm2 = selectedFilters["SelectMonth"] || "January";
9172
- var st = selectedFilters["SelectType"] || "Category A";
9176
+ var sy = localFilters["SelectYear"] || "2026";
9177
+ var sm2 = localFilters["SelectMonth"] || "January";
9178
+ var st = localFilters["SelectType"] || "Category A";
9173
9179
  var typeData = (columnChartData === null || columnChartData === void 0 ? void 0 : (_columnChartData_sy = columnChartData[sy]) === null || _columnChartData_sy === void 0 ? void 0 : (_columnChartData_sy_sm2 = _columnChartData_sy[sm2]) === null || _columnChartData_sy_sm2 === void 0 ? void 0 : _columnChartData_sy_sm2[st]) || [];
9174
9180
  var currentTotal = typeData.reduce(function(sum, item) {
9175
9181
  return sum + item.value;
@@ -9328,8 +9334,8 @@ var MahatiChartAnalyticsWidget = function MahatiChartAnalyticsWidget(param) {
9328
9334
  function() {
9329
9335
  var _groupBarData_sy, _groupBarData_prevYear;
9330
9336
  if (!groupBarData) return null;
9331
- var sy = selectedFilters["SelectYear"] || "2026";
9332
- var sm2 = selectedFilters["SelectMonth"] || "January";
9337
+ var sy = localFilters["SelectYear"] || "2026";
9338
+ var sm2 = localFilters["SelectMonth"] || "January";
9333
9339
  var groups = (groupBarData === null || groupBarData === void 0 ? void 0 : (_groupBarData_sy = groupBarData[sy]) === null || _groupBarData_sy === void 0 ? void 0 : _groupBarData_sy[sm2]) || [];
9334
9340
  if (!groups.length) return null;
9335
9341
  var legends = groupBarData.legends || [];
@@ -9824,9 +9830,9 @@ var MahatiChartAnalyticsWidget = function MahatiChartAnalyticsWidget(param) {
9824
9830
  function() {
9825
9831
  var _currentFilters_, _currentFilters_1, _currentFilters_2, _currentFilters_3, _currentFilters_4, _currentFilters_5, _yearData_month;
9826
9832
  var f0 = (_currentFilters_ = currentFilters[0]) === null || _currentFilters_ === void 0 ? void 0 : _currentFilters_.id, f1 = (_currentFilters_1 = currentFilters[1]) === null || _currentFilters_1 === void 0 ? void 0 : _currentFilters_1.id, f2 = (_currentFilters_2 = currentFilters[2]) === null || _currentFilters_2 === void 0 ? void 0 : _currentFilters_2.id;
9827
- var year = selectedFilters[f0] || ((_currentFilters_3 = currentFilters[0]) === null || _currentFilters_3 === void 0 ? void 0 : _currentFilters_3.options[0]) || "2026";
9828
- var month = selectedFilters[f1] || ((_currentFilters_4 = currentFilters[1]) === null || _currentFilters_4 === void 0 ? void 0 : _currentFilters_4.options[0]) || "January";
9829
- var category = selectedFilters[f2] || ((_currentFilters_5 = currentFilters[2]) === null || _currentFilters_5 === void 0 ? void 0 : _currentFilters_5.options[0]) || "Category A";
9833
+ var year = localFilters[f0] || ((_currentFilters_3 = currentFilters[0]) === null || _currentFilters_3 === void 0 ? void 0 : _currentFilters_3.options[0]) || "2026";
9834
+ var month = localFilters[f1] || ((_currentFilters_4 = currentFilters[1]) === null || _currentFilters_4 === void 0 ? void 0 : _currentFilters_4.options[0]) || "January";
9835
+ var category = localFilters[f2] || ((_currentFilters_5 = currentFilters[2]) === null || _currentFilters_5 === void 0 ? void 0 : _currentFilters_5.options[0]) || "Category A";
9830
9836
  var yearData = (lollipopData === null || lollipopData === void 0 ? void 0 : lollipopData[year]) || {};
9831
9837
  var catData = (yearData === null || yearData === void 0 ? void 0 : (_yearData_month = yearData[month]) === null || _yearData_month === void 0 ? void 0 : _yearData_month[category]) || [];
9832
9838
  var bestItem = catData.length ? catData.reduce(function(max, i) {
@@ -10978,10 +10984,12 @@ var CircularSpinner = function CircularSpinner(param) {
10978
10984
  left: offset,
10979
10985
  opacity: opacity,
10980
10986
  borderWidth: Math.max(2, ringSize / 12),
10987
+ borderColor: "rgba(0,0,0,0.1)",
10981
10988
  borderTopColor: color,
10982
- animation: "circularSpin ".concat(speed + i * 0.3, "s linear infinite")
10989
+ animation: "spin ".concat(speed + i * 0.3, "s linear infinite"),
10990
+ animationDelay: "".concat(i * 0.2, "s")
10983
10991
  },
10984
- className: "absolute border border-transparent rounded-full"
10992
+ className: "absolute border border-solid rounded-full"
10985
10993
  }, i);
10986
10994
  }),
10987
10995
  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SrOnly, {
@@ -13020,7 +13028,7 @@ var MahatiPromotionModal = function MahatiPromotionModal(_0) {
13020
13028
  var handleCta = function handleCta() {
13021
13029
  onCtaClick === null || onCtaClick === void 0 ? void 0 : onCtaClick(email);
13022
13030
  if (ctaLink) {
13023
- openInNewTab ? window.open(ctaLink, "_blank") : window.location.href = ctaLink;
13031
+ openInNewTab ? window.open(ctaLink, "_blank") : window.location.assign(ctaLink);
13024
13032
  }
13025
13033
  onClose();
13026
13034
  };