@caratlogic/design-system 0.1.38 → 0.1.40

package/dist/index.esm.js

@@ -15484,7 +15484,10 @@ function formatRuleValue(value, unit) {
     const number = value.toLocaleString('en-US', { maximumFractionDigits: 2 });
     if (!unit)
         return number;
-    return unit === '%' ? `${number}%` : `${number} ${unit}`;
+    // Symbols sit right after the number (`60%`, `34°`); words take a space (`2 ct`).
+    return unit === '%' || unit === '°'
+        ? `${number}${unit}`
+        : `${number} ${unit}`;
 }
 /** The help popover's rule list for a column's typical range; rules use short numbers (`1k`) that the field accepts as typed. */
 function buildNumberRuleHelp({ low, high, exact, unit, } = DEFAULT_NUMBER_RULE_EXAMPLES) {
@@ -15739,8 +15742,10 @@ function getPanelClassName(variant, active, className) {
     return cn('flex min-w-0 flex-col gap-3', variant === 'card' && 'rounded-xl border bg-card p-4', variant === 'card' && (active ? 'border-primary' : 'border-border'), variant === 'popover' && 'p-3', className);
 }
 function getTitleClassName(variant) {
-    return cn('flex items-center gap-2 text-foreground', variant === 'section'
-        ? 'text-xs font-medium text-label'
+    return cn('flex items-center gap-2 text-foreground', 
+    // A section title is a field name: between the card title and grey helper text.
+    variant === 'section'
+        ? 'text-xs font-medium text-foreground/70'
         : 'text-sm font-semibold');
 }
 
@@ -70254,6 +70259,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) {
@@ -70282,6 +70293,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)) {
@@ -70439,8 +70454,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 ?? '—'}`
@@ -70554,14 +70574,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 = [];
@@ -70586,13 +70617,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;
@@ -70736,10 +70768,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 (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 &&
@@ -70893,6 +70928,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 jsx("span", { className: "text-foreground", children: richTextChangeText(pill) });
+    }
     if (pill.variant === 'added') {
         return jsxs("span", { className: "font-semibold text-primary", children: ["+ ", pill.label] });
     }
@@ -79792,5 +79830,5 @@ var RichTextAreaImpl = /*#__PURE__*/Object.freeze({
   RichTextarea: RichTextarea
 });
 
-export { ACTIVITY_CATEGORIES, ACTIVITY_CATEGORY_META, ActionBadge, ActionButtonWithTooltip, ActiveFilterChips, ActivityFeed, AdvancedSearchDrawer, Alert, ApiComboBox, AppSidebar, AuditEntryCard, AuditHistoryPanel, AuditTimeline, AuditTimelineShimmer, Badge, BadgeType, BusinessContactStatusFilter, Button, CUSTOMER_AUDIT_CONFIG, CertificateRowList, ChangePill, Collapsible, CollapsibleCard, CollapsibleContent, CollapsibleTrigger, CompanyCard, ConfirmDialog, ContactTypeFilter, ContainsFilter, CopyButton, CountrySelect, CreateFormPageHeader, CreateFormPageShell, CurrencyDisplayTabs, CurrencyInput, CurrencyToggle, CustomCombobox, CustomFieldInput, CustomFieldValue, CustomTable, CustomizeColumnsDrawer, DATE_PRESET_OPTIONS, DIAMOND_AUDIT_CONFIG, DashboardShell, DataEditableTable, DataTable, DateInput, DateRangeFilter, DetailChip, DetailPageLayout, DetailPageSkeleton, DetailSection, DocumentDeleteDialog, DocumentDetailSkeleton, DocumentHero, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyValue, EntityHeader, FILTER_COUNT_BADGE_CLASS_NAME, Field, FieldSkeleton, FileUploader, FilterCardSkeleton, FilterCellPopover, FilterEmptyState, FilterField, FilterFieldCard, FilterFieldCell, FilterFieldControl, FilterMultiSelect, FilterPanel, FilterSelect, FilterSurface, FilterSurfaceGroup, FilterSurfaceMore, FormSectionCard, FormSectionCardSkeleton, GEM_AUDIT_CONFIG, HistoryEntryCard, HistoryTimeline, HistoryTimelineShimmer, INVOICE_AUDIT_CONFIG, IconButton, IdHyperlinkText, IdListInput, InAppNotificationCard, InAppNotificationsPanel, InfoBanner, InventoryComboBox, InventoryItemCard, InventoryItemRow, InvoiceComboBox, KYCStatusFilter, KeyValueGrid, LAYOUT_AUDIT_CONFIG, LabeledToggle, LineItemsCard, LineProductCell, LineProductThumb, LineProductTypeChip, LineRowActionsMenu, LineTable, LineTableEmpty, MEMO_IN_AUDIT_CONFIG, MEMO_OUT_AUDIT_CONFIG, MediaGallery, MemoInComboBox, MetricCard, MetricRow, MetricTile, Modal, MoreInfoPanel, MoreInfoTrigger, NOT_CAPTURED, Navbar, NavbarActions, NavbarAvatar, NavbarIconButton, NavbarSearch, NavbarTitle, NumberExpressionFilter, NumberInput, NumberRangeInputs, NumberedStepCard, OtpInput, OwnershipFilter, OwnershipSplitCard, PROFORMA_AUDIT_CONFIG, PageHeader, PageTabs, Pagination, PaginationSelect, PartnerShareCard, PickListDropdown, PickListFilter, PriceInput, Protected, PurchaseOrderComboBox, QUOTATION_AUDIT_CONFIG, RadioCardGroup, ReadMoreText, RefreshButton, RichTextarea$1 as RichTextarea, SAVED_SEARCH_NAME_MAX_LENGTH, SEARCHABLE_SELECT_PAGE_SIZE, SafeImage, SaveSearchDialog, SavedSearchChipList, SavedSearchDetail, SavedSearchesMenu, ScaleRangeFilter, ScrollFade, SearchBox, SearchInput, SearchableSelect, SectionCard, SectionIcon, SegmentedControl, ShareDialog, ShareMenu, ShimmerTable, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SlideOut, SlideOutClose, SlideOutContent, SlideOutDescription, SlideOutHeader, SlideOutOverlay, SlideOutPortal, SlideOutTitle, SlideOutTrigger, Slider, SpecList, Spinner, SquareSkeleton, StateSelect, StatusBadge$1 as StatusBadge, StatusFilter, Stepper, StockTypeFilter, TablePagination, TableRowsSkeleton, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, TextHyperlink, TimePicker, ToggleSwitch, TriStateFilter, TruncateTooltip, TruncatedLabel, WarehouseComboBox, WarehouseFilter, ZoomSplitViewer, asList, asText, badgeVariants, buildBulkShareMessage, buildBulkShareTitle, buildInventoryPublicUrl, buildInventoryRowProps, buildInventoryShareTitle, buildNumberRuleHelp, buildWhatsappUrl, buttonVariants, cn, countries, countryByCode, createVideoMediaItem, describeFilterValue, dropdownMenuItemDestructiveClass, expandScaleRange, fieldTypeIcon, filterSavedSearches, findRegion, flagEmoji, formatAddressLocation, formatDateRange, formatFileSize, formatNumberRange, formatScaleRange, formatSelectedCount, generateActionDescription, generateTitle, getBadgeTypeForStatus, getChangePills, getCountryName, getInitials, getStatesOfCountry, iconButtonVariants, inAppNotificationCardA11y, inAppNotificationsPanelA11y, isBlank, isDuplicateSearchName, isFilterValueActive, isIndiaCountry, isKnownRegion, isPathActive, isValidAlpha2CountryCode, isValidSearchName, isValueEmpty, notify, parseNumberExpression, releaseStaleOverlayBodyLock, renderBadge, resolveCountryCode, resolveDatePreset, resolveDateRange, splitIdList, toAddressFormValues, toBoolValue, toContainsValue, toDateValue, toIdsValue, toListValue, toNumberValue, toScaleValue, useAuditShowMore, useBadge, useButton, useDropdownMenu, useInAppNotificationsPanel, useNavbar, useSidebar, valueOfType, videoThumbnailSrc, watchOverlayBodyLock };
+export { ACTIVITY_CATEGORIES, ACTIVITY_CATEGORY_META, ActionBadge, ActionButtonWithTooltip, ActiveFilterChips, ActivityFeed, AdvancedSearchDrawer, Alert, ApiComboBox, AppSidebar, AuditEntryCard, AuditHistoryPanel, AuditTimeline, AuditTimelineShimmer, Badge, BadgeType, BusinessContactStatusFilter, Button, CUSTOMER_AUDIT_CONFIG, CertificateRowList, ChangePill, Collapsible, CollapsibleCard, CollapsibleContent, CollapsibleTrigger, CompanyCard, ConfirmDialog, ContactTypeFilter, ContainsFilter, CopyButton, CountrySelect, CreateFormPageHeader, CreateFormPageShell, CurrencyDisplayTabs, CurrencyInput, CurrencyToggle, CustomCombobox, CustomFieldInput, CustomFieldValue, CustomTable, CustomizeColumnsDrawer, DATE_PRESET_OPTIONS, DIAMOND_AUDIT_CONFIG, DashboardShell, DataEditableTable, DataTable, DateInput, DateRangeFilter, DetailChip, DetailPageLayout, DetailPageSkeleton, DetailSection, DocumentDeleteDialog, DocumentDetailSkeleton, DocumentHero, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyValue, EntityHeader, FILTER_COUNT_BADGE_CLASS_NAME, Field, FieldSkeleton, FileUploader, FilterCardSkeleton, FilterCellPopover, FilterEmptyState, FilterField, FilterFieldCard, FilterFieldCell, FilterFieldControl, FilterMultiSelect, FilterPanel, FilterSelect, FilterSurface, FilterSurfaceGroup, FilterSurfaceMore, FormSectionCard, FormSectionCardSkeleton, GEM_AUDIT_CONFIG, HistoryEntryCard, HistoryTimeline, HistoryTimelineShimmer, INVOICE_AUDIT_CONFIG, IconButton, IdHyperlinkText, IdListInput, InAppNotificationCard, InAppNotificationsPanel, InfoBanner, InventoryComboBox, InventoryItemCard, InventoryItemRow, InvoiceComboBox, KYCStatusFilter, KeyValueGrid, LAYOUT_AUDIT_CONFIG, LabeledToggle, LineItemsCard, LineProductCell, LineProductThumb, LineProductTypeChip, LineRowActionsMenu, LineTable, LineTableEmpty, MEMO_IN_AUDIT_CONFIG, MEMO_OUT_AUDIT_CONFIG, MediaGallery, MemoInComboBox, MetricCard, MetricRow, MetricTile, Modal, MoreInfoPanel, MoreInfoTrigger, NOT_CAPTURED, Navbar, NavbarActions, NavbarAvatar, NavbarIconButton, NavbarSearch, NavbarTitle, NumberExpressionFilter, NumberInput, NumberRangeInputs, NumberedStepCard, OtpInput, OwnershipFilter, OwnershipSplitCard, PROFORMA_AUDIT_CONFIG, PageHeader, PageTabs, Pagination, PaginationSelect, PartnerShareCard, PickListDropdown, PickListFilter, PriceInput, Protected, PurchaseOrderComboBox, QUOTATION_AUDIT_CONFIG, RadioCardGroup, ReadMoreText, RefreshButton, RichTextarea$1 as RichTextarea, SAVED_SEARCH_NAME_MAX_LENGTH, SEARCHABLE_SELECT_PAGE_SIZE, SafeImage, SaveSearchDialog, SavedSearchChipList, SavedSearchDetail, SavedSearchesMenu, ScaleRangeFilter, ScrollFade, SearchBox, SearchInput, SearchableSelect, SectionCard, SectionIcon, SegmentedControl, ShareDialog, ShareMenu, ShimmerTable, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SlideOut, SlideOutClose, SlideOutContent, SlideOutDescription, SlideOutHeader, SlideOutOverlay, SlideOutPortal, SlideOutTitle, SlideOutTrigger, Slider, SpecList, Spinner, SquareSkeleton, StateSelect, StatusBadge$1 as StatusBadge, StatusFilter, Stepper, StockTypeFilter, TablePagination, TableRowsSkeleton, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, TextHyperlink, TimePicker, ToggleSwitch, TriStateFilter, TruncateTooltip, TruncatedLabel, WarehouseComboBox, WarehouseFilter, ZoomSplitViewer, asList, asText, badgeVariants, buildBulkShareMessage, buildBulkShareTitle, buildInventoryPublicUrl, buildInventoryRowProps, buildInventoryShareTitle, buildNumberRuleHelp, buildWhatsappUrl, buttonVariants, cn, countries, countryByCode, createVideoMediaItem, describeFilterValue, dropdownMenuItemDestructiveClass, expandScaleRange, fieldTypeIcon, filterSavedSearches, findRegion, flagEmoji, formatAddressLocation, formatDateRange, formatFileSize, formatNumberRange, formatScaleRange, formatSelectedCount, generateActionDescription, generateTitle, getBadgeTypeForStatus, getChangePills, getCountryName, getInitials, getStatesOfCountry, iconButtonVariants, inAppNotificationCardA11y, inAppNotificationsPanelA11y, isBlank, isDuplicateSearchName, isFilterValueActive, isIndiaCountry, isKnownRegion, isPathActive, isValidAlpha2CountryCode, isValidSearchName, isValueEmpty, notify, parseNumberExpression, releaseStaleOverlayBodyLock, renderBadge, resolveCountryCode, resolveDatePreset, resolveDateRange, richTextChangeText, splitIdList, toAddressFormValues, toBoolValue, toContainsValue, toDateValue, toIdsValue, toListValue, toNumberValue, toScaleValue, useAuditShowMore, useBadge, useButton, useDropdownMenu, useInAppNotificationsPanel, useNavbar, useSidebar, valueOfType, videoThumbnailSrc, watchOverlayBodyLock };
 //# sourceMappingURL=index.esm.js.map