@crisp-ui-kit/crisp 0.55.5 → 0.55.6

package/dist/cjs/components/datatable/datatable.js

@@ -459,11 +459,20 @@ function renderTyped(col, value, avatarTone, row, display, locale = "en-US", ope
                         return ((0, jsx_runtime_1.jsxs)("a", { className: "crisp-datatable-phone-link", href: `tel:+${country?.dialCode ?? ""}${p.digits}`, onClick: (ev) => ev.stopPropagation(), children: ["+", country?.dialCode ?? "?", p.digits] }, `${p.iso2}|${p.digits}`));
                     }) }));
             }
+            // crisp/#854, confirmed live -- Attio's real read-only phone cell has
+            // no flag anywhere (the same gap #842 already fixed in the editor's
+            // popover/trigger, left over here since #842 never touched this
+            // rendering path). The dial-code-as-its-own-muted-span shape below
+            // and the plain (non-link) wrapper are UNCHANGED by this fix -- #854
+            // measured Attio's real cell as a genuine `tel:` link with a
+            // continuous, non-split string plus a copy button, which is a larger
+            // rebuild of this whole cell's shape, left as a follow-up rather than
+            // folded into this "drop the flag" pass.
             const parsed = parsePhoneValue(value);
             if (!parsed?.digits)
                 return empty;
             const country = (0, countries_1.countryByIso2)(parsed.iso2);
-            return ((0, jsx_runtime_1.jsxs)("span", { className: "crisp-datatable-phone", children: [country && (0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", children: (0, countries_1.flagEmoji)(country.iso2) }), (0, jsx_runtime_1.jsxs)("span", { className: "crisp-datatable-phone-dial", children: ["+", country?.dialCode ?? "?"] }), parsed.digits] }));
+            return ((0, jsx_runtime_1.jsxs)("span", { className: "crisp-datatable-phone", children: [(0, jsx_runtime_1.jsxs)("span", { className: "crisp-datatable-phone-dial", children: ["+", country?.dialCode ?? "?"] }), parsed.digits] }));
         }
         case "url":
         case "email": {

package/dist/esm/components/datatable/datatable.js

@@ -23,7 +23,7 @@ import { Switch } from "../switch/index.js";
 import { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "../table/index.js";
 import { TimePicker } from "../timepicker/index.js";
 import { Tooltip } from "../tooltip/index.js";
-import { COUNTRIES, countryByIso2, flagEmoji } from "./countries.js";
+import { COUNTRIES, countryByIso2 } from "./countries.js";
 import { datatableRecipe } from "./datatable.recipe.js";
 // #534: whether an element's own content is being cut off by its own box --
 // the same fact `.crisp-datatable-th-label`'s CSS ellipsis is silently
@@ -421,11 +421,20 @@ function renderTyped(col, value, avatarTone, row, display, locale = "en-US", ope
                         return (_jsxs("a", { className: "crisp-datatable-phone-link", href: `tel:+${country?.dialCode ?? ""}${p.digits}`, onClick: (ev) => ev.stopPropagation(), children: ["+", country?.dialCode ?? "?", p.digits] }, `${p.iso2}|${p.digits}`));
                     }) }));
             }
+            // crisp/#854, confirmed live -- Attio's real read-only phone cell has
+            // no flag anywhere (the same gap #842 already fixed in the editor's
+            // popover/trigger, left over here since #842 never touched this
+            // rendering path). The dial-code-as-its-own-muted-span shape below
+            // and the plain (non-link) wrapper are UNCHANGED by this fix -- #854
+            // measured Attio's real cell as a genuine `tel:` link with a
+            // continuous, non-split string plus a copy button, which is a larger
+            // rebuild of this whole cell's shape, left as a follow-up rather than
+            // folded into this "drop the flag" pass.
             const parsed = parsePhoneValue(value);
             if (!parsed?.digits)
                 return empty;
             const country = countryByIso2(parsed.iso2);
-            return (_jsxs("span", { className: "crisp-datatable-phone", children: [country && _jsx("span", { "aria-hidden": "true", children: flagEmoji(country.iso2) }), _jsxs("span", { className: "crisp-datatable-phone-dial", children: ["+", country?.dialCode ?? "?"] }), parsed.digits] }));
+            return (_jsxs("span", { className: "crisp-datatable-phone", children: [_jsxs("span", { className: "crisp-datatable-phone-dial", children: ["+", country?.dialCode ?? "?"] }), parsed.digits] }));
         }
         case "url":
         case "email": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crisp-ui-kit/crisp",
-  "version": "0.55.5",
+  "version": "0.55.6",
   "description": "A lean React design system, measured pixel-for-pixel from Attio.",
   "license": "MIT",
   "type": "module",