@open-mercato/core 0.7.1-develop.7178.1.ab93fbaf4e → 0.7.1-develop.7180.1.9717fbbb43

package/dist/modules/staff/lib/time-tracking-ui/TaskQuickLog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/time-tracking-ui/TaskQuickLog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ChevronDown, Play, Plus, Square } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Switch } from '@open-mercato/ui/primitives/switch'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { DurationInput, type DurationInputState } from './DurationInput'\n\nexport type QuickLogSubmission = {\n  minutes: number\n  description: string | null\n  date: string\n  isBillable: boolean\n  /** `HH:MM` local clock, or null when the entry carries a duration only. */\n  startClock: string | null\n  endClock: string | null\n}\n\nexport type TaskQuickLogProps = {\n  /** Resolves `true` when the entry was written, which is when the fields clear. */\n  onLog: (submission: QuickLogSubmission) => Promise<boolean>\n  logging: boolean\n  /** The one running timer belongs to this task, so the control offers Stop. */\n  timerRunningHere: boolean\n  /** `01:14:02` while a timer runs here. */\n  elapsed: string | null\n  timerBusy: boolean\n  onStartTimer: () => void\n  onStopTimer: () => void\n  /** `?panel=time` \u2014 \"Add time\" on a board card lands with the field focused. */\n  autoFocus?: boolean\n  disabled?: boolean\n  /** Today in the viewer's own timezone, so the default date is the day they see. */\n  today: string\n  /** `false` when the project bills nothing by default. */\n  billableByDefault?: boolean\n}\n\n/**\n * The quick log of screen 7 (note 1, US-C5), plus the details that note left out.\n *\n * The collapsed form is unchanged and deliberately so: one duration field and\n * **Log**, defaulting to today, the signed-in person and billable. That is the\n * two-second path and the common one, and making it slower to serve the\n * exceptions would be the wrong trade.\n *\n * The exceptions are real, though \u2014 yesterday's forgotten hour and any\n * non-billable hour could not be logged here at all, and nothing logged from the\n * drawer could say what the time went on. **Details** reveals description, date\n * and billable in the same block; the person stays fixed, because logging time\n * for somebody else is a different act with different permissions and belongs to\n * the full form.\n */\nexport function TaskQuickLog({\n  onLog,\n  logging,\n  timerRunningHere,\n  elapsed,\n  timerBusy,\n  onStartTimer,\n  onStopTimer,\n  autoFocus,\n  disabled,\n  today,\n  billableByDefault = true,\n}: TaskQuickLogProps) {\n  const t = useT()\n  const [minutes, setMinutes] = React.useState<number | null>(null)\n  const [status, setStatus] = React.useState<DurationInputState['status']>('empty')\n  const [expanded, setExpanded] = React.useState(false)\n  const [description, setDescription] = React.useState('')\n  const [date, setDate] = React.useState(today)\n  const [startClock, setStartClock] = React.useState('')\n  const [endClock, setEndClock] = React.useState('')\n  const [isBillable, setIsBillable] = React.useState(billableByDefault)\n\n  // The drawer keeps this component mounted across tasks, so a project whose\n  // billing default differs has to be picked up rather than assumed once.\n  React.useEffect(() => { setIsBillable(billableByDefault) }, [billableByDefault])\n  React.useEffect(() => { setDate(today) }, [today])\n\n  const handleChange = React.useCallback((next: number | null, state: DurationInputState) => {\n    setMinutes(next)\n    setStatus(state.status)\n  }, [])\n\n  const submit = React.useCallback(async () => {\n    if (minutes === null || minutes <= 0 || logging || disabled) return\n    if (!date) return\n    const saved = await onLog({\n      minutes,\n      description: description.trim() || null,\n      date,\n      isBillable,\n      startClock: startClock.trim() || null,\n      endClock: endClock.trim() || null,\n    })\n    if (!saved) return\n    // The date and the billable flag survive a save: logging three lines against\n    // yesterday should not mean re-picking yesterday three times. The clocks do\n    // not \u2014 the next block starts somewhere else.\n    setMinutes(null)\n    setDescription('')\n    setStartClock('')\n    setEndClock('')\n  }, [date, description, disabled, endClock, isBillable, logging, minutes, onLog, startClock])\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key !== 'Enter') return\n      event.preventDefault()\n      void submit()\n    },\n    [submit],\n  )\n\n  const canSubmit =\n    !disabled && !logging && status === 'valid' && minutes !== null && minutes > 0 && date.length > 0\n\n  return (\n    <div className=\"flex flex-col gap-2\" data-testid=\"task-drawer-quick-log\">\n      <div className=\"flex flex-wrap items-start gap-2\">\n        <div className=\"w-28\">\n          <DurationInput\n            value={minutes}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            autoFocus={autoFocus}\n            disabled={disabled || logging}\n            inputSize=\"sm\"\n            placeholder={t('staff.time_tracking.taskDrawer.quickLog.placeholder', '1h 40m')}\n            ariaLabel={t('staff.time_tracking.taskDrawer.quickLog.label', 'Time to log')}\n          />\n        </div>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          disabled={!canSubmit}\n          onClick={() => { void submit() }}\n          data-testid=\"task-drawer-quick-log-submit\"\n        >\n          <Plus className=\"size-3.5\" aria-hidden=\"true\" />\n          {t('staff.time_tracking.taskDrawer.quickLog.cta', 'Log')}\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          disabled={disabled}\n          aria-expanded={expanded}\n          onClick={() => { setExpanded((value) => !value) }}\n          data-testid=\"task-drawer-quick-log-toggle\"\n        >\n          <ChevronDown\n            className={`size-3.5 transition-transform ${expanded ? 'rotate-180' : ''}`}\n            aria-hidden=\"true\"\n          />\n          {t('staff.time_tracking.taskDrawer.quickLog.details', 'Details')}\n        </Button>\n        <span className=\"flex-1\" />\n        {timerRunningHere ? (\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            disabled={timerBusy}\n            onClick={onStopTimer}\n            data-testid=\"task-drawer-timer-stop\"\n          >\n            <Square className=\"size-3.5\" aria-hidden=\"true\" />\n            {t('staff.time_tracking.taskDrawer.timer.stop', 'Stop {elapsed}', { elapsed: elapsed ?? '' })}\n          </Button>\n        ) : (\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            disabled={disabled || timerBusy}\n            onClick={onStartTimer}\n            data-testid=\"task-drawer-timer-start\"\n          >\n            <Play className=\"size-3.5\" aria-hidden=\"true\" />\n            {t('staff.time_tracking.taskDrawer.timer.start', 'Start')}\n          </Button>\n        )}\n      </div>\n\n      {expanded ? (\n        <div className=\"flex flex-col gap-2 rounded-md border border-border bg-muted/40 p-2\">\n          <div className=\"flex flex-col gap-1\">\n            <label\n              className=\"text-xs font-medium text-muted-foreground\"\n              htmlFor=\"task-drawer-quick-log-description\"\n            >\n              {t('staff.time_tracking.entryDialog.description', 'Description')}\n            </label>\n            <Input\n              id=\"task-drawer-quick-log-description\"\n              value={description}\n              onChange={(event) => { setDescription(event.target.value) }}\n              onKeyDown={handleKeyDown}\n              disabled={disabled || logging}\n              size=\"sm\"\n              maxLength={2000}\n              placeholder={t(\n                'staff.time_tracking.taskDrawer.quickLog.descriptionPlaceholder',\n                'What did the time go on?',\n              )}\n              data-testid=\"task-drawer-quick-log-description\"\n            />\n          </div>\n          <div className=\"flex flex-wrap items-end gap-3\">\n            <div className=\"flex flex-col gap-1\">\n              <label\n                className=\"text-xs font-medium text-muted-foreground\"\n                htmlFor=\"task-drawer-quick-log-date\"\n              >\n                {t('staff.time_tracking.entryDialog.date', 'Date')}\n              </label>\n              <Input\n                id=\"task-drawer-quick-log-date\"\n                type=\"date\"\n                value={date}\n                onChange={(event) => { setDate(event.target.value) }}\n                disabled={disabled || logging}\n                size=\"sm\"\n                className=\"w-40\"\n                data-testid=\"task-drawer-quick-log-date\"\n              />\n            </div>\n            {/*\n              * The clocks are optional here, unlike the full form's 2-of-3\n              * arithmetic: the duration field above is already authoritative, so\n              * these record *when* the block happened without competing to\n              * recompute it. Left blank, the entry carries a duration only.\n              */}\n            <div className=\"flex flex-col gap-1\">\n              <label\n                className=\"text-xs font-medium text-muted-foreground\"\n                htmlFor=\"task-drawer-quick-log-start\"\n              >\n                {t('staff.time_tracking.entryDialog.start', 'Start')}\n              </label>\n              <Input\n                id=\"task-drawer-quick-log-start\"\n                type=\"time\"\n                value={startClock}\n                onChange={(event) => { setStartClock(event.target.value) }}\n                disabled={disabled || logging}\n                size=\"sm\"\n                className=\"w-28\"\n                inputClassName=\"font-mono tabular-nums\"\n                data-testid=\"task-drawer-quick-log-start\"\n              />\n            </div>\n            <div className=\"flex flex-col gap-1\">\n              <label\n                className=\"text-xs font-medium text-muted-foreground\"\n                htmlFor=\"task-drawer-quick-log-end\"\n              >\n                {t('staff.time_tracking.entryDialog.end', 'End')}\n              </label>\n              <Input\n                id=\"task-drawer-quick-log-end\"\n                type=\"time\"\n                value={endClock}\n                onChange={(event) => { setEndClock(event.target.value) }}\n                disabled={disabled || logging}\n                size=\"sm\"\n                className=\"w-28\"\n                inputClassName=\"font-mono tabular-nums\"\n                data-testid=\"task-drawer-quick-log-end\"\n              />\n            </div>\n            <div className=\"flex items-center gap-2 pb-1\">\n              <Switch\n                checked={isBillable}\n                onCheckedChange={setIsBillable}\n                disabled={disabled || logging}\n                aria-label={t('staff.time_tracking.entryDialog.billable', 'Billable')}\n                data-testid=\"task-drawer-quick-log-billable\"\n              />\n              <span className=\"text-xs text-foreground\">\n                {t('staff.time_tracking.entryDialog.billable', 'Billable')}\n              </span>\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport default TaskQuickLog\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/staff/lib/time-tracking-ui/TimeEntriesSummaryFooter.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { z } from "zod";
+import { registerComponent } from "@open-mercato/shared/modules/widgets/component-registry";
+import { useRegisteredComponent } from "@open-mercato/ui/backend/injection/useRegisteredComponent";
+import { extensionPoints } from "@open-mercato/core/modules/staff/extension-points";
+import { opaqueProp } from "../time-tracking/componentContracts.js";
+import { formatCurrency } from "@open-mercato/ui/utils/format";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { formatDuration } from "../time-tracking/duration.js";
+function DefaultTimeEntriesSummaryFooter({ summary, totalCount, canSeeMoney }) {
+  const t = useT();
+  const money = canSeeMoney ? summary.money : [];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "mt-2 flex flex-wrap items-center justify-end gap-x-4 gap-y-1 rounded-md border border-border bg-muted/40 px-4 py-2 text-sm",
+      "data-testid": "entries-summary-footer",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("staff.time_tracking.entries.summary.count", "Total ({visible} of {total} entries)", {
+          visible: summary.visibleCount,
+          total: totalCount
+        }) }),
+        /* @__PURE__ */ jsx("span", { className: "font-mono font-semibold tabular-nums text-foreground", "data-testid": "entries-summary-duration", children: formatDuration(summary.totalMinutes, "clock") }),
+        money.length > 1 ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "flex flex-wrap items-center gap-x-3 gap-y-1",
+            "data-testid": "entries-summary-money-multi",
+            title: t(
+              "staff.time_tracking.entries.summary.multiCurrencyHint",
+              "These entries are billed in more than one currency, so they are shown separately instead of added up."
+            ),
+            children: money.map((subtotal) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "font-mono tabular-nums text-foreground",
+                "data-testid": "entries-summary-money",
+                children: formatCurrency(subtotal.amount, subtotal.currencyCode) ?? String(subtotal.amount)
+              },
+              subtotal.currencyCode ?? "unknown"
+            ))
+          }
+        ) : money.length === 1 ? /* @__PURE__ */ jsx("span", { className: "font-mono tabular-nums text-foreground", "data-testid": "entries-summary-money", children: formatCurrency(money[0].amount, money[0].currencyCode) ?? String(money[0].amount) }) : null
+      ]
+    }
+  );
+}
+const timeEntriesSummaryFooterPropsSchema = z.object({
+  summary: opaqueProp(),
+  totalCount: z.number(),
+  canSeeMoney: z.boolean()
+});
+registerComponent({
+  id: extensionPoints.hosts.entriesSummaryFooterComponent.componentId,
+  component: DefaultTimeEntriesSummaryFooter,
+  metadata: {
+    module: "staff",
+    description: "Totals footer under the time-entries table.",
+    propsSchema: timeEntriesSummaryFooterPropsSchema
+  }
+});
+function TimeEntriesSummaryFooter(props) {
+  const Resolved = useRegisteredComponent(
+    extensionPoints.hosts.entriesSummaryFooterComponent.componentId,
+    DefaultTimeEntriesSummaryFooter
+  );
+  return /* @__PURE__ */ jsx(Resolved, { ...props });
+}
+export {
+  TimeEntriesSummaryFooter
+};
+//# sourceMappingURL=TimeEntriesSummaryFooter.js.map

package/dist/modules/staff/lib/time-tracking-ui/TimeEntriesSummaryFooter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/time-tracking-ui/TimeEntriesSummaryFooter.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { z } from 'zod'\nimport { registerComponent } from '@open-mercato/shared/modules/widgets/component-registry'\nimport { useRegisteredComponent } from '@open-mercato/ui/backend/injection/useRegisteredComponent'\nimport { extensionPoints } from '@open-mercato/core/modules/staff/extension-points'\nimport { opaqueProp } from '../time-tracking/componentContracts'\nimport { formatCurrency } from '@open-mercato/ui/utils/format'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { formatDuration } from '../time-tracking/duration'\nimport type { TimeEntriesSummary } from './timeEntryListData'\n\n/**\n * The mockup's table footer: `Razem (5 z 23 wpis\u00F3w) \u00B7 15:15 \u00B7 4 315,00 PLN`.\n *\n * The money half is deliberately conditional. When the visible rows carry more\n * than one currency there is no such thing as \"the total\", so the footer prints\n * each currency's subtotal side by side instead of a single figure. Adding\n * 1 000 PLN to 200 EUR produces a number that is arithmetically defensible and\n * financially false, and a footer is exactly where somebody would trust it.\n */\nexport type TimeEntriesSummaryFooterProps = {\n  summary: TimeEntriesSummary\n  totalCount: number\n  canSeeMoney: boolean\n}\n\nfunction DefaultTimeEntriesSummaryFooter({ summary, totalCount, canSeeMoney }: TimeEntriesSummaryFooterProps) {\n  const t = useT()\n  const money = canSeeMoney ? summary.money : []\n\n  return (\n    <div\n      className=\"mt-2 flex flex-wrap items-center justify-end gap-x-4 gap-y-1 rounded-md border border-border bg-muted/40 px-4 py-2 text-sm\"\n      data-testid=\"entries-summary-footer\"\n    >\n      <span className=\"text-muted-foreground\">\n        {t('staff.time_tracking.entries.summary.count', 'Total ({visible} of {total} entries)', {\n          visible: summary.visibleCount,\n          total: totalCount,\n        })}\n      </span>\n      <span className=\"font-mono font-semibold tabular-nums text-foreground\" data-testid=\"entries-summary-duration\">\n        {formatDuration(summary.totalMinutes, 'clock')}\n      </span>\n      {money.length > 1 ? (\n        <span\n          className=\"flex flex-wrap items-center gap-x-3 gap-y-1\"\n          data-testid=\"entries-summary-money-multi\"\n          title={t(\n            'staff.time_tracking.entries.summary.multiCurrencyHint',\n            'These entries are billed in more than one currency, so they are shown separately instead of added up.',\n          )}\n        >\n          {money.map((subtotal) => (\n            <span\n              key={subtotal.currencyCode ?? 'unknown'}\n              className=\"font-mono tabular-nums text-foreground\"\n              data-testid=\"entries-summary-money\"\n            >\n              {formatCurrency(subtotal.amount, subtotal.currencyCode) ?? String(subtotal.amount)}\n            </span>\n          ))}\n        </span>\n      ) : money.length === 1 ? (\n        <span className=\"font-mono tabular-nums text-foreground\" data-testid=\"entries-summary-money\">\n          {formatCurrency(money[0].amount, money[0].currencyCode) ?? String(money[0].amount)}\n        </span>\n      ) : null}\n    </div>\n  )\n}\n\nconst timeEntriesSummaryFooterPropsSchema: z.ZodType<TimeEntriesSummaryFooterProps> = z.object({\n  summary: opaqueProp<TimeEntriesSummary>(),\n  totalCount: z.number(),\n  canSeeMoney: z.boolean(),\n})\n\nregisterComponent<TimeEntriesSummaryFooterProps>({\n  id: extensionPoints.hosts.entriesSummaryFooterComponent.componentId,\n  component: DefaultTimeEntriesSummaryFooter,\n  metadata: {\n    module: 'staff',\n    description: 'Totals footer under the time-entries table.',\n    propsSchema: timeEntriesSummaryFooterPropsSchema,\n  },\n})\n\nexport function TimeEntriesSummaryFooter(props: TimeEntriesSummaryFooterProps) {\n  const Resolved = useRegisteredComponent<TimeEntriesSummaryFooterProps>(\n    extensionPoints.hosts.entriesSummaryFooterComponent.componentId,\n    DefaultTimeEntriesSummaryFooter,\n  )\n  return <Resolved {...props} />\n}\n"],
+  "mappings": ";AAiCI,SAIE,KAJF;AA9BJ,SAAS,SAAS;AAClB,SAAS,yBAAyB;AAClC,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAkB/B,SAAS,gCAAgC,EAAE,SAAS,YAAY,YAAY,GAAkC;AAC5G,QAAM,IAAI,KAAK;AACf,QAAM,QAAQ,cAAc,QAAQ,QAAQ,CAAC;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MAEZ;AAAA,4BAAC,UAAK,WAAU,yBACb,YAAE,6CAA6C,wCAAwC;AAAA,UACtF,SAAS,QAAQ;AAAA,UACjB,OAAO;AAAA,QACT,CAAC,GACH;AAAA,QACA,oBAAC,UAAK,WAAU,wDAAuD,eAAY,4BAChF,yBAAe,QAAQ,cAAc,OAAO,GAC/C;AAAA,QACC,MAAM,SAAS,IACd;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,OAAO;AAAA,cACL;AAAA,cACA;AAAA,YACF;AAAA,YAEC,gBAAM,IAAI,CAAC,aACV;AAAA,cAAC;AAAA;AAAA,gBAEC,WAAU;AAAA,gBACV,eAAY;AAAA,gBAEX,yBAAe,SAAS,QAAQ,SAAS,YAAY,KAAK,OAAO,SAAS,MAAM;AAAA;AAAA,cAJ5E,SAAS,gBAAgB;AAAA,YAKhC,CACD;AAAA;AAAA,QACH,IACE,MAAM,WAAW,IACnB,oBAAC,UAAK,WAAU,0CAAyC,eAAY,yBAClE,yBAAe,MAAM,CAAC,EAAE,QAAQ,MAAM,CAAC,EAAE,YAAY,KAAK,OAAO,MAAM,CAAC,EAAE,MAAM,GACnF,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AAEA,MAAM,sCAAgF,EAAE,OAAO;AAAA,EAC7F,SAAS,WAA+B;AAAA,EACxC,YAAY,EAAE,OAAO;AAAA,EACrB,aAAa,EAAE,QAAQ;AACzB,CAAC;AAED,kBAAiD;AAAA,EAC/C,IAAI,gBAAgB,MAAM,8BAA8B;AAAA,EACxD,WAAW;AAAA,EACX,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,aAAa;AAAA,EACf;AACF,CAAC;AAEM,SAAS,yBAAyB,OAAsC;AAC7E,QAAM,WAAW;AAAA,IACf,gBAAgB,MAAM,8BAA8B;AAAA,IACpD;AAAA,EACF;AACA,SAAO,oBAAC,YAAU,GAAG,OAAO;AAC9B;",
+  "names": []
+}