@optifye/dashboard-core 6.11.13 → 6.11.14

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/index.css CHANGED
@@ -1437,6 +1437,9 @@ body {
1437
1437
  .min-w-\[16px\] {
1438
1438
  min-width: 16px;
1439
1439
  }
1440
+ .min-w-\[170px\] {
1441
+ min-width: 170px;
1442
+ }
1440
1443
  .min-w-\[180px\] {
1441
1444
  min-width: 180px;
1442
1445
  }
package/dist/index.js CHANGED
@@ -60353,6 +60353,7 @@ var MonthlyRangeFilter = ({
60353
60353
  {
60354
60354
  type: "button",
60355
60355
  onClick: () => setIsOpen((prev) => !prev),
60356
+ "aria-label": showLabel ? void 0 : singleDateOnly ? "Select date" : "Select date range",
60356
60357
  className: clsx(
60357
60358
  "flex items-center transition-all duration-200 focus:outline-none",
60358
60359
  !showLabel && "p-2 rounded-full hover:bg-gray-100",
@@ -62965,7 +62966,7 @@ var KPIsOverviewView = ({
62965
62966
  () => getShiftEndDate(currentShiftDetails, configuredTimezone),
62966
62967
  [currentShiftDetails, configuredTimezone]
62967
62968
  );
62968
- React141__namespace.default.useMemo(() => {
62969
+ const leaderboardShiftOptions = React141__namespace.default.useMemo(() => {
62969
62970
  if (shiftConfig?.shifts && shiftConfig.shifts.length > 0) {
62970
62971
  return shiftConfig.shifts.map((shift) => ({
62971
62972
  id: shift.shiftId,
@@ -63764,6 +63765,17 @@ var KPIsOverviewView = ({
63764
63765
  singleDateOnly: true
63765
63766
  }
63766
63767
  ),
63768
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsx(
63769
+ "select",
63770
+ {
63771
+ "aria-label": "Leaderboard shift",
63772
+ value: effectiveLeaderboardShiftId,
63773
+ onChange: (e) => setSelectedLeaderboardShiftId(Number(e.target.value)),
63774
+ className: "appearance-none pl-3 pr-8 py-1.5 text-sm font-medium bg-white border border-gray-200 hover:border-gray-300 rounded-lg text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all cursor-pointer shadow-sm min-w-[170px]",
63775
+ style: { backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")`, backgroundPosition: `right 0.5rem center`, backgroundRepeat: `no-repeat`, backgroundSize: `1.2em 1.2em` },
63776
+ children: leaderboardShiftOptions.map((shiftOption) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: shiftOption.id, children: shiftOption.label }, shiftOption.id))
63777
+ }
63778
+ ) }),
63767
63779
  isHistoricalLeaderboardDaily && /* @__PURE__ */ jsxRuntime.jsx(
63768
63780
  "button",
63769
63781
  {
package/dist/index.mjs CHANGED
@@ -60324,6 +60324,7 @@ var MonthlyRangeFilter = ({
60324
60324
  {
60325
60325
  type: "button",
60326
60326
  onClick: () => setIsOpen((prev) => !prev),
60327
+ "aria-label": showLabel ? void 0 : singleDateOnly ? "Select date" : "Select date range",
60327
60328
  className: clsx(
60328
60329
  "flex items-center transition-all duration-200 focus:outline-none",
60329
60330
  !showLabel && "p-2 rounded-full hover:bg-gray-100",
@@ -62936,7 +62937,7 @@ var KPIsOverviewView = ({
62936
62937
  () => getShiftEndDate(currentShiftDetails, configuredTimezone),
62937
62938
  [currentShiftDetails, configuredTimezone]
62938
62939
  );
62939
- React141__default.useMemo(() => {
62940
+ const leaderboardShiftOptions = React141__default.useMemo(() => {
62940
62941
  if (shiftConfig?.shifts && shiftConfig.shifts.length > 0) {
62941
62942
  return shiftConfig.shifts.map((shift) => ({
62942
62943
  id: shift.shiftId,
@@ -63735,6 +63736,17 @@ var KPIsOverviewView = ({
63735
63736
  singleDateOnly: true
63736
63737
  }
63737
63738
  ),
63739
+ /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
63740
+ "select",
63741
+ {
63742
+ "aria-label": "Leaderboard shift",
63743
+ value: effectiveLeaderboardShiftId,
63744
+ onChange: (e) => setSelectedLeaderboardShiftId(Number(e.target.value)),
63745
+ className: "appearance-none pl-3 pr-8 py-1.5 text-sm font-medium bg-white border border-gray-200 hover:border-gray-300 rounded-lg text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all cursor-pointer shadow-sm min-w-[170px]",
63746
+ style: { backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")`, backgroundPosition: `right 0.5rem center`, backgroundRepeat: `no-repeat`, backgroundSize: `1.2em 1.2em` },
63747
+ children: leaderboardShiftOptions.map((shiftOption) => /* @__PURE__ */ jsx("option", { value: shiftOption.id, children: shiftOption.label }, shiftOption.id))
63748
+ }
63749
+ ) }),
63738
63750
  isHistoricalLeaderboardDaily && /* @__PURE__ */ jsx(
63739
63751
  "button",
63740
63752
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@optifye/dashboard-core",
3
- "version": "6.11.13",
3
+ "version": "6.11.14",
4
4
  "description": "Reusable UI & logic for Optifye dashboard",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",