@pearpages/heatmap 0.1.5 → 0.1.6

package/dist/index.css

@@ -1,5 +1,7 @@
 /* src/ContributionHeatmap/index.scss */
 .contribution-heatmap {
+  color: var(--color-text-muted);
+  font-size: 12px;
   --day-size: 12px;
   --day-gap: 2px;
   --border-radius: 6px;
@@ -38,14 +40,36 @@
   max-width: 100%;
   overflow-x: auto;
 }
+.contribution-heatmap__table {
+  table-layout: fixed;
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: var(--day-gap);
+}
 .contribution-heatmap__month-header {
-  color: var(--color-text-muted);
+  font-weight: 500;
+  text-align: left;
+  padding: 0;
+  border: none;
+  background: none;
+}
+.contribution-heatmap__day-header {
+  width: 30px;
+  padding: 0;
+  border: none;
+  background: none;
+}
+@media (max-width: 768px) {
+  .contribution-heatmap__day-header {
+    width: 20px;
+  }
 }
 .contribution-heatmap:hover {
   box-shadow: 0 4px 16px var(--shadow-color);
 }
 @media (max-width: 768px) {
   .contribution-heatmap {
+    font-size: 10px;
     --day-size: 10px;
     --day-gap: 1px;
     padding: 15px;
@@ -56,6 +80,7 @@
 }
 @media (max-width: 480px) {
   .contribution-heatmap {
+    font-size: 8px;
     --day-size: 8px;
     --day-gap: 1px;
     padding: 10px;
@@ -70,139 +95,6 @@
     margin-bottom: 12px;
   }
 }
-.contribution-heatmap__title {
-  color: var(--color-text);
-  font-size: 18px;
-  font-weight: 600;
-  margin: 0 0 4px 0;
-  letter-spacing: -0.2px;
-}
-@media (max-width: 768px) {
-  .contribution-heatmap__title {
-    font-size: 16px;
-  }
-}
-.contribution-heatmap__subtitle {
-  color: var(--color-text-muted);
-  font-size: 14px;
-  margin: 0;
-  font-weight: 400;
-}
-@media (max-width: 768px) {
-  .contribution-heatmap__subtitle {
-    font-size: 12px;
-  }
-}
-.contribution-heatmap__container {
-  display: grid;
-  gap: 8px;
-  padding: 16px;
-  background: var(--color-bg);
-  border-radius: calc(var(--border-radius) - 2px);
-  position: relative;
-  grid-template-areas: ". months" "days grid";
-  grid-template-columns: 30px 1fr;
-  grid-template-rows: auto 1fr;
-}
-@media (max-width: 768px) {
-  .contribution-heatmap__container {
-    padding: 8px;
-    gap: 6px;
-    grid-template-columns: 20px 1fr;
-  }
-}
-.contribution-heatmap__months {
-  grid-area: months;
-  display: flex;
-  gap: var(--day-gap);
-  margin-bottom: 4px;
-}
-@media (max-width: 768px) {
-  .contribution-heatmap__months {
-    margin-bottom: 2px;
-  }
-}
-.contribution-heatmap__month {
-  color: var(--color-text-muted);
-  font-size: 12px;
-  font-weight: 500;
-  text-align: left;
-  padding: 0 2px;
-  flex-grow: 0;
-  flex-shrink: 0;
-}
-@media (max-width: 768px) {
-  .contribution-heatmap__month {
-    font-size: 10px;
-  }
-}
-@media (max-width: 480px) {
-  .contribution-heatmap__month {
-    font-size: 8px;
-  }
-}
-.contribution-heatmap__days {
-  grid-area: days;
-  display: flex;
-  flex-direction: column;
-  gap: var(--day-gap);
-  align-items: flex-end;
-  justify-content: flex-start;
-  padding-right: 4px;
-}
-@media (max-width: 768px) {
-  .contribution-heatmap__days {
-    padding-right: 2px;
-  }
-}
-.contribution-heatmap__day-label {
-  color: var(--color-text-muted);
-  font-size: 10px;
-  font-weight: 500;
-  height: var(--day-size);
-  display: flex;
-  align-items: center;
-  width: 24px;
-}
-@media (max-width: 768px) {
-  .contribution-heatmap__day-label {
-    font-size: 8px;
-    width: 16px;
-  }
-}
-@media (max-width: 480px) {
-  .contribution-heatmap__day-label {
-    font-size: 7px;
-    width: 12px;
-  }
-}
-.contribution-heatmap__grid {
-  grid-area: grid;
-  display: flex;
-  gap: var(--day-gap);
-  overflow-x: auto;
-  scroll-behavior: smooth;
-}
-.contribution-heatmap__grid::-webkit-scrollbar {
-  height: 4px;
-}
-.contribution-heatmap__grid::-webkit-scrollbar-track {
-  background: var(--color-border);
-  border-radius: 2px;
-}
-.contribution-heatmap__grid::-webkit-scrollbar-thumb {
-  background: var(--color-level-2);
-  border-radius: 2px;
-}
-.contribution-heatmap__grid::-webkit-scrollbar-thumb:hover {
-  background: var(--color-level-3);
-}
-.contribution-heatmap__week {
-  display: flex;
-  flex-direction: column;
-  gap: var(--day-gap);
-  min-width: var(--day-size);
-}
 .contribution-heatmap__day {
   width: var(--day-size);
   height: var(--day-size);
@@ -211,6 +103,10 @@
   transition: var(--transition);
   position: relative;
   border: 1px solid transparent;
+  padding: 0;
+  box-sizing: border-box;
+  min-width: var(--day-size);
+  max-width: var(--day-size);
 }
 .contribution-heatmap__day--level-0 {
   background-color: var(--color-level-0);

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.scss","../src/index.scss","../src/controlGroups.scss"],"sourcesContent":["// ContributionHeatmap.scss\n// GitHub-style contribution heatmap with BEM methodology\n\n.contribution-heatmap {\n  // Component variables\n  --day-size: 12px;\n  --day-gap: 2px;\n  --border-radius: 6px;\n  --transition: all 0.2s ease;\n  --shadow-color: rgba(0, 0, 0, 0.1);\n  \n  // Color scheme - GitHub-inspired\n  --color-bg: #ffffff;\n  --color-border: #e1e4e8;\n  --color-text: #24292f;\n  --color-text-muted: #656d76;\n  --color-level-0: #ebedf0;\n  --color-level-1: #9be9a8;\n  --color-level-2: #40c463;\n  --color-level-3: #30a14e;\n  --color-level-4: #216e39;\n  \n  // Dark mode support\n  @media (prefers-color-scheme: dark) {\n    --color-bg: #0d1117;\n    --color-border: #30363d;\n    --color-text: #f0f6fc;\n    --color-text-muted: #8b949e;\n    --color-level-0: #161b22;\n    --color-level-1: #0e4429;\n    --color-level-2: #006d32;\n    --color-level-3: #26a641;\n    --color-level-4: #39d353;\n  }\n  \n  background: var(--color-bg);\n  border-radius: var(--border-radius);\n  padding: 20px;\n  box-shadow: 0 2px 8px var(--shadow-color);\n  border: 1px solid var(--color-border);\n  transition: var(--transition);\n  max-width: 100%;\n  overflow-x: auto;\n\n  &__month-header {\n    color: var(--color-text-muted);\n  }\n\n  // Hover effect for the entire component\n  &:hover {\n    box-shadow: 0 4px 16px var(--shadow-color);\n  }\n\n  // Mobile responsiveness\n  @media (max-width: 768px) {\n    --day-size: 10px;\n    --day-gap: 1px;\n    padding: 15px;\n    \n    // Reduce padding on mobile\n    &__container {\n      padding: 0;\n    }\n  }\n\n  @media (max-width: 480px) {\n    --day-size: 8px;\n    --day-gap: 1px;\n    padding: 10px;\n  }\n\n  // Header section\n  &__header {\n    margin-bottom: 16px;\n    text-align: center;\n    \n    @media (max-width: 768px) {\n      margin-bottom: 12px;\n    }\n  }\n\n  &__title {\n    color: var(--color-text);\n    font-size: 18px;\n    font-weight: 600;\n    margin: 0 0 4px 0;\n    letter-spacing: -0.2px;\n    \n    @media (max-width: 768px) {\n      font-size: 16px;\n    }\n  }\n\n  &__subtitle {\n    color: var(--color-text-muted);\n    font-size: 14px;\n    margin: 0;\n    font-weight: 400;\n    \n    @media (max-width: 768px) {\n      font-size: 12px;\n    }\n  }\n\n  // Main container\n  &__container {\n    display: grid;\n    gap: 8px;\n    padding: 16px;\n    background: var(--color-bg);\n    border-radius: calc(var(--border-radius) - 2px);\n    position: relative;\n    grid-template-areas: \n      \". months\"\n      \"days grid\";\n    grid-template-columns: 30px 1fr;\n    grid-template-rows: auto 1fr;\n    \n    @media (max-width: 768px) {\n      padding: 8px;\n      gap: 6px;\n      grid-template-columns: 20px 1fr;\n    }\n  }\n\n  // Month labels\n  &__months {\n    grid-area: months;\n    display: flex;\n    gap: var(--day-gap);\n    margin-bottom: 4px;\n    \n    @media (max-width: 768px) {\n      margin-bottom: 2px;\n    }\n  }\n\n  &__month {\n    color: var(--color-text-muted);\n    font-size: 12px;\n    font-weight: 500;\n    text-align: left;\n    padding: 0 2px;\n    flex-grow: 0;\n    flex-shrink: 0;\n    \n    @media (max-width: 768px) {\n      font-size: 10px;\n    }\n    \n    @media (max-width: 480px) {\n      font-size: 8px;\n    }\n  }\n\n  // Day labels (Mon, Tue, etc.)\n  &__days {\n    grid-area: days;\n    display: flex;\n    flex-direction: column;\n    gap: var(--day-gap);\n    align-items: flex-end;\n    justify-content: flex-start;\n    padding-right: 4px;\n    \n    @media (max-width: 768px) {\n      padding-right: 2px;\n    }\n  }\n\n  &__day-label {\n    color: var(--color-text-muted);\n    font-size: 10px;\n    font-weight: 500;\n    height: var(--day-size);\n    display: flex;\n    align-items: center;\n    width: 24px;\n    \n    @media (max-width: 768px) {\n      font-size: 8px;\n      width: 16px;\n    }\n    \n    @media (max-width: 480px) {\n      font-size: 7px;\n      width: 12px;\n    }\n  }\n\n  // Main grid\n  &__grid {\n    grid-area: grid;\n    display: flex;\n    gap: var(--day-gap);\n    overflow-x: auto;\n    scroll-behavior: smooth;\n    \n    // Custom scrollbar\n    &::-webkit-scrollbar {\n      height: 4px;\n    }\n    \n    &::-webkit-scrollbar-track {\n      background: var(--color-border);\n      border-radius: 2px;\n    }\n    \n    &::-webkit-scrollbar-thumb {\n      background: var(--color-level-2);\n      border-radius: 2px;\n      \n      &:hover {\n        background: var(--color-level-3);\n      }\n    }\n  }\n\n  // Week column\n  &__week {\n    display: flex;\n    flex-direction: column;\n    gap: var(--day-gap);\n    min-width: var(--day-size);\n  }\n\n  // Individual day square\n  &__day {\n    width: var(--day-size);\n    height: var(--day-size);\n    border-radius: 2px;\n    cursor: pointer;\n    transition: var(--transition);\n    position: relative;\n    border: 1px solid transparent;\n    \n    // Contribution levels\n    &--level-0 {\n      background-color: var(--color-level-0);\n      \n      &:hover {\n        background-color: var(--color-level-1);\n        border-color: var(--color-level-2);\n      }\n    }\n    \n    &--level-1 {\n      background-color: var(--color-level-1);\n      \n      &:hover {\n        background-color: var(--color-level-2);\n        border-color: var(--color-level-3);\n      }\n    }\n    \n    &--level-2 {\n      background-color: var(--color-level-2);\n      \n      &:hover {\n        background-color: var(--color-level-3);\n        border-color: var(--color-level-4);\n      }\n    }\n    \n    &--level-3 {\n      background-color: var(--color-level-3);\n      \n      &:hover {\n        background-color: var(--color-level-4);\n        border-color: var(--color-level-4);\n      }\n    }\n    \n    &--level-4 {\n      background-color: var(--color-level-4);\n      \n      &:hover {\n        filter: brightness(1.1);\n        border-color: var(--color-level-4);\n      }\n    }\n    \n    // Hover effects\n    &:hover {\n      transform: scale(1.2);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n      z-index: 10;\n      border-radius: 3px;\n    }\n    \n    // Focus styles for accessibility\n    &:focus-visible {\n      outline: 2px solid var(--color-level-3);\n      outline-offset: 2px;\n    }\n  }\n\n  // Legend\n  &__legend {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    margin-top: 12px;\n    flex-wrap: wrap;\n    \n    @media (max-width: 768px) {\n      gap: 3px;\n      margin-top: 8px;\n    }\n  }\n\n  &__legend-text {\n    color: var(--color-text-muted);\n    font-size: 12px;\n    font-weight: 500;\n    margin: 0 4px;\n    \n    @media (max-width: 768px) {\n      font-size: 10px;\n      margin: 0 2px;\n    }\n  }\n\n  &__legend-item {\n    width: 12px;\n    height: 12px;\n    border-radius: 2px;\n    cursor: help;\n    transition: var(--transition);\n    border: 1px solid var(--color-border);\n    \n    @media (max-width: 768px) {\n      width: 10px;\n      height: 10px;\n    }\n    \n    &:hover {\n      transform: scale(1.2);\n      border-color: var(--color-text-muted);\n    }\n    \n    &--level-0 { background-color: var(--color-level-0); }\n    &--level-1 { background-color: var(--color-level-1); }\n    &--level-2 { background-color: var(--color-level-2); }\n    &--level-3 { background-color: var(--color-level-3); }\n    &--level-4 { background-color: var(--color-level-4); }\n  }\n}\n\n// Animation for initial load\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.contribution-heatmap {\n  animation: fadeInUp 0.6s ease-out;\n  \n  &__day {\n    animation: fadeInUp 0.3s ease-out;\n    animation-delay: var(--animation-delay, 0s);\n    animation-fill-mode: both;\n  }\n}\n\n// Utilities for different themes\n.contribution-heatmap {\n  // Ocean theme\n  &--ocean {\n    --color-level-0: #e6f3ff;\n    --color-level-1: #b3daff;\n    --color-level-2: #66b3ff;\n    --color-level-3: #1a8cff;\n    --color-level-4: #0066cc;\n  }\n  \n  // Sunset theme\n  &--sunset {\n    --color-level-0: #fff2e6;\n    --color-level-1: #ffcc99;\n    --color-level-2: #ff9933;\n    --color-level-3: #ff6600;\n    --color-level-4: #cc3300;\n  }\n  \n  // Purple theme\n  &--purple {\n    --color-level-0: #f3e6ff;\n    --color-level-1: #d9b3ff;\n    --color-level-2: #b366ff;\n    --color-level-3: #8a1aff;\n    --color-level-4: #6600cc;\n  }\n}\n",".example {\n  &__controls {\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    padding: 24px;\n    border-radius: 16px;\n    margin-bottom: 30px;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n\n    @media (max-width: 768px) {\n      padding: 20px;\n      margin-bottom: 20px;\n      border-radius: 12px;\n    }\n  }\n\n  &__heatmap {\n    margin-bottom: 40px;\n\n    @media (max-width: 768px) {\n      margin-bottom: 30px;\n    }\n  }\n}\n","// Control groups\n.control-group {\n  margin-bottom: 24px;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n\n  &__label {\n    display: block;\n    font-weight: 600;\n    color: #333;\n    margin-bottom: 12px;\n    font-size: 1rem;\n\n    @media (max-width: 768px) {\n      font-size: 0.9rem;\n      margin-bottom: 10px;\n    }\n  }\n\n  &__buttons {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n\n    @media (max-width: 768px) {\n      gap: 8px;\n    }\n  }\n\n  &__checkbox {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    cursor: pointer;\n    font-size: 1rem;\n    color: #555;\n    margin: 0;\n\n    @media (max-width: 768px) {\n      font-size: 0.9rem;\n    }\n\n    input[type='checkbox'] {\n      width: 18px;\n      height: 18px;\n      accent-color: #667eea;\n      cursor: pointer;\n\n      @media (max-width: 768px) {\n        width: 16px;\n        height: 16px;\n      }\n    }\n\n    &:hover {\n      color: #333;\n    }\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/index.scss","../src/index.scss","../src/controlGroups.scss"],"sourcesContent":["// ContributionHeatmap.scss\n// GitHub-style contribution heatmap with BEM methodology\n\n.contribution-heatmap {\n  color: var(--color-text-muted);\n  font-size: 12px;\n  // Component variables\n  --day-size: 12px;\n  --day-gap: 2px;\n  --border-radius: 6px;\n  --transition: all 0.2s ease;\n  --shadow-color: rgba(0, 0, 0, 0.1);\n\n  // Color scheme - GitHub-inspired\n  --color-bg: #ffffff;\n  --color-border: #e1e4e8;\n  --color-text: #24292f;\n  --color-text-muted: #656d76;\n  --color-level-0: #ebedf0;\n  --color-level-1: #9be9a8;\n  --color-level-2: #40c463;\n  --color-level-3: #30a14e;\n  --color-level-4: #216e39;\n\n  // Dark mode support\n  @media (prefers-color-scheme: dark) {\n    --color-bg: #0d1117;\n    --color-border: #30363d;\n    --color-text: #f0f6fc;\n    --color-text-muted: #8b949e;\n    --color-level-0: #161b22;\n    --color-level-1: #0e4429;\n    --color-level-2: #006d32;\n    --color-level-3: #26a641;\n    --color-level-4: #39d353;\n  }\n\n  background: var(--color-bg);\n  border-radius: var(--border-radius);\n  padding: 20px;\n  box-shadow: 0 2px 8px var(--shadow-color);\n  border: 1px solid var(--color-border);\n  transition: var(--transition);\n  max-width: 100%;\n  overflow-x: auto;\n\n  // Table-specific styles\n  &__table {\n    table-layout: fixed;\n    width: 100%;\n    border-collapse: separate;\n    border-spacing: var(--day-gap);\n  }\n\n  &__month-header {\n    font-weight: 500;\n    text-align: left;\n    padding: 0;\n    border: none;\n    background: none;\n  }\n\n  &__day-header {\n    width: 30px;\n    padding: 0;\n    border: none;\n    background: none;\n\n    @media (max-width: 768px) {\n      width: 20px;\n    }\n  }\n\n  // Hover effect for the entire component\n  &:hover {\n    box-shadow: 0 4px 16px var(--shadow-color);\n  }\n\n  // Mobile responsiveness\n  @media (max-width: 768px) {\n    font-size: 10px;\n    --day-size: 10px;\n    --day-gap: 1px;\n    padding: 15px;\n\n    // Reduce padding on mobile\n    &__container {\n      padding: 0;\n    }\n  }\n\n  @media (max-width: 480px) {\n    font-size: 8px;\n    --day-size: 8px;\n    --day-gap: 1px;\n    padding: 10px;\n  }\n\n  // Header section\n  &__header {\n    margin-bottom: 16px;\n    text-align: center;\n\n    @media (max-width: 768px) {\n      margin-bottom: 12px;\n    }\n  }\n\n  // Individual day square\n  &__day {\n    width: var(--day-size);\n    height: var(--day-size);\n    border-radius: 2px;\n    cursor: pointer;\n    transition: var(--transition);\n    position: relative;\n    border: 1px solid transparent;\n    padding: 0;\n    box-sizing: border-box;\n\n    // Ensure consistent sizing in table\n    min-width: var(--day-size);\n    max-width: var(--day-size);\n\n    // Contribution levels\n    &--level-0 {\n      background-color: var(--color-level-0);\n\n      &:hover {\n        background-color: var(--color-level-1);\n        border-color: var(--color-level-2);\n      }\n    }\n\n    &--level-1 {\n      background-color: var(--color-level-1);\n\n      &:hover {\n        background-color: var(--color-level-2);\n        border-color: var(--color-level-3);\n      }\n    }\n\n    &--level-2 {\n      background-color: var(--color-level-2);\n\n      &:hover {\n        background-color: var(--color-level-3);\n        border-color: var(--color-level-4);\n      }\n    }\n\n    &--level-3 {\n      background-color: var(--color-level-3);\n\n      &:hover {\n        background-color: var(--color-level-4);\n        border-color: var(--color-level-4);\n      }\n    }\n\n    &--level-4 {\n      background-color: var(--color-level-4);\n\n      &:hover {\n        filter: brightness(1.1);\n        border-color: var(--color-level-4);\n      }\n    }\n\n    // Hover effects\n    &:hover {\n      transform: scale(1.2);\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n      z-index: 10;\n      border-radius: 3px;\n    }\n\n    // Focus styles for accessibility\n    &:focus-visible {\n      outline: 2px solid var(--color-level-3);\n      outline-offset: 2px;\n    }\n  }\n\n  // Legend\n  &__legend {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    margin-top: 12px;\n    flex-wrap: wrap;\n\n    @media (max-width: 768px) {\n      gap: 3px;\n      margin-top: 8px;\n    }\n  }\n\n  &__legend-text {\n    color: var(--color-text-muted);\n    font-size: 12px;\n    font-weight: 500;\n    margin: 0 4px;\n\n    @media (max-width: 768px) {\n      font-size: 10px;\n      margin: 0 2px;\n    }\n  }\n\n  &__legend-item {\n    width: 12px;\n    height: 12px;\n    border-radius: 2px;\n    cursor: help;\n    transition: var(--transition);\n    border: 1px solid var(--color-border);\n\n    @media (max-width: 768px) {\n      width: 10px;\n      height: 10px;\n    }\n\n    &:hover {\n      transform: scale(1.2);\n      border-color: var(--color-text-muted);\n    }\n\n    &--level-0 {\n      background-color: var(--color-level-0);\n    }\n    &--level-1 {\n      background-color: var(--color-level-1);\n    }\n    &--level-2 {\n      background-color: var(--color-level-2);\n    }\n    &--level-3 {\n      background-color: var(--color-level-3);\n    }\n    &--level-4 {\n      background-color: var(--color-level-4);\n    }\n  }\n}\n\n// Animation for initial load\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.contribution-heatmap {\n  animation: fadeInUp 0.6s ease-out;\n\n  &__day {\n    animation: fadeInUp 0.3s ease-out;\n    animation-delay: var(--animation-delay, 0s);\n    animation-fill-mode: both;\n  }\n}\n\n// Utilities for different themes\n.contribution-heatmap {\n  // Ocean theme\n  &--ocean {\n    --color-level-0: #e6f3ff;\n    --color-level-1: #b3daff;\n    --color-level-2: #66b3ff;\n    --color-level-3: #1a8cff;\n    --color-level-4: #0066cc;\n  }\n\n  // Sunset theme\n  &--sunset {\n    --color-level-0: #fff2e6;\n    --color-level-1: #ffcc99;\n    --color-level-2: #ff9933;\n    --color-level-3: #ff6600;\n    --color-level-4: #cc3300;\n  }\n\n  // Purple theme\n  &--purple {\n    --color-level-0: #f3e6ff;\n    --color-level-1: #d9b3ff;\n    --color-level-2: #b366ff;\n    --color-level-3: #8a1aff;\n    --color-level-4: #6600cc;\n  }\n}\n",".example {\n  &__controls {\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(10px);\n    padding: 24px;\n    border-radius: 16px;\n    margin-bottom: 30px;\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n\n    @media (max-width: 768px) {\n      padding: 20px;\n      margin-bottom: 20px;\n      border-radius: 12px;\n    }\n  }\n\n  &__heatmap {\n    margin-bottom: 40px;\n\n    @media (max-width: 768px) {\n      margin-bottom: 30px;\n    }\n  }\n}\n","// Control groups\n.control-group {\n  margin-bottom: 24px;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n\n  &__label {\n    display: block;\n    font-weight: 600;\n    color: #333;\n    margin-bottom: 12px;\n    font-size: 1rem;\n\n    @media (max-width: 768px) {\n      font-size: 0.9rem;\n      margin-bottom: 10px;\n    }\n  }\n\n  &__buttons {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n\n    @media (max-width: 768px) {\n      gap: 8px;\n    }\n  }\n\n  &__checkbox {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    cursor: pointer;\n    font-size: 1rem;\n    color: #555;\n    margin: 0;\n\n    @media (max-width: 768px) {\n      font-size: 0.9rem;\n    }\n\n    input[type='checkbox'] {\n      width: 18px;\n      height: 18px;\n      accent-color: #667eea;\n      cursor: pointer;\n\n      @media (max-width: 768px) {\n        width: 16px;\n        height: 16px;\n      }\n    }\n\n    &:hover {\n      color: #333;\n    }\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/index.js

@@ -156,7 +156,7 @@ function ContributionHeatmap({
         ))
       ] }) }),
       /* @__PURE__ */ jsx("tbody", { children: dayNames.map((dayName, dayIndex) => /* @__PURE__ */ jsxs("tr", { children: [
-        /* @__PURE__ */ jsx("td", { className: "contribution-heatmap__day-label", children: window.innerWidth > 768 ? dayName : dayName.charAt(0) }),
+        /* @__PURE__ */ jsx("td", { className: "contribution-heatmap__day-label", children: dayName }),
         adjustedWeeks.map((week, weekIndex) => {
           const contribution = week[dayIndex];
           return /* @__PURE__ */ jsx(
@@ -182,17 +182,6 @@ function ContributionHeatmap({
   ] });
 }
 
-// src/ContributionHeatmap/getLevel.ts
-var getLevel = (count) => {
-  let level = 0;
-  if (count === 0) level = 0;
-  else if (count <= 2) level = 1;
-  else if (count <= 5) level = 2;
-  else if (count <= 8) level = 3;
-  else level = 4;
-  return level;
-};
-
 // src/mocks/createRealisticMockedCount.ts
 var isSummerMonth = (month) => {
   return month >= 5 && month <= 7;
@@ -218,6 +207,15 @@ function createRealisticMockedCount(date) {
 
 // src/mocks/generateMockData.tsx
 var getRandomCount = () => Math.floor(Math.random() * 15);
+var getLevel = (count) => {
+  let level = 0;
+  if (count === 0) level = 0;
+  else if (count <= 2) level = 1;
+  else if (count <= 5) level = 2;
+  else if (count <= 8) level = 3;
+  else level = 4;
+  return level;
+};
 function getRange(period2) {
   if (period2 !== "lastYear") {
     return period2;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/shared/models.tsx","../src/ContributionHeatmap/getMonthsForHeader.ts","../src/shared/formatTooltip.tsx","../src/shared/Legend.tsx","../src/ContributionHeatmap/addExtraWeekIfNeeded.ts","../src/ContributionHeatmap/index.tsx","../src/ContributionHeatmap/getLevel.ts","../src/mocks/createRealisticMockedCount.ts","../src/mocks/generateMockData.tsx","../src/shared/groupByWeeks.ts","../src/Example/ControlGroups.tsx","../src/Example/index.tsx"],"names":["period","jsxs","jsx","Fragment"],"mappings":"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","file":"index.js","sourcesContent":["type Theme = '' | 'ocean' | 'sunset' | 'purple';\n\ninterface ContributionData {\n  date: string;\n  count: number;\n  level: 0 | 1 | 2 | 3 | 4;\n}\n\ntype Week = [\n  ContributionData,\n  ContributionData,\n  ContributionData,\n  ContributionData,\n  ContributionData,\n  ContributionData,\n  ContributionData,\n];\n\ntype Period = { start: Date; end: Date };\n\nconst monthNames = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n] as const;\nconst dayNames = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] as const;\n\nfunction getLastYearPeriod(): Period {\n  const start = new Date(\n    new Date().setFullYear(\n      new Date().getFullYear() - 1,\n      new Date().getMonth(),\n      new Date().getDate() + 1,\n    ),\n  );\n  const end = new Date();\n  return { start, end };\n}\n\nconst createDateString = (date: Date): string =>\n  date.toISOString().split('T')[0];\n\nexport type { ContributionData, Week, Period, Theme };\nexport { monthNames, dayNames, createDateString, getLastYearPeriod };\n","import { monthNames, type Period, type Week } from '@/shared/models';\n\nfunction getMonthsForHeader({\n  weeks,\n  period,\n}: {\n  weeks: Week[];\n  period: Period;\n}): {\n  name: string;\n  span: number;\n}[] {\n  const months: { name: string; span: number }[] = [];\n  const { start, end } = period;\n  let currentMonth = -1;\n  let currentSpan = 0;\n\n  weeks.forEach((week) => {\n    if (week.length > 0) {\n      // Find the first day in the week that falls within our actual data range\n      let monthToUse = -1;\n      const actualStartDate = new Date(start);\n      const actualEndDate = new Date(end);\n\n      for (const day of week) {\n        const dayDate = new Date(day.date);\n        if (dayDate >= actualStartDate && dayDate <= actualEndDate) {\n          monthToUse = dayDate.getMonth();\n          break;\n        }\n      }\n\n      // If no day in the week is in our actual range, use the middle day (Wednesday)\n      if (monthToUse === -1) {\n        const middleDay = week[3]; // Wednesday (index 3)\n        monthToUse = new Date(middleDay.date).getMonth();\n      }\n\n      if (monthToUse !== currentMonth) {\n        if (currentMonth !== -1) {\n          months.push({ name: monthNames[currentMonth], span: currentSpan });\n        }\n        currentMonth = monthToUse;\n        currentSpan = 1;\n      } else {\n        currentSpan++;\n      }\n    }\n  });\n\n  if (currentMonth !== -1) {\n    months.push({ name: monthNames[currentMonth], span: currentSpan });\n  }\n\n  // If the last month only has one week, add an extra week for better visual balance\n  if (months.length > 0 && months[months.length - 1].span === 1) {\n    months[months.length - 1].span = 2;\n  }\n\n  return months;\n}\n\nexport { getMonthsForHeader };\n","import type { ContributionData, Period } from '@/shared/models';\n\nfunction isInRange(date: Date, { start, end }: Period): boolean {\n  const actualStartDate = new Date(start);\n  const actualEndDate = new Date(end);\n  const contributionDate = new Date(date);\n\n  return contributionDate > actualStartDate && contributionDate < actualEndDate;\n}\n\nconst formatTooltip = (\n  contribution: ContributionData,\n  { start, end }: Period,\n): string => {\n  const date = new Date(contribution.date);\n  const formattedDate = date.toLocaleDateString('en-US', {\n    weekday: 'short',\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n  });\n\n  if (\n    !isInRange(new Date(contribution.date), { start, end }) ||\n    contribution.count === 0\n  ) {\n    return `${formattedDate}: No contributions`;\n  }\n\n  return `${formattedDate}: ${contribution.count} contribution${contribution.count !== 1 ? 's' : ''}`;\n};\n\nexport { formatTooltip };\n","function Legend(): React.ReactNode {\n  return (\n    <div className=\"contribution-heatmap__legend\">\n      <span className=\"contribution-heatmap__legend-text\">Less</span>\n      {[0, 1, 2, 3, 4].map((level) => (\n        <div\n          key={level}\n          className={`contribution-heatmap__legend-item contribution-heatmap__legend-item--level-${level}`}\n          title={`Level ${level}`}\n        ></div>\n      ))}\n      <span className=\"contribution-heatmap__legend-text\">More</span>\n    </div>\n  );\n}\n\nexport { Legend };\n","import { createDateString, type ContributionData, type Week } from '@/shared/models';\n\nconst createEmptyContribution = (date: string): ContributionData => ({\n  date,\n  count: 0,\n  level: 0,\n});\n\nconst createEmptyWeek = (startDate: Date): Week => {\n  const week: ContributionData[] = [];\n  const currentDate = new Date(startDate);\n  \n  for (let day = 0; day < 7; day++) {\n    const dateString = createDateString(currentDate);\n    week.push(createEmptyContribution(dateString));\n    currentDate.setDate(currentDate.getDate() + 1);\n  }\n\n  return week as Week;\n};\n\n/**\n * Adds an extra empty week if the last month only has one week\n * to match the header span and improve visual balance\n */\nexport function addExtraWeekIfNeeded(weeks: Week[]): Week[] {\n  if (weeks.length === 0) return weeks;\n\n  // Simple approach: always add an extra week at the end for better balance\n  // This ensures the table has an extra column to match the header span\n  const lastWeek = weeks[weeks.length - 1];\n  const lastDate = new Date(lastWeek[6].date); // Saturday of last week\n  const nextWeekStart = new Date(lastDate);\n  nextWeekStart.setDate(lastDate.getDate() + 1); // Next Sunday\n  \n  const extraWeek = createEmptyWeek(nextWeekStart);\n  return [...weeks, extraWeek];\n}","import './index.scss';\nimport type { ContributionData, Period, Week as WeekType } from '../shared/models';\nimport { getMonthsForHeader } from './getMonthsForHeader';\nimport { formatTooltip } from '@/shared/formatTooltip';\nimport { dayNames } from '@/shared/models';\nimport { Legend } from '@/shared/Legend';\nimport { addExtraWeekIfNeeded } from './addExtraWeekIfNeeded';\n\ninterface ContributionHeatmapProps {\n  data: { contribution: ContributionData[]; period: Period; weeks: WeekType[] };\n  className?: string;\n}\n\nfunction ContributionHeatmap({\n  data: { period, weeks },\n  className = '',\n}: ContributionHeatmapProps) {\n  // Add extra week if needed to match header span\n  const adjustedWeeks = addExtraWeekIfNeeded(weeks);\n  const months = getMonthsForHeader({ weeks: adjustedWeeks, period });\n\n  return (\n    <div className={`contribution-heatmap ${className}`}>\n      <table className=\"contribution-heatmap__table\">\n        <thead>\n          <tr>\n            <th className=\"contribution-heatmap__day-header\"></th>\n            {months.map((month, index) => (\n              <th\n                key={index}\n                className=\"contribution-heatmap__month-header\"\n                colSpan={month.span}\n              >\n                {month.name}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {dayNames.map((dayName, dayIndex) => (\n            <tr key={dayIndex}>\n              <td className=\"contribution-heatmap__day-label\">\n                {window.innerWidth > 768 ? dayName : dayName.charAt(0)}\n              </td>\n              {adjustedWeeks.map((week, weekIndex) => {\n                const contribution = week[dayIndex];\n                return (\n                  <td\n                    key={weekIndex}\n                    className={`contribution-heatmap__day contribution-heatmap__day--level-${contribution.level}`}\n                    title={formatTooltip(contribution, period)}\n                    aria-label={formatTooltip(contribution, period)}\n                    role=\"button\"\n                    tabIndex={0}\n                    data-count={contribution.count}\n                    data-date={contribution.date}\n                    style={{ \n                      '--animation-delay': `${(weekIndex * 7 + dayIndex) * 0.005}s` \n                    } as React.CSSProperties}\n                  ></td>\n                );\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n\n      <Legend />\n    </div>\n  );\n}\n\nexport { ContributionHeatmap };\n","import type { ContributionData } from '@/shared/models';\n\nconst getLevel = (count: number): ContributionData['level'] => {\n  let level: 0 | 1 | 2 | 3 | 4 = 0;\n  if (count === 0) level = 0;\n  else if (count <= 2) level = 1;\n  else if (count <= 5) level = 2;\n  else if (count <= 8) level = 3;\n  else level = 4;\n\n  return level;\n};\n\nexport { getLevel };\n","import type { ContributionData } from '@/shared/models';\n\nconst isSummerMonth = (month: number) => {\n  return month >= 5 && month <= 7;\n};\n\nexport function createRealisticMockedCount(\n  date: Date,\n): ContributionData['count'] {\n  // Create realistic patterns\n  const dayOfWeek = date.getDay();\n  const isWeekend = dayOfWeek === 0 || dayOfWeek === 6;\n  const month = date.getMonth();\n\n  let baseCount = isWeekend ? 2 : 8;\n\n  // Lower activity in summer months (June, July, August)\n  if (isSummerMonth(month)) {\n    baseCount = Math.max(0, baseCount - 3);\n  }\n\n  // Add some randomness\n  const randomFactor = Math.random();\n  let count = 0;\n\n  if (randomFactor > 0.3) {\n    count = Math.floor(Math.random() * baseCount);\n  }\n\n  // Occasional high activity days\n  if (randomFactor > 0.95) {\n    count += Math.floor(Math.random() * 10);\n  }\n\n  return count;\n}\n","import { createDateString, type ContributionData, type Period } from '@/shared/models';\nimport { getLevel } from '@/ContributionHeatmap/getLevel';\nimport { createRealisticMockedCount } from './createRealisticMockedCount';\n\nconst getRandomCount = () => Math.floor(Math.random() * 15);\n\nfunction getRange(period: Period | 'lastYear') {\n  if (period !== 'lastYear') {\n    return period;\n  }\n  const end = new Date(); // Today\n  const start = new Date();\n  start.setFullYear(start.getFullYear() - 1); // One year ago\n  return { start, end };\n}\n\nfunction generateMockData({\n  period,\n  isRealistic,\n}: {\n  period: Period | 'lastYear';\n  isRealistic: boolean;\n}): ContributionData[] {\n  const data: ContributionData[] = [];\n  const { start, end } = getRange(period);\n\n  for (\n    let date = new Date(start);\n    date <= end;\n    date.setDate(date.getDate() + 1)\n  ) {\n    const count = isRealistic\n      ? createRealisticMockedCount(date)\n      : getRandomCount();\n    data.push({\n      date: createDateString(date),\n      count,\n      level: getLevel(count),\n    });\n  }\n\n  return data;\n}\n\nexport { generateMockData };\n","import { createDateString, type ContributionData, type Week } from '@/shared/models';\n\nconst createEmpyContribution = (date: string): ContributionData => ({\n  date,\n  count: 0,\n  level: 0,\n});\n\nconst createContributionMap = (\n  contributions: ContributionData[],\n): Map<string, ContributionData> => {\n  const contributionMap = new Map<string, ContributionData>();\n  contributions.forEach((contribution) => {\n    contributionMap.set(contribution.date, contribution);\n  });\n  return contributionMap;\n};\n\nconst getFirstSunday: (firstDate: Date) => Date = (firstDate) => {\n  const startOfWeek = new Date(firstDate);\n  startOfWeek.setDate(firstDate.getDate() - firstDate.getDay());\n  return startOfWeek;\n};\n\nconst getLastSaturday: (lastDate: Date) => Date = (lastDate) => {\n  const endOfWeek = new Date(lastDate);\n  endOfWeek.setDate(lastDate.getDate() + (6 - lastDate.getDay()));\n  return endOfWeek;\n};\n\nconst createWeek = (\n  startDate: Date,\n  contributionMap: Map<string, ContributionData>,\n): Week => {\n  const week: ContributionData[] = [];\n  const currentDate = new Date(startDate);\n  for (let day = 0; day < 7; day++) {\n    const dateString = createDateString(currentDate);\n    const contribution = contributionMap.get(dateString);\n\n    if (contribution) {\n      week.push(contribution);\n    } else {\n      week.push(createEmpyContribution(dateString));\n    }\n    currentDate.setDate(currentDate.getDate() + 1);\n  }\n\n  return week as Week;\n};\n\nconst groupByWeeks: (contributions: ContributionData[]) => Week[] = (\n  contributions,\n) => {\n  const weeks: Week[] = [];\n  const contributionMap = createContributionMap(contributions);\n\n  const firstDay = getFirstSunday(new Date(contributions[0].date));\n  const lastDate = getLastSaturday(\n    new Date(contributions[contributions.length - 1].date),\n  );\n\n  const currentDate = new Date(firstDay);\n  while (currentDate <= lastDate) {\n    weeks.push(createWeek(currentDate, contributionMap));\n    currentDate.setDate(currentDate.getDate() + 7);\n  }\n\n  return weeks;\n};\n\nexport { groupByWeeks };\n","import './controlGroups.scss';\nimport type { Theme } from '@/shared/models';\n\nexport function ControlGroups({\n  actions: { theme, setTheme, hasRealisticData, setHasRealisticData },\n}: {\n  actions: {\n    theme: Theme;\n    setTheme: (theme: Theme) => void;\n    hasRealisticData: boolean;\n    setHasRealisticData: (use: boolean) => void;\n  };\n}) {\n  return (\n    <>\n      <div className=\"control-group\">\n        <label className=\"control-group__label\">Theme:</label>\n        <div className=\"control-group__buttons\">\n          <button\n            className={`theme-button ${theme === '' ? 'theme-button--active' : ''}`}\n            onClick={() => setTheme('')}\n          >\n            GitHub\n          </button>\n          <button\n            className={`theme-button ${theme === 'ocean' ? 'theme-button--active' : ''}`}\n            onClick={() => setTheme('ocean')}\n          >\n            Ocean\n          </button>\n          <button\n            className={`theme-button ${theme === 'sunset' ? 'theme-button--active' : ''}`}\n            onClick={() => setTheme('sunset')}\n          >\n            Sunset\n          </button>\n          <button\n            className={`theme-button ${theme === 'purple' ? 'theme-button--active' : ''}`}\n            onClick={() => setTheme('purple')}\n          >\n            Purple\n          </button>\n        </div>\n      </div>\n      <div className=\"control-group\">\n        <label className=\"control-group__checkbox\">\n          <input\n            type=\"checkbox\"\n            checked={hasRealisticData}\n            onChange={(e) => setHasRealisticData(e.target.checked)}\n          />\n          Use realistic sample data\n        </label>\n      </div>\n    </>\n  );\n}\n","import { useState } from 'react';\nimport { ContributionHeatmap } from '@/ContributionHeatmap';\nimport { generateMockData } from '@/mocks/generateMockData';\nimport { getLastYearPeriod, type Theme } from '@/shared/models';\nimport { groupByWeeks } from '@/shared/groupByWeeks';\nimport './index.scss';\nimport { ControlGroups } from './ControlGroups';\n\nconst sampleData = generateMockData({ period: 'lastYear', isRealistic: true });\nconst period = getLastYearPeriod();\n\nfunction ContributionHeatmapExample() {\n  const [theme, setTheme] = useState<Theme>('');\n  const [hasRealisticData, setHasRealisticData] = useState(false);\n\n  const contribution = hasRealisticData\n    ? sampleData\n    : generateMockData({\n        period,\n        isRealistic: false,\n      });\n\n  return (\n    <>\n      <div className=\"example__controls\">\n        <ControlGroups\n          actions={{ theme, setTheme, hasRealisticData, setHasRealisticData }}\n        />\n      </div>\n\n      <div className=\"example__heatmap\">\n        <ContributionHeatmap\n          className={theme ? `contribution-heatmap--${theme}` : ''}\n          data={{\n            weeks: groupByWeeks(contribution),\n            contribution,\n            period,\n          }}\n        />\n      </div>\n    </>\n  );\n}\n\nexport { ContributionHeatmapExample };\n"]}
+{"version":3,"sources":["../src/shared/models.tsx","../src/ContributionHeatmap/getMonthsForHeader.ts","../src/shared/formatTooltip.tsx","../src/shared/Legend.tsx","../src/ContributionHeatmap/addExtraWeekIfNeeded.ts","../src/ContributionHeatmap/index.tsx","../src/mocks/createRealisticMockedCount.ts","../src/mocks/generateMockData.tsx","../src/shared/groupByWeeks.ts","../src/Example/ControlGroups.tsx","../src/Example/index.tsx"],"names":["period","jsxs","jsx","Fragment"],"mappings":"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","file":"index.js","sourcesContent":["type Theme = '' | 'ocean' | 'sunset' | 'purple';\n\ninterface ContributionData {\n  date: string;\n  count: number;\n  level: 0 | 1 | 2 | 3 | 4;\n}\n\ntype Week = [\n  ContributionData,\n  ContributionData,\n  ContributionData,\n  ContributionData,\n  ContributionData,\n  ContributionData,\n  ContributionData,\n];\n\ntype Period = { start: Date; end: Date };\n\nconst monthNames = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n] as const;\nconst dayNames = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] as const;\n\nfunction getLastYearPeriod(): Period {\n  const start = new Date(\n    new Date().setFullYear(\n      new Date().getFullYear() - 1,\n      new Date().getMonth(),\n      new Date().getDate() + 1,\n    ),\n  );\n  const end = new Date();\n  return { start, end };\n}\n\nconst createDateString = (date: Date): string =>\n  date.toISOString().split('T')[0];\n\nexport type { ContributionData, Week, Period, Theme };\nexport { monthNames, dayNames, createDateString, getLastYearPeriod };\n","import { monthNames, type Period, type Week } from '@/shared/models';\n\nfunction getMonthsForHeader({\n  weeks,\n  period,\n}: {\n  weeks: Week[];\n  period: Period;\n}): {\n  name: string;\n  span: number;\n}[] {\n  const months: { name: string; span: number }[] = [];\n  const { start, end } = period;\n  let currentMonth = -1;\n  let currentSpan = 0;\n\n  weeks.forEach((week) => {\n    if (week.length > 0) {\n      // Find the first day in the week that falls within our actual data range\n      let monthToUse = -1;\n      const actualStartDate = new Date(start);\n      const actualEndDate = new Date(end);\n\n      for (const day of week) {\n        const dayDate = new Date(day.date);\n        if (dayDate >= actualStartDate && dayDate <= actualEndDate) {\n          monthToUse = dayDate.getMonth();\n          break;\n        }\n      }\n\n      // If no day in the week is in our actual range, use the middle day (Wednesday)\n      if (monthToUse === -1) {\n        const middleDay = week[3]; // Wednesday (index 3)\n        monthToUse = new Date(middleDay.date).getMonth();\n      }\n\n      if (monthToUse !== currentMonth) {\n        if (currentMonth !== -1) {\n          months.push({ name: monthNames[currentMonth], span: currentSpan });\n        }\n        currentMonth = monthToUse;\n        currentSpan = 1;\n      } else {\n        currentSpan++;\n      }\n    }\n  });\n\n  if (currentMonth !== -1) {\n    months.push({ name: monthNames[currentMonth], span: currentSpan });\n  }\n\n  // If the last month only has one week, add an extra week for better visual balance\n  if (months.length > 0 && months[months.length - 1].span === 1) {\n    months[months.length - 1].span = 2;\n  }\n\n  return months;\n}\n\nexport { getMonthsForHeader };\n","import type { ContributionData, Period } from '@/shared/models';\n\nfunction isInRange(date: Date, { start, end }: Period): boolean {\n  const actualStartDate = new Date(start);\n  const actualEndDate = new Date(end);\n  const contributionDate = new Date(date);\n\n  return contributionDate > actualStartDate && contributionDate < actualEndDate;\n}\n\nconst formatTooltip = (\n  contribution: ContributionData,\n  { start, end }: Period,\n): string => {\n  const date = new Date(contribution.date);\n  const formattedDate = date.toLocaleDateString('en-US', {\n    weekday: 'short',\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n  });\n\n  if (\n    !isInRange(new Date(contribution.date), { start, end }) ||\n    contribution.count === 0\n  ) {\n    return `${formattedDate}: No contributions`;\n  }\n\n  return `${formattedDate}: ${contribution.count} contribution${contribution.count !== 1 ? 's' : ''}`;\n};\n\nexport { formatTooltip };\n","function Legend(): React.ReactNode {\n  return (\n    <div className=\"contribution-heatmap__legend\">\n      <span className=\"contribution-heatmap__legend-text\">Less</span>\n      {[0, 1, 2, 3, 4].map((level) => (\n        <div\n          key={level}\n          className={`contribution-heatmap__legend-item contribution-heatmap__legend-item--level-${level}`}\n          title={`Level ${level}`}\n        ></div>\n      ))}\n      <span className=\"contribution-heatmap__legend-text\">More</span>\n    </div>\n  );\n}\n\nexport { Legend };\n","import { createDateString, type ContributionData, type Week } from '@/shared/models';\n\nconst createEmptyContribution = (date: string): ContributionData => ({\n  date,\n  count: 0,\n  level: 0,\n});\n\nconst createEmptyWeek = (startDate: Date): Week => {\n  const week: ContributionData[] = [];\n  const currentDate = new Date(startDate);\n  \n  for (let day = 0; day < 7; day++) {\n    const dateString = createDateString(currentDate);\n    week.push(createEmptyContribution(dateString));\n    currentDate.setDate(currentDate.getDate() + 1);\n  }\n\n  return week as Week;\n};\n\n/**\n * Adds an extra empty week if the last month only has one week\n * to match the header span and improve visual balance\n */\nexport function addExtraWeekIfNeeded(weeks: Week[]): Week[] {\n  if (weeks.length === 0) return weeks;\n\n  // Simple approach: always add an extra week at the end for better balance\n  // This ensures the table has an extra column to match the header span\n  const lastWeek = weeks[weeks.length - 1];\n  const lastDate = new Date(lastWeek[6].date); // Saturday of last week\n  const nextWeekStart = new Date(lastDate);\n  nextWeekStart.setDate(lastDate.getDate() + 1); // Next Sunday\n  \n  const extraWeek = createEmptyWeek(nextWeekStart);\n  return [...weeks, extraWeek];\n}","import './index.scss';\nimport type { ContributionData, Period, Week as WeekType } from '../shared/models';\nimport { getMonthsForHeader } from './getMonthsForHeader';\nimport { formatTooltip } from '@/shared/formatTooltip';\nimport { dayNames } from '@/shared/models';\nimport { Legend } from '@/shared/Legend';\nimport { addExtraWeekIfNeeded } from './addExtraWeekIfNeeded';\n\ninterface ContributionHeatmapProps {\n  data: { contribution: ContributionData[]; period: Period; weeks: WeekType[] };\n  className?: string;\n}\n\nfunction ContributionHeatmap({\n  data: { period, weeks },\n  className = '',\n}: ContributionHeatmapProps) {\n  // Add extra week if needed to match header span\n  const adjustedWeeks = addExtraWeekIfNeeded(weeks);\n  const months = getMonthsForHeader({ weeks: adjustedWeeks, period });\n\n  return (\n    <div className={`contribution-heatmap ${className}`}>\n      <table className=\"contribution-heatmap__table\">\n        <thead>\n          <tr>\n            <th className=\"contribution-heatmap__day-header\"></th>\n            {months.map((month, index) => (\n              <th\n                key={index}\n                className=\"contribution-heatmap__month-header\"\n                colSpan={month.span}\n              >\n                {month.name}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {dayNames.map((dayName, dayIndex) => (\n            <tr key={dayIndex}>\n              <td className=\"contribution-heatmap__day-label\">\n                {dayName}\n              </td>\n              {adjustedWeeks.map((week, weekIndex) => {\n                const contribution = week[dayIndex];\n                return (\n                  <td\n                    key={weekIndex}\n                    className={`contribution-heatmap__day contribution-heatmap__day--level-${contribution.level}`}\n                    title={formatTooltip(contribution, period)}\n                    aria-label={formatTooltip(contribution, period)}\n                    role=\"button\"\n                    tabIndex={0}\n                    data-count={contribution.count}\n                    data-date={contribution.date}\n                    style={{ \n                      '--animation-delay': `${(weekIndex * 7 + dayIndex) * 0.005}s` \n                    } as React.CSSProperties}\n                  ></td>\n                );\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n\n      <Legend />\n    </div>\n  );\n}\n\nexport { ContributionHeatmap };\n","import type { ContributionData } from '@/shared/models';\n\nconst isSummerMonth = (month: number) => {\n  return month >= 5 && month <= 7;\n};\n\nexport function createRealisticMockedCount(\n  date: Date,\n): ContributionData['count'] {\n  // Create realistic patterns\n  const dayOfWeek = date.getDay();\n  const isWeekend = dayOfWeek === 0 || dayOfWeek === 6;\n  const month = date.getMonth();\n\n  let baseCount = isWeekend ? 2 : 8;\n\n  // Lower activity in summer months (June, July, August)\n  if (isSummerMonth(month)) {\n    baseCount = Math.max(0, baseCount - 3);\n  }\n\n  // Add some randomness\n  const randomFactor = Math.random();\n  let count = 0;\n\n  if (randomFactor > 0.3) {\n    count = Math.floor(Math.random() * baseCount);\n  }\n\n  // Occasional high activity days\n  if (randomFactor > 0.95) {\n    count += Math.floor(Math.random() * 10);\n  }\n\n  return count;\n}\n","import { createDateString, type ContributionData, type Period } from '@/shared/models';\nimport { createRealisticMockedCount } from './createRealisticMockedCount';\n\nconst getRandomCount = () => Math.floor(Math.random() * 15);\n\nconst getLevel = (count: number): ContributionData['level'] => {\n  let level: 0 | 1 | 2 | 3 | 4 = 0;\n  if (count === 0) level = 0;\n  else if (count <= 2) level = 1;\n  else if (count <= 5) level = 2;\n  else if (count <= 8) level = 3;\n  else level = 4;\n\n  return level;\n};\n\nfunction getRange(period: Period | 'lastYear') {\n  if (period !== 'lastYear') {\n    return period;\n  }\n  const end = new Date(); // Today\n  const start = new Date();\n  start.setFullYear(start.getFullYear() - 1); // One year ago\n  return { start, end };\n}\n\nfunction generateMockData({\n  period,\n  isRealistic,\n}: {\n  period: Period | 'lastYear';\n  isRealistic: boolean;\n}): ContributionData[] {\n  const data: ContributionData[] = [];\n  const { start, end } = getRange(period);\n\n  for (\n    let date = new Date(start);\n    date <= end;\n    date.setDate(date.getDate() + 1)\n  ) {\n    const count = isRealistic\n      ? createRealisticMockedCount(date)\n      : getRandomCount();\n    data.push({\n      date: createDateString(date),\n      count,\n      level: getLevel(count),\n    });\n  }\n\n  return data;\n}\n\nexport { generateMockData };\n","import { createDateString, type ContributionData, type Week } from '@/shared/models';\n\nconst createEmpyContribution = (date: string): ContributionData => ({\n  date,\n  count: 0,\n  level: 0,\n});\n\nconst createContributionMap = (\n  contributions: ContributionData[],\n): Map<string, ContributionData> => {\n  const contributionMap = new Map<string, ContributionData>();\n  contributions.forEach((contribution) => {\n    contributionMap.set(contribution.date, contribution);\n  });\n  return contributionMap;\n};\n\nconst getFirstSunday: (firstDate: Date) => Date = (firstDate) => {\n  const startOfWeek = new Date(firstDate);\n  startOfWeek.setDate(firstDate.getDate() - firstDate.getDay());\n  return startOfWeek;\n};\n\nconst getLastSaturday: (lastDate: Date) => Date = (lastDate) => {\n  const endOfWeek = new Date(lastDate);\n  endOfWeek.setDate(lastDate.getDate() + (6 - lastDate.getDay()));\n  return endOfWeek;\n};\n\nconst createWeek = (\n  startDate: Date,\n  contributionMap: Map<string, ContributionData>,\n): Week => {\n  const week: ContributionData[] = [];\n  const currentDate = new Date(startDate);\n  for (let day = 0; day < 7; day++) {\n    const dateString = createDateString(currentDate);\n    const contribution = contributionMap.get(dateString);\n\n    if (contribution) {\n      week.push(contribution);\n    } else {\n      week.push(createEmpyContribution(dateString));\n    }\n    currentDate.setDate(currentDate.getDate() + 1);\n  }\n\n  return week as Week;\n};\n\nconst groupByWeeks: (contributions: ContributionData[]) => Week[] = (\n  contributions,\n) => {\n  const weeks: Week[] = [];\n  const contributionMap = createContributionMap(contributions);\n\n  const firstDay = getFirstSunday(new Date(contributions[0].date));\n  const lastDate = getLastSaturday(\n    new Date(contributions[contributions.length - 1].date),\n  );\n\n  const currentDate = new Date(firstDay);\n  while (currentDate <= lastDate) {\n    weeks.push(createWeek(currentDate, contributionMap));\n    currentDate.setDate(currentDate.getDate() + 7);\n  }\n\n  return weeks;\n};\n\nexport { groupByWeeks };\n","import './controlGroups.scss';\nimport type { Theme } from '@/shared/models';\n\nexport function ControlGroups({\n  actions: { theme, setTheme, hasRealisticData, setHasRealisticData },\n}: {\n  actions: {\n    theme: Theme;\n    setTheme: (theme: Theme) => void;\n    hasRealisticData: boolean;\n    setHasRealisticData: (use: boolean) => void;\n  };\n}) {\n  return (\n    <>\n      <div className=\"control-group\">\n        <label className=\"control-group__label\">Theme:</label>\n        <div className=\"control-group__buttons\">\n          <button\n            className={`theme-button ${theme === '' ? 'theme-button--active' : ''}`}\n            onClick={() => setTheme('')}\n          >\n            GitHub\n          </button>\n          <button\n            className={`theme-button ${theme === 'ocean' ? 'theme-button--active' : ''}`}\n            onClick={() => setTheme('ocean')}\n          >\n            Ocean\n          </button>\n          <button\n            className={`theme-button ${theme === 'sunset' ? 'theme-button--active' : ''}`}\n            onClick={() => setTheme('sunset')}\n          >\n            Sunset\n          </button>\n          <button\n            className={`theme-button ${theme === 'purple' ? 'theme-button--active' : ''}`}\n            onClick={() => setTheme('purple')}\n          >\n            Purple\n          </button>\n        </div>\n      </div>\n      <div className=\"control-group\">\n        <label className=\"control-group__checkbox\">\n          <input\n            type=\"checkbox\"\n            checked={hasRealisticData}\n            onChange={(e) => setHasRealisticData(e.target.checked)}\n          />\n          Use realistic sample data\n        </label>\n      </div>\n    </>\n  );\n}\n","import { useState } from 'react';\nimport { ContributionHeatmap } from '@/ContributionHeatmap';\nimport { generateMockData } from '@/mocks/generateMockData';\nimport { getLastYearPeriod, type Theme } from '@/shared/models';\nimport { groupByWeeks } from '@/shared/groupByWeeks';\nimport './index.scss';\nimport { ControlGroups } from './ControlGroups';\n\nconst sampleData = generateMockData({ period: 'lastYear', isRealistic: true });\nconst period = getLastYearPeriod();\n\nfunction ContributionHeatmapExample() {\n  const [theme, setTheme] = useState<Theme>('');\n  const [hasRealisticData, setHasRealisticData] = useState(false);\n\n  const contribution = hasRealisticData\n    ? sampleData\n    : generateMockData({\n        period,\n        isRealistic: false,\n      });\n\n  return (\n    <>\n      <div className=\"example__controls\">\n        <ControlGroups\n          actions={{ theme, setTheme, hasRealisticData, setHasRealisticData }}\n        />\n      </div>\n\n      <div className=\"example__heatmap\">\n        <ContributionHeatmap\n          className={theme ? `contribution-heatmap--${theme}` : ''}\n          data={{\n            weeks: groupByWeeks(contribution),\n            contribution,\n            period,\n          }}\n        />\n      </div>\n    </>\n  );\n}\n\nexport { ContributionHeatmapExample };\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pearpages/heatmap",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "repository": {
     "type": "git",
     "url": "https://github.com/pearpages/heatmap"