@alfadocs/ui-kit-debug 1.101.0 → 1.103.0

package/dist/_chunks/specialty-list-urUQJLk3.js

@@ -1,67 +0,0 @@
-import { jsxs as m, jsx as s, Fragment as b } from "react/jsx-runtime";
-import { forwardRef as N, useState as S, useId as L } from "react";
-import { useTranslation as w } from "react-i18next";
-import { B as I } from "./button-DohK_Ak_.js";
-import { c as $ } from "./specialty-icon-KuovHTxh.js";
-const u = [
-  "ds:group ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]",
-  "ds:min-h-[var(--min-target-size)] ds:text-foreground ds:no-underline",
-  "ds:rounded-[var(--radius-md)]"
-].join(" "), j = [
-  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
-  "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-  "ds:forced-colors:focus-visible:outline-[CanvasText]"
-].join(" "), p = "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-2xs)] ds:p-0 ds:[&[hidden]]:hidden";
-function f({ item: e }) {
-  const i = /* @__PURE__ */ m(b, { children: [
-    /* @__PURE__ */ s($, { specialty: e.key }),
-    /* @__PURE__ */ s(
-      "span",
-      {
-        dir: "auto",
-        className: "type-body ds:min-w-0 ds:underline-offset-4 ds:group-hover:underline ds:group-focus-visible:underline",
-        children: e.label
-      }
-    )
-  ] });
-  return /* @__PURE__ */ s("li", { className: "ds:min-w-0", children: e.href ? /* @__PURE__ */ s("a", { href: e.href, className: `${u} ${j}`, children: i }) : /* @__PURE__ */ s("span", { className: u, children: i }) });
-}
-const k = N(
-  ({ items: e, collapsedCount: i = 5, className: h, ...g }, v) => {
-    const { t: a } = w("ui"), [l, x] = S(!1), d = L(), r = e.slice(0, Math.max(0, i)), o = e.slice(r.length), c = o.length > 0, y = [
-      "ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]",
-      h
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ m(
-      "div",
-      {
-        ref: v,
-        "data-component": "specialty-list",
-        className: y,
-        ...g,
-        children: [
-          /* @__PURE__ */ s("ul", { className: p, children: r.map((n, t) => /* @__PURE__ */ s(f, { item: n }, `${n.key}-${t}`)) }),
-          c ? /* @__PURE__ */ s("ul", { id: d, hidden: !l, className: p, children: o.map((n, t) => /* @__PURE__ */ s(f, { item: n }, `${n.key}-${t}`)) }) : null,
-          c ? /* @__PURE__ */ s(
-            I,
-            {
-              type: "button",
-              intent: "link",
-              size: "md",
-              className: "ds:!ps-0 ds:!pe-0",
-              "aria-expanded": l,
-              "aria-controls": d,
-              onClick: () => x((n) => !n),
-              children: l ? a("specialtyList.showLess") : a("specialtyList.showAll", { count: o.length })
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-k.displayName = "SpecialtyList";
-export {
-  k as S
-};
-//# sourceMappingURL=specialty-list-urUQJLk3.js.map

package/dist/_chunks/specialty-list-urUQJLk3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"specialty-list-urUQJLk3.js","sources":["../../src/components/specialty-list/specialty-list.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  useState,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '../button/button';\nimport { SpecialtyIcon } from '../specialty-icon/specialty-icon';\n\n/* -------------------------------------------------------------------- */\n/* SpecialtyList                                                          */\n/*                                                                        */\n/* A practice's specialities, one per line: the ring icon, then the      */\n/* label. The same list at every width.                                  */\n/*                                                                        */\n/* Every item is always in the DOM. Items after `collapsedCount` sit in a */\n/* second list with the `hidden` attribute until the toggle opens it, so  */\n/* crawlers and find-in-page see all of them.                            */\n/* -------------------------------------------------------------------- */\n\nexport interface SpecialtyListItem {\n  /** Profession key (platform seoUrl slug). Unknown keys get the health cross. */\n  key: string;\n  /** Display label, already localised by the consumer. */\n  label: string;\n  /** When set the item is a link; otherwise plain text. */\n  href?: string;\n}\n\nexport interface SpecialtyListProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'children'\n> {\n  /** The specialities, in display order. */\n  items: SpecialtyListItem[];\n  /**\n   * How many items show before the toggle. Defaults to 5. The rest stay in\n   * the DOM, hidden. No toggle is rendered when `items.length` is not above it.\n   */\n  collapsedCount?: number;\n}\n\n// A row is at least the 44px touch target; the icon inside it is 32px.\nconst ROW_BASE = [\n  'ds:group ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]',\n  'ds:min-h-[var(--min-target-size)] ds:text-foreground ds:no-underline',\n  'ds:rounded-[var(--radius-md)]',\n].join(' ');\n\nconst LINK_EXTRA = [\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:outline-[CanvasText]',\n].join(' ');\n\nconst LIST_CLASS =\n  'ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-2xs)] ds:p-0 ds:[&[hidden]]:hidden';\n\nfunction SpecialtyItem({ item }: { item: SpecialtyListItem }) {\n  const content = (\n    <>\n      <SpecialtyIcon specialty={item.key} />\n      <span\n        dir=\"auto\"\n        className=\"type-body ds:min-w-0 ds:underline-offset-4 ds:group-hover:underline ds:group-focus-visible:underline\"\n      >\n        {item.label}\n      </span>\n    </>\n  );\n  return (\n    <li className=\"ds:min-w-0\">\n      {item.href ? (\n        <a href={item.href} className={`${ROW_BASE} ${LINK_EXTRA}`}>\n          {content}\n        </a>\n      ) : (\n        <span className={ROW_BASE}>{content}</span>\n      )}\n    </li>\n  );\n}\n\nexport const SpecialtyList = forwardRef<HTMLDivElement, SpecialtyListProps>(\n  ({ items, collapsedCount = 5, className, ...rest }, ref) => {\n    const { t } = useTranslation('ui');\n    const [expanded, setExpanded] = useState(false);\n    const moreId = useId();\n\n    const visible = items.slice(0, Math.max(0, collapsedCount));\n    const more = items.slice(visible.length);\n    const hasToggle = more.length > 0;\n\n    const rootClass = [\n      'ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-2xs)]',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"specialty-list\"\n        className={rootClass}\n        {...rest}\n      >\n        <ul className={LIST_CLASS}>\n          {visible.map((item, index) => (\n            <SpecialtyItem key={`${item.key}-${index}`} item={item} />\n          ))}\n        </ul>\n        {hasToggle ? (\n          <ul id={moreId} hidden={!expanded} className={LIST_CLASS}>\n            {more.map((item, index) => (\n              <SpecialtyItem key={`${item.key}-${index}`} item={item} />\n            ))}\n          </ul>\n        ) : null}\n        {hasToggle ? (\n          <Button\n            type=\"button\"\n            intent=\"link\"\n            size=\"md\"\n            // The kit's inline text-button idiom (EditableDescription): no\n            // side padding, so the text lines up with the items above it.\n            className=\"ds:!ps-0 ds:!pe-0\"\n            aria-expanded={expanded}\n            aria-controls={moreId}\n            onClick={() => setExpanded((open) => !open)}\n          >\n            {expanded\n              ? t('specialtyList.showLess')\n              : t('specialtyList.showAll', { count: more.length })}\n          </Button>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nSpecialtyList.displayName = 'SpecialtyList';\n"],"names":["ROW_BASE","LINK_EXTRA","LIST_CLASS","SpecialtyItem","item","content","jsxs","Fragment","jsx","SpecialtyIcon","SpecialtyList","forwardRef","items","collapsedCount","className","rest","ref","t","useTranslation","expanded","setExpanded","useState","moreId","useId","visible","more","hasToggle","rootClass","index","Button","open"],"mappings":";;;;;AA4CA,MAAMA,IAAW;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEJC,IAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEJC,IACJ;AAEF,SAASC,EAAc,EAAE,MAAAC,KAAqC;AAC5D,QAAMC,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc,WAAWL,EAAK,IAAA,CAAK;AAAA,IACpC,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAI;AAAA,QACJ,WAAU;AAAA,QAET,UAAAJ,EAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAEF,SACE,gBAAAI,EAAC,MAAA,EAAG,WAAU,cACX,UAAAJ,EAAK,OACJ,gBAAAI,EAAC,KAAA,EAAE,MAAMJ,EAAK,MAAM,WAAW,GAAGJ,CAAQ,IAAIC,CAAU,IACrD,UAAAI,EAAA,CACH,sBAEC,QAAA,EAAK,WAAWL,GAAW,UAAAK,EAAA,CAAQ,EAAA,CAExC;AAEJ;AAEO,MAAMK,IAAgBC;AAAA,EAC3B,CAAC,EAAE,OAAAC,GAAO,gBAAAC,IAAiB,GAAG,WAAAC,GAAW,GAAGC,EAAA,GAAQC,MAAQ;AAC1D,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,IAAI,GAC3B,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAASC,EAAA,GAETC,IAAUZ,EAAM,MAAM,GAAG,KAAK,IAAI,GAAGC,CAAc,CAAC,GACpDY,IAAOb,EAAM,MAAMY,EAAQ,MAAM,GACjCE,IAAYD,EAAK,SAAS,GAE1BE,IAAY;AAAA,MAChB;AAAA,MACAb;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WACE,gBAAAR;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAU;AAAA,QACA,kBAAe;AAAA,QACf,WAAWW;AAAA,QACV,GAAGZ;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAP,EAAC,QAAG,WAAWN,GACZ,YAAQ,IAAI,CAACE,GAAMwB,MAClB,gBAAApB,EAACL,GAAA,EAA2C,MAAAC,KAAxB,GAAGA,EAAK,GAAG,IAAIwB,CAAK,EAAgB,CACzD,GACH;AAAA,UACCF,IACC,gBAAAlB,EAAC,MAAA,EAAG,IAAIc,GAAQ,QAAQ,CAACH,GAAU,WAAWjB,GAC3C,UAAAuB,EAAK,IAAI,CAACrB,GAAMwB,MACf,gBAAApB,EAACL,GAAA,EAA2C,MAAAC,EAAA,GAAxB,GAAGA,EAAK,GAAG,IAAIwB,CAAK,EAAgB,CACzD,EAAA,CACH,IACE;AAAA,UACHF,IACC,gBAAAlB;AAAA,YAACqB;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,QAAO;AAAA,cACP,MAAK;AAAA,cAGL,WAAU;AAAA,cACV,iBAAeV;AAAA,cACf,iBAAeG;AAAA,cACf,SAAS,MAAMF,EAAY,CAACU,MAAS,CAACA,CAAI;AAAA,cAEzC,UAAAX,IACGF,EAAE,wBAAwB,IAC1BA,EAAE,yBAAyB,EAAE,OAAOQ,EAAK,OAAA,CAAQ;AAAA,YAAA;AAAA,UAAA,IAErD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEAf,EAAc,cAAc;"}