@anoki/fse-ui 1.0.0-beta1.48.1 → 1.0.0-beta1.48.3

package/dist/index.es48.js

@@ -4,59 +4,61 @@ import { useRef as d } from "react";
 import { Root as p, Indicator as u } from "./index.es277.js";
 import { useClickOutside as j } from "./index.es278.js";
 import { Col as w } from "./index.es10.js";
-import { CheckIcon as g } from "./index.es212.js";
-const I = ({
-  id: t,
-  title: i,
-  titleTag: l = "h3",
+import { CheckIcon as b } from "./index.es212.js";
+const z = ({
+  id: l,
+  title: r,
+  titleTag: t = "h3",
   description: m,
   className: f,
   setSelectedCard: o = () => {
   },
-  description2: c,
+  description2: i,
   keepSelectionOnNavigation: x = !1,
-  disabled: r = !1,
-  isActive: e = !1
+  disabled: e = !1,
+  isActive: a = !1
 }) => {
-  const a = d(null);
+  const c = d(null);
   j(
+    c,
     a,
-    e,
     () => o(void 0),
     () => o(void 0),
     x
   );
-  const h = `${f} ${e ? "ui-is-active" : "ui-card-search"} shadow br-x4 px-x24 py-x16 base-row bg-white gap-x16 ${r ? "ui-card-disabled" : "cursor-pointer"}`, n = () => {
-    r || o(t);
+  const n = `${f} ${a ? "ui-is-active" : "ui-card-search"} shadow br-x4 px-x24 py-x16 base-row bg-white gap-x16 ${e ? "ui-card-disabled" : "cursor-pointer"}`, h = () => {
+    e || o(l);
   };
   return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      ref: a,
-      className: h,
-      onClick: n,
-      "aria-disabled": r,
+      ref: c,
+      className: n,
+      onClick: h,
+      "aria-disabled": e,
       children: [
         /* @__PURE__ */ s.jsx(
           p,
           {
-            id: t,
-            checked: e,
-            disabled: r,
+            id: l,
+            checked: a,
+            disabled: e,
             className: "ui-checkbox-filter",
-            children: /* @__PURE__ */ s.jsx(u, { children: /* @__PURE__ */ s.jsx(g, { width: 14, height: 14, color: "white" }) })
+            title: `Seleziona ${r}`,
+            "aria-label": `Seleziona ${r}`,
+            children: /* @__PURE__ */ s.jsx(u, { children: /* @__PURE__ */ s.jsx(b, { width: 14, height: 14, color: "white" }) })
           }
         ),
         /* @__PURE__ */ s.jsxs(w, { children: [
-          /* @__PURE__ */ s.jsx(l, { className: "flex-1 pb-x8 fs-5 md-fs-4 text-slate-20 fw-semibold", children: i }),
+          /* @__PURE__ */ s.jsx(t, { className: "flex-1 pb-x8 fs-5 md-fs-4 text-slate-20 fw-semibold", children: r }),
           /* @__PURE__ */ s.jsx("p", { className: "fs-7 md-fs-custom fw-regular text-slate-28", children: m }),
-          c && /* @__PURE__ */ s.jsx("p", { className: "fs-7 md-fs-custom fw-regular text-slate-28 pt-x16", children: c })
+          i && /* @__PURE__ */ s.jsx("p", { className: "fs-7 md-fs-custom fw-regular text-slate-28 pt-x16", children: i })
         ] })
       ]
     }
   );
 };
 export {
-  I as CardSelectDoctor
+  z as CardSelectDoctor
 };
 //# sourceMappingURL=index.es48.js.map

package/dist/index.es48.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es48.js","sources":["../src/components/ui/CardSelectDoctor/index.tsx"],"sourcesContent":["import \"./CardSelectDoctor.scss\";\r\nimport { useRef } from \"react\";\r\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\r\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\r\nimport { Col } from \"../Col\";\r\nimport { CheckIcon } from \"@/icons\";\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardSelectDoctorProps = {\r\n  id: string;\r\n  title: string;\r\n  titleTag?: HeadingLevel;\r\n  href?: string;\r\n  description?: string;\r\n  isExternal?: boolean;\r\n  showIcon?: boolean;\r\n  asLink?: \"a\";\r\n  className?: string;\r\n  setSelectedCard?: (id?: string) => void;\r\n  description2?: string;\r\n  isActive: boolean;\r\n  keepSelectionOnNavigation?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport const CardSelectDoctor = ({\r\n  id,\r\n  title,\r\n  titleTag: TitleTag = \"h3\",\r\n  description,\r\n  className,\r\n  setSelectedCard = () => {},\r\n  description2,\r\n  keepSelectionOnNavigation = false,\r\n  disabled = false,\r\n  isActive = false,\r\n}: CardSelectDoctorProps) => {\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  useClickOutside(\r\n    dropdownRef,\r\n    isActive,\r\n    () => setSelectedCard(undefined),\r\n    () => setSelectedCard(undefined),\r\n    keepSelectionOnNavigation,\r\n  );\r\n\r\n  // Generate class names based on active and disabled states\r\n  const cardClasses = `${className} ${\r\n    isActive ? \"ui-is-active\" : \"ui-card-search\"\r\n  } shadow br-x4 px-x24 py-x16 base-row bg-white gap-x16 ${\r\n    disabled ? \"ui-card-disabled\" : \"cursor-pointer\"\r\n  }`;\r\n\r\n  // Handle click only if not disabled\r\n  const handleClick = () => {\r\n    if (!disabled) {\r\n      setSelectedCard(id);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={cardClasses}\r\n      onClick={handleClick}\r\n      aria-disabled={disabled}\r\n    >\r\n      <CheckboxRadix.Root\r\n        id={id}\r\n        checked={isActive}\r\n        disabled={disabled}\r\n        // onCheckedChange={onChange}\r\n        className={\"ui-checkbox-filter\"}\r\n        // aria-label={labelText}\r\n      >\r\n        <CheckboxRadix.Indicator>\r\n          <CheckIcon width={14} height={14} color=\"white\" />\r\n        </CheckboxRadix.Indicator>\r\n      </CheckboxRadix.Root>\r\n      <Col>\r\n        <TitleTag className=\"flex-1 pb-x8 fs-5 md-fs-4 text-slate-20 fw-semibold\">\r\n          {title}\r\n        </TitleTag>\r\n        <p className=\"fs-7 md-fs-custom fw-regular text-slate-28\">\r\n          {description}\r\n        </p>\r\n        {description2 && (\r\n          <p className=\"fs-7 md-fs-custom fw-regular text-slate-28 pt-x16\">\r\n            {description2}\r\n          </p>\r\n        )}\r\n      </Col>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardSelectDoctor","id","title","TitleTag","description","className","setSelectedCard","description2","keepSelectionOnNavigation","disabled","isActive","dropdownRef","useRef","useClickOutside","cardClasses","handleClick","jsxs","jsx","CheckboxRadix.Root","CheckboxRadix.Indicator","CheckIcon","Col"],"mappings":";;;;;;;AAyBO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC,IAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,cAAAC;AAAA,EACA,2BAAAC,IAA4B;AAAA,EAC5B,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AACb,MAA6B;AACrB,QAAAC,IAAcC,EAAuB,IAAI;AAC/C,EAAAC;AAAA,IACEF;AAAA,IACAD;AAAA,IACA,MAAMJ,EAAgB,MAAS;AAAA,IAC/B,MAAMA,EAAgB,MAAS;AAAA,IAC/BE;AAAA,EACF;AAGM,QAAAM,IAAc,GAAGT,CAAS,IAC9BK,IAAW,iBAAiB,gBAC9B,yDACED,IAAW,qBAAqB,gBAClC,IAGMM,IAAc,MAAM;AACxB,IAAKN,KACHH,EAAgBL,CAAE;AAAA,EAEtB;AAGE,SAAAe,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKL;AAAA,MACL,WAAWG;AAAA,MACX,SAASC;AAAA,MACT,iBAAeN;AAAA,MAEf,UAAA;AAAA,QAAAQ,gBAAAA,EAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,IAAAjB;AAAA,YACA,SAASS;AAAA,YACT,UAAAD;AAAA,YAEA,WAAW;AAAA,YAGX,UAACQ,gBAAAA,EAAAA,IAAAE,GAAA,EACC,UAACF,gBAAAA,EAAA,IAAAG,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI,OAAM,QAAQ,CAAA,EAClD,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,+BACCC,GACC,EAAA,UAAA;AAAA,UAACJ,gBAAAA,EAAA,IAAAd,GAAA,EAAS,WAAU,uDACjB,UACHD,GAAA;AAAA,UACCe,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHb,GAAA;AAAA,UACCG,KACCU,gBAAAA,EAAA,IAAC,KAAE,EAAA,WAAU,qDACV,UACHV,EAAA,CAAA;AAAA,QAAA,EAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es48.js","sources":["../src/components/ui/CardSelectDoctor/index.tsx"],"sourcesContent":["import \"./CardSelectDoctor.scss\";\r\nimport { useRef } from \"react\";\r\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\r\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\r\nimport { Col } from \"../Col\";\r\nimport { CheckIcon } from \"@/icons\";\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardSelectDoctorProps = {\r\n  id: string;\r\n  title: string;\r\n  titleTag?: HeadingLevel;\r\n  href?: string;\r\n  description?: string;\r\n  isExternal?: boolean;\r\n  showIcon?: boolean;\r\n  asLink?: \"a\";\r\n  className?: string;\r\n  setSelectedCard?: (id?: string) => void;\r\n  description2?: string;\r\n  isActive: boolean;\r\n  keepSelectionOnNavigation?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport const CardSelectDoctor = ({\r\n  id,\r\n  title,\r\n  titleTag: TitleTag = \"h3\",\r\n  description,\r\n  className,\r\n  setSelectedCard = () => {},\r\n  description2,\r\n  keepSelectionOnNavigation = false,\r\n  disabled = false,\r\n  isActive = false,\r\n}: CardSelectDoctorProps) => {\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  useClickOutside(\r\n    dropdownRef,\r\n    isActive,\r\n    () => setSelectedCard(undefined),\r\n    () => setSelectedCard(undefined),\r\n    keepSelectionOnNavigation,\r\n  );\r\n\r\n  // Generate class names based on active and disabled states\r\n  const cardClasses = `${className} ${\r\n    isActive ? \"ui-is-active\" : \"ui-card-search\"\r\n  } shadow br-x4 px-x24 py-x16 base-row bg-white gap-x16 ${\r\n    disabled ? \"ui-card-disabled\" : \"cursor-pointer\"\r\n  }`;\r\n\r\n  // Handle click only if not disabled\r\n  const handleClick = () => {\r\n    if (!disabled) {\r\n      setSelectedCard(id);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={cardClasses}\r\n      onClick={handleClick}\r\n      aria-disabled={disabled}\r\n    >\r\n      <CheckboxRadix.Root\r\n        id={id}\r\n        checked={isActive}\r\n        disabled={disabled}\r\n        className={\"ui-checkbox-filter\"}\r\n        title={`Seleziona ${title}`}\r\n        aria-label={`Seleziona ${title}`}\r\n      >\r\n        <CheckboxRadix.Indicator>\r\n          <CheckIcon width={14} height={14} color=\"white\" />\r\n        </CheckboxRadix.Indicator>\r\n      </CheckboxRadix.Root>\r\n      <Col>\r\n        <TitleTag className=\"flex-1 pb-x8 fs-5 md-fs-4 text-slate-20 fw-semibold\">\r\n          {title}\r\n        </TitleTag>\r\n        <p className=\"fs-7 md-fs-custom fw-regular text-slate-28\">\r\n          {description}\r\n        </p>\r\n        {description2 && (\r\n          <p className=\"fs-7 md-fs-custom fw-regular text-slate-28 pt-x16\">\r\n            {description2}\r\n          </p>\r\n        )}\r\n      </Col>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardSelectDoctor","id","title","TitleTag","description","className","setSelectedCard","description2","keepSelectionOnNavigation","disabled","isActive","dropdownRef","useRef","useClickOutside","cardClasses","handleClick","jsxs","jsx","CheckboxRadix.Root","CheckboxRadix.Indicator","CheckIcon","Col"],"mappings":";;;;;;;AAyBO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC,IAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,cAAAC;AAAA,EACA,2BAAAC,IAA4B;AAAA,EAC5B,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AACb,MAA6B;AACrB,QAAAC,IAAcC,EAAuB,IAAI;AAC/C,EAAAC;AAAA,IACEF;AAAA,IACAD;AAAA,IACA,MAAMJ,EAAgB,MAAS;AAAA,IAC/B,MAAMA,EAAgB,MAAS;AAAA,IAC/BE;AAAA,EACF;AAGM,QAAAM,IAAc,GAAGT,CAAS,IAC9BK,IAAW,iBAAiB,gBAC9B,yDACED,IAAW,qBAAqB,gBAClC,IAGMM,IAAc,MAAM;AACxB,IAAKN,KACHH,EAAgBL,CAAE;AAAA,EAEtB;AAGE,SAAAe,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKL;AAAA,MACL,WAAWG;AAAA,MACX,SAASC;AAAA,MACT,iBAAeN;AAAA,MAEf,UAAA;AAAA,QAAAQ,gBAAAA,EAAA;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,IAAAjB;AAAA,YACA,SAASS;AAAA,YACT,UAAAD;AAAA,YACA,WAAW;AAAA,YACX,OAAO,aAAaP,CAAK;AAAA,YACzB,cAAY,aAAaA,CAAK;AAAA,YAE9B,UAACe,gBAAAA,EAAAA,IAAAE,GAAA,EACC,UAACF,gBAAAA,EAAA,IAAAG,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI,OAAM,QAAQ,CAAA,EAClD,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,+BACCC,GACC,EAAA,UAAA;AAAA,UAACJ,gBAAAA,EAAA,IAAAd,GAAA,EAAS,WAAU,uDACjB,UACHD,GAAA;AAAA,UACCe,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHb,GAAA;AAAA,UACCG,KACCU,gBAAAA,EAAA,IAAC,KAAE,EAAA,WAAU,qDACV,UACHV,EAAA,CAAA;AAAA,QAAA,EAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es513.js

@@ -1,5 +1,9 @@
-var r = {};
+import { __require as e } from "./index.es514.js";
+var r, i;
+function o() {
+  return i || (i = 1, r = window.DOMPurify || (window.DOMPurify = e().default || e())), r;
+}
 export {
-  r as __exports
+  o as __require
 };
 //# sourceMappingURL=index.es513.js.map

package/dist/index.es513.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es513.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.es513.js","sources":["../node_modules/isomorphic-dompurify/browser.js"],"sourcesContent":["module.exports = window.DOMPurify || (window.DOMPurify = require('dompurify').default || require('dompurify'));\n"],"names":["browser","require$$0"],"mappings":";;;sBAAAA,IAAiB,OAAO,cAAc,OAAO,YAAYC,EAAoB,EAAC,WAAWA;;","x_google_ignoreList":[0]}