@aiquants/daily-report 0.2.0 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiquants/daily-report",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Reusable daily-report feature package: shared types/schemas, React (Router v7) UI with virtual scrolling + optimistic updates + SSE sync, and a drizzle (mssql) server layer with DI ports (auth, user resolution, redis, external sources).",
   "sideEffects": false,
   "main": "dist/index.js",
@@ -75,8 +75,8 @@
     "react-dom": ">=18",
     "react-router": "^7.0.0",
     "zod": ">=3.25.0 <5.0.0",
-    "@aiquants/swipe-overlay": "^1.2.3",
-    "@aiquants/virtualscroll": "^1.18.3"
+    "@aiquants/virtualscroll": "^1.18.3",
+    "@aiquants/swipe-overlay": "^1.2.3"
   },
   "peerDependenciesMeta": {
     "drizzle-orm": {

package/src/client/components/daily-report-detail-list.tsx

@@ -454,14 +454,11 @@ const DailyReportHeader = ({
     sourceTypeConfigs?: Record<string, SourceTypeConfig>
 }) => (
     <div className="flex flex-wrap items-center gap-2 font-medium text-slate-600 text-xs">
-        <button
-            type="button"
-            onClick={onToggleRead}
-            className="flex h-6 w-6 items-center justify-center rounded-full transition-colors hover:bg-slate-200 focus:outline-none dark:hover:bg-slate-700"
-            title={isRead ? "未読にする" : "既読にする"}
-            data-detail-read-button={report.reportHubId}>
-            {isRead ? <Check className="h-3.5 w-3.5 text-blue-500" /> : <UnreadIndicator className="text-xs" />}
-        </button>
+        {(() => {
+            const sourceType = report.sourceType
+            const sourceConfig = sourceType ? sourceTypeConfigs?.[sourceType] : undefined
+            return sourceConfig ? <span className={cn("inline-flex items-center rounded px-2 py-0.5 font-semibold text-[10px] tracking-wide", sourceConfig.badgeClassName)}>{sourceConfig.label}</span> : null
+        })()}
         <button
             type="button"
             onClick={onToggleStar}
@@ -470,6 +467,14 @@ const DailyReportHeader = ({
             data-detail-star-button={report.reportHubId}>
             {isStarred ? <Star className="h-3.5 w-3.5 fill-yellow-400 text-yellow-400" /> : <Star className="h-3.5 w-3.5 text-slate-300 dark:text-slate-500" />}
         </button>
+        <button
+            type="button"
+            onClick={onToggleRead}
+            className="flex h-6 w-6 items-center justify-center rounded-full transition-colors hover:bg-slate-200 focus:outline-none dark:hover:bg-slate-700"
+            title={isRead ? "未読にする" : "既読にする"}
+            data-detail-read-button={report.reportHubId}>
+            {isRead ? <Check className="h-3.5 w-3.5 text-blue-500" /> : <UnreadIndicator className="text-xs" />}
+        </button>
         {isMine && (
             <button type="button" onClick={onDelete} data-detail-delete-button={report.reportHubId} className="text-lg leading-none transition-transform focus:outline-none active:scale-125" title="削除する">
                 <Trash2 className="h-4 w-4 text-slate-300 hover:text-red-500" />
@@ -479,11 +484,7 @@ const DailyReportHeader = ({
             <span className="text-[10px] text-blue-500 uppercase tracking-wide">{fieldLabels.id}</span>
             {report.reportHubId}
         </span>
-        {(() => {
-            const sourceType = report.sourceType
-            const sourceConfig = sourceType ? sourceTypeConfigs?.[sourceType] : undefined
-            return sourceConfig ? <span className={cn("inline-flex items-center rounded px-2 py-0.5 font-semibold text-[10px] tracking-wide", sourceConfig.badgeClassName)}>{sourceConfig.label}</span> : null
-        })()}
+
         <span className="inline-flex items-center gap-1 whitespace-nowrap rounded-full bg-slate-100 px-3 py-1">
             <span className="text-[10px] text-slate-400 uppercase tracking-wide">{fieldLabels.businessDate}</span>
             {formatToIsoDate(report.date)}

package/src/client/components/daily-report-list.tsx

@@ -995,12 +995,12 @@ const ListReportItem = ({ item, isActive, onSelect }: { item: DailyReportItem; i
                     <span className="inline-flex min-w-0 max-w-full items-center rounded-full bg-slate-100 px-3 py-1 font-semibold text-xs dark:bg-slate-800 dark:text-slate-200">
                         <span className="truncate font-medium text-slate-900 dark:text-slate-100">{creator}</span>
                     </span>
-                    {(() => {
-                        const sourceType = report?.sourceType
-                        const sourceConfig = sourceType ? sourceTypeConfigs?.[sourceType] : undefined
-                        return sourceConfig ? <span className={cn("inline-flex shrink-0 items-center rounded px-2 py-0.5 font-semibold text-[10px] tracking-wide", sourceConfig.badgeClassName)}>{sourceConfig.label}</span> : null
-                    })()}
                     <div className="ml-auto flex items-center gap-1.5">
+                        {(() => {
+                            const sourceType = report?.sourceType
+                            const sourceConfig = sourceType ? sourceTypeConfigs?.[sourceType] : undefined
+                            return sourceConfig ? <span className={cn("inline-flex shrink-0 items-center rounded px-2 py-0.5 font-semibold text-[10px] tracking-wide", sourceConfig.badgeClassName)}>{sourceConfig.label}</span> : null
+                        })()}
                         <button
                             type="button"
                             title={report.isStarred ? "スターを外す" : "スターを付ける"}