vibe-design-system 2.5.35 → 2.5.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibe-design-system",
-  "version": "2.5.35",
+  "version": "2.5.37",
   "description": "Auto-generate design systems for vibe coding projects",
   "type": "module",
   "bin": {

package/vds-core-template/README.md

@@ -76,6 +76,7 @@ Kullanıcının her projede ayrı ayrı provider eklemesi, manuel story düzeltm
 | **Failed to fetch dynamically imported module: …/X.stories.tsx** | Story dosyası yüklenemiyor. En güncel VDS template’i kullanıp story’leri yeniden üretin: `npm run vds:stories`. Eski template’te statik import vardı; yeni sürümde dinamik import + catch kullanılıyor. |
 | **Cannot read properties of undefined (reading 'dateRange')** (örn. TimeFilterPanel) | `filters` / `dateRange` varsayılanı generator’da var. `npm run vds:stories` tekrar çalıştırın; hâlâ olursa ilgili story’de `args.filters` veya `args.dateRange` manuel ekleyin. |
 | **Cannot read properties of undefined (reading 'toString')** (örn. TaskEstimateInput) | `estimate` / sayısal proplar için varsayılan eklendi. `npm run vds:stories` ile story’leri yenileyin. |
+| **RangeError: Invalid time value** (örn. TimeTable) | entries/rows/logs için mock öğelere geçerli ISO tarih eklendi. `npm run vds:stories` ile yenileyin. |
 | **Başlık/component boş** (örn. UnlockModuleModal) | Modal/drawer için `isOpen` veya `open: true` varsayılanı veriliyor. Story’leri yeniden üretin; gerekirse o story’de `args.open = true` veya `args.isOpen = true` kontrol edin. |
 
 Genel adım: `vibe-design-system` güncel olsun, sonra proje kökünde **`npm run vds:stories`** çalıştırıp Storybook’u yeniden başlatın.

package/vds-core-template/story-generator.mjs

@@ -552,7 +552,11 @@ function isDateLikeField(name) {
 /** Build 2-3 mock items for array prop from component source (item type fields). Uses valid ISO date strings for date-like fields to avoid "Invalid time value". */
 function buildMockArrayItems(componentSource, itemTypeName, propName) {
   const fields = getItemTypeFieldsFromSource(componentSource, itemTypeName);
-  const defaultFields = ["label", "value", "title", "id", "name", "description"];
+  const propLower = (propName || "").toLowerCase();
+  const looksLikeTimeEntries = /entries|rows|logs|data|items|times/.test(propLower) || /time|table|log/.test(propLower);
+  const defaultFields = looksLikeTimeEntries
+    ? ["id", "date", "start", "end", "title", "value"]
+    : ["label", "value", "title", "id", "name", "description"];
   const useFields = fields.length ? fields : defaultFields;
   const items = [];
   const baseDate = new Date("2024-01-15T12:00:00.000Z").getTime();
@@ -562,6 +566,7 @@ function buildMockArrayItems(componentSource, itemTypeName, propName) {
       if (f === "id") item[f] = String(i);
       else if (f === "value") item[f] = String(100 - i * 25);
       else if (isDateLikeField(f)) item[f] = new Date(baseDate + i * 86400000).toISOString();
+      else if (looksLikeTimeEntries && /date|time|start|end/.test((f || "").toLowerCase())) item[f] = new Date(baseDate + i * 86400000).toISOString();
       else item[f] = `Example ${i}`;
     }
     items.push(item);
@@ -682,7 +687,7 @@ function buildDefaultArgsForRequiredProps(props, usageFromPages = null, componen
       }
     }
     // Optional props that often cause "reading X of undefined" or "reading 'toString'" in Storybook if missing
-    const NUMBER_LIKE_OPTIONAL = new Set(["value", "amount", "total", "count", "hours", "minutes", "progress", "percent", "visibility", "estimate"]);
+    const NUMBER_LIKE_OPTIONAL = new Set(["value", "amount", "total", "count", "hours", "minutes", "progress", "percent", "visibility", "estimate", "initialValue", "defaultValue", "currentValue", "initialEstimate", "defaultEstimate"]);
     const DATE_RANGE_DEFAULT = `{ dateRange: { from: new Date().toISOString(), to: new Date().toISOString() } }`;
     for (const p of props) {
       const type = String(p.type || "").trim();
@@ -720,6 +725,15 @@ function buildDefaultArgsForRequiredProps(props, usageFromPages = null, componen
         added.add(name);
       }
     }
+    // TaskEstimateInput etc.: ensure task, estimate, value always have safe defaults (avoid .toString() on undefined)
+    if (componentName && /Task|Estimate|Input/i.test(componentName)) {
+      for (const key of ["task", "estimate", "value"]) {
+        if (added.has(key)) continue;
+        if (key === "task") argLines.push(`    task: { id: "1", title: "Example", estimate: 0 },`);
+        else argLines.push(`    ${key}: 0,`);
+        added.add(key);
+      }
+    }
   }
   for (const name of Object.keys(fromPages)) {
     if (added.has(name)) continue;