@caratlogic/design-system 0.1.39 → 0.1.40

package/dist/components/inventory/AuditTimeline.d.ts

@@ -35,7 +35,11 @@ export interface PillData {
     newVal?: string;
     /** 'added' = green item pill, 'removed' = red item pill */
     variant?: 'added' | 'removed';
+    /** Set for rich-text fields, which show what happened instead of a value. */
+    changeNote?: 'added' | 'updated' | 'removed';
 }
+/** "Customer Notes were updated" / "Description was added". */
+export declare function richTextChangeText(pill: PillData): string;
 export declare function getChangePills(row: AuditRow, config: AuditCellConfig): PillData[];
 export declare function ChangePill({ pill }: {
     pill: PillData;

package/dist/components/inventory/AuditTimeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuditTimeline.d.ts","sourceRoot":"","sources":["../../../src/components/inventory/AuditTimeline.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AuditTimeline.d.ts","sourceRoot":"","sources":["../../../src/components/inventory/AuditTimeline.tsx"],"names":[],"mappings":"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"}

package/dist/components/organisms/AuditHistoryPanel/AuditHistoryTimeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuditHistoryTimeline.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/AuditHistoryPanel/AuditHistoryTimeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,QAAQ,EAEd,MAAM,sCAAsC,CAAC;AA+J9C,UAAU,yBAAyB;IACjC,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAoD9D,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAW9D,CAAC"}
+{"version":3,"file":"AuditHistoryTimeline.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/AuditHistoryPanel/AuditHistoryTimeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,QAAQ,EAEd,MAAM,sCAAsC,CAAC;AAkK9C,UAAU,yBAAyB;IACjC,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAoD9D,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAW9D,CAAC"}

package/dist/index.cjs.js

@@ -70289,6 +70289,12 @@ function formatPrimitive(val) {
     }
     return null;
 }
+// Rich-text fields (from a formatting editor) are stored as HTML; the timeline names the change
+// without showing the value. Detected by content, since plain-text `notes` (gems, splits) still show.
+const HTML_TAG_RE = /<\/?[a-z][^>]*>/i;
+function isRichText(val) {
+    return typeof val === 'string' && HTML_TAG_RE.test(val);
+}
 const MEDIA_KEYS = new Set(['urls', 'keys']);
 const INTERNAL_KEYS = new Set(['createdAt', 'updatedAt', '__v']);
 function mediaCount(v, singular, plural) {
@@ -70317,6 +70323,10 @@ function flattenRecord(obj, prefix = '') {
         if (INTERNAL_KEYS.has(k))
             continue;
         const label = prefix ? `${prefix} › ${toLabel(k)}` : toLabel(k);
+        if (isRichText(v)) {
+            result.push({ label, value: '', richText: true });
+            continue;
+        }
         if ((k === 'images' || k === 'videos') &&
             typeof v === 'object' &&
             !Array.isArray(v)) {
@@ -70474,8 +70484,13 @@ function generateTitle(row, config) {
             if (productItemsLabel)
                 return `${name} updated ${labels.length} fields and product ${productItemsLabel}`;
             const first = labels[0];
-            const newVal = newEntries.find((e) => e.label === first)?.value;
-            const hasOld = oldEntries.some((e) => e.label === first);
+            const newEntry = newEntries.find((e) => e.label === first);
+            const newVal = newEntry?.value;
+            const oldEntry = oldEntries.find((e) => e.label === first);
+            const hasOld = !!oldEntry;
+            const richChange = richTextChange(oldEntry, newEntry);
+            if (totalCount === 1 && richChange)
+                return `${name} ${richChange} ${first}`;
             if (totalCount === 1)
                 return hasOld
                     ? `${name} updated ${first} to ${newVal ?? '—'}`
@@ -70589,14 +70604,25 @@ function generateActorAction(row, config) {
             return `performed ${row.action}`;
     }
 }
+/** "Customer Notes were updated" / "Description was added". */
+function richTextChangeText(pill) {
+    const verb = /s$/i.test(pill.label) ? 'were' : 'was';
+    return `${pill.label} ${verb} ${pill.changeNote}`;
+}
+function richTextChange(oldEntry, newEntry) {
+    if (!oldEntry?.richText && !newEntry?.richText)
+        return undefined;
+    if (oldEntry && newEntry)
+        return 'updated';
+    return newEntry ? 'added' : 'removed';
+}
 function getChangePills(row, config) {
     const oldV = row.oldValue;
     const newV = row.newValue;
     if (row.action === 'CREATE') {
-        return (newV ? flattenRecord(newV) : []).map((e) => ({
-            label: e.label,
-            newVal: e.value,
-        }));
+        return (newV ? flattenRecord(newV) : []).map((e) => e.richText
+            ? { label: e.label, changeNote: 'added' }
+            : { label: e.label, newVal: e.value });
     }
     if (row.action === 'UPDATE') {
         const pills = [];
@@ -70621,13 +70647,14 @@ function getChangePills(row, config) {
                 ...newEntries.map((e) => e.label),
             ]),
         ];
-        const oldMap = Object.fromEntries(oldEntries.map((e) => [e.label, e.value]));
-        const newMap = Object.fromEntries(newEntries.map((e) => [e.label, e.value]));
-        pills.push(...labels.map((label) => ({
-            label,
-            oldVal: oldMap[label],
-            newVal: newMap[label],
-        })));
+        const oldMap = Object.fromEntries(oldEntries.map((e) => [e.label, e]));
+        const newMap = Object.fromEntries(newEntries.map((e) => [e.label, e]));
+        pills.push(...labels.map((label) => {
+            const changeNote = richTextChange(oldMap[label], newMap[label]);
+            return changeNote
+                ? { label, changeNote }
+                : { label, oldVal: oldMap[label]?.value, newVal: newMap[label]?.value };
+        }));
         // Handle structured productItems: added / removed / updated
         if (hasStructuredItems) {
             const structured = newProductItems;
@@ -70771,10 +70798,13 @@ function getEntryNotes(row, config) {
         row.oldValue?.notes ??
         newV?.notes ??
         mergeParent?.notes;
-    return notes || undefined;
+    return notes && !isRichText(notes) ? notes : undefined;
 }
 // ─── ChangePill ───────────────────────────────────────────────────────────────
 function ChangePill({ pill }) {
+    if (pill.changeNote) {
+        return (jsxRuntime.jsx("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded text-xs border border-border bg-muted text-foreground", children: richTextChangeText(pill) }));
+    }
     const isRemoved = pill.variant === 'removed';
     const isAdded = pill.variant === 'added';
     const isDiff = !isRemoved &&
@@ -70928,6 +70958,9 @@ const PillContent = ({ pill }) => {
     const hasBreadcrumb = labelParts.length > 1;
     const showArrow = pill.oldVal !== undefined && pill.newVal !== undefined;
     const hasOnlyNew = pill.newVal !== undefined && pill.oldVal === undefined;
+    if (pill.changeNote) {
+        return jsxRuntime.jsx("span", { className: "text-foreground", children: richTextChangeText(pill) });
+    }
     if (pill.variant === 'added') {
         return jsxRuntime.jsxs("span", { className: "font-semibold text-primary", children: ["+ ", pill.label] });
     }
@@ -80109,6 +80142,7 @@ exports.renderBadge = renderBadge;
 exports.resolveCountryCode = resolveCountryCode;
 exports.resolveDatePreset = resolveDatePreset;
 exports.resolveDateRange = resolveDateRange;
+exports.richTextChangeText = richTextChangeText;
 exports.splitIdList = splitIdList;
 exports.toAddressFormValues = toAddressFormValues;
 exports.toBoolValue = toBoolValue;