@anoki/fse-ui 1.0.422 → 1.0.424

package/dist/index.es25.js

@@ -1,5 +1,5 @@
-import { j as s } from "./index.es161.js";
-import { createColorClasses as d } from "./index.es172.js";
+import { j as o } from "./index.es161.js";
+import { createColorClasses as a } from "./index.es170.js";
 import { clsx as w } from "./index.es163.js";
 import './components/ui/Button/Button.css';/* empty css            */
 import { Spinner as B } from "./index.es133.js";
@@ -9,69 +9,69 @@ const R = ({
   bg: m = "primary",
   textColor: p = "white",
   border: i = "white",
-  size: c = "3",
-  className: l,
-  disabled: r,
-  loading: o,
-  onClick: b,
-  type: f = "button",
-  form: j = "",
-  asLink: x,
-  href: C,
-  target: S = void 0,
-  rel: y = void 0,
-  ...n
+  size: f = "3",
+  className: c,
+  disabled: n,
+  loading: s,
+  onClick: l,
+  type: b = "button",
+  form: d = "",
+  asLink: r,
+  href: j,
+  target: C = void 0,
+  rel: S = void 0,
+  ...u
 }) => {
-  const N = t ? "" : d({
+  const y = t ? "" : a({
     bg: m,
     text: p,
     border: i
-  }), u = w(
+  }), x = w(
     "ui-button",
     {
       2: "fs-6 py-x12 px-x24",
       3: "fs-7 py-x12 px-x24",
       4: "fs-6 py-x4 px-x8"
-    }[c],
+    }[f],
     // Apply variant class if provided
     t && `ui-button-${t}`,
     // Otherwise use traditional classes
-    !t && N,
+    !t && y,
     {
-      "ui-button-disabled": r || o
+      "ui-button-disabled": n || s
     },
     {
-      "ui-button-loading": o
+      "ui-button-loading": s
     },
-    l,
+    c,
     "fw-bold"
   );
-  if (x) {
-    const a = x;
-    return /* @__PURE__ */ s.jsx(
-      a,
+  if (r) {
+    const N = r;
+    return /* @__PURE__ */ o.jsx(
+      N,
       {
-        target: S,
-        rel: y,
-        href: C,
-        className: u,
-        ...n,
+        target: C,
+        rel: S,
+        href: j,
+        className: x,
+        ...u,
         children: e
       }
     );
   }
-  return /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ o.jsxs(
     "button",
     {
-      type: f,
-      form: j,
-      className: u,
-      onClick: b,
-      disabled: r || o,
-      ...n,
+      type: b,
+      form: d,
+      className: x,
+      onClick: l,
+      disabled: n || s,
+      ...u,
       children: [
         e,
-        o ? /* @__PURE__ */ s.jsx(B, {}) : null
+        s ? /* @__PURE__ */ o.jsx(B, {}) : null
       ]
     }
   );

package/dist/index.es26.js

@@ -1,37 +1,37 @@
 import { j as s } from "./index.es161.js";
-import { clsx as c } from "./index.es163.js";
+import { clsx as n } from "./index.es163.js";
 import { ArrowLink as y } from "./index.es35.js";
 import './components/ui/CardCategory/CardCategory.css';/* empty css            */
 import { ExternalLink as N } from "./index.es99.js";
-import { Col as v } from "./index.es10.js";
-import { Row as C } from "./index.es9.js";
+import { Col as C } from "./index.es10.js";
+import { Row as k } from "./index.es9.js";
 const q = ({
   image: r,
-  title: a,
-  titleTag: d = "h3",
-  href: n,
+  title: d,
+  titleTag: a = "h3",
+  href: c,
   description: i,
   description2: p,
   isExternal: t = !1,
   showIcon: x = !1,
   goToLabel: e,
-  asLink: h = "a",
-  asImage: f = "img",
-  className: u,
+  asLink: f = "a",
+  asImage: u = "img",
+  className: h,
   classNameTitle: o,
   classNameDescription: j,
   handleOnClick: l
 }) => {
-  const m = f, w = h;
+  const m = u, w = f;
   return /* @__PURE__ */ s.jsxs(
     w,
     {
-      className: c(
+      className: n(
         "ui-card-category shadow br-x4 bg-white",
-        u,
+        h,
         l && "cursor-pointer"
       ),
-      href: n,
+      href: c,
       target: t ? "_blank" : void 0,
       rel: t ? "noreferrer noopener" : void 0,
       onClick: l ?? void 0,
@@ -45,23 +45,23 @@ const q = ({
           }
         ) }),
         /* @__PURE__ */ s.jsxs(
-          v,
+          C,
           {
-            className: c(
+            className: n(
               r != null && r.src ? "ui-card-category-content-with-image ui-mt-negative" : "ui-card-category-content",
               "gap-x8 br-x4 bg-white"
             ),
             children: [
-              /* @__PURE__ */ s.jsxs(C, { alignItems: "center", justifyContent: "space-between", gap: "x4", children: [
+              /* @__PURE__ */ s.jsxs(k, { alignItems: "center", justifyContent: "space-between", gap: "x4", children: [
                 /* @__PURE__ */ s.jsxs(
-                  d,
+                  a,
                   {
-                    className: c(
+                    className: n(
                       "flex-1 cursor-pointer hover-underline",
                       o || "text-primary fs-5 md-fs-custom-2"
                     ),
                     children: [
-                      a,
+                      d,
                       t && /* @__PURE__ */ s.jsx("span", { className: "visually-hidden", children: "(si apre in una nuova finestra)" })
                     ]
                   }
@@ -76,14 +76,14 @@ const q = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ s.jsxs("div", { className: c(j), children: [
+              /* @__PURE__ */ s.jsxs("div", { className: n(j), children: [
                 /* @__PURE__ */ s.jsx("p", { className: "fs-6 md-fs-custom fw-regular text-slate-28", children: i }),
                 /* @__PURE__ */ s.jsx("p", { className: "fs-6 md-fs-custom fw-regular text-slate-28", children: p })
               ] })
             ]
           }
         ),
-        e && n && /* @__PURE__ */ s.jsx("footer", { className: "ui-card-category-footer bg-white", children: /* @__PURE__ */ s.jsx(y, { href: n ?? "#", isExternal: t, children: e == null ? void 0 : e.toUpperCase() }) })
+        e && c && /* @__PURE__ */ s.jsx("footer", { className: "ui-card-category-footer bg-white", children: /* @__PURE__ */ s.jsx(y, { href: c ?? "#", isExternal: t, children: e == null ? void 0 : e.toUpperCase() }) })
       ]
     }
   );

package/dist/index.es27.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es161.js";
 import './components/ui/CardMapStructure/CardMap.css';/* empty css            */
-import { useState as v, useRef as w, useEffect as g } from "react";
+import { useState as w, useRef as v, useEffect as g } from "react";
 import { Col as o } from "./index.es10.js";
 const E = ({
   id: c,
@@ -15,7 +15,7 @@ const E = ({
   setSelectedCard: x = () => {
   }
 }) => {
-  const h = u, [t, a] = v(!1), r = w(null);
+  const h = u, [t, a] = w(!1), r = v(null);
   return g(() => {
     const n = (j) => {
       r.current && !r.current.contains(j.target) && a(!1);

package/dist/index.es28.js

@@ -1,17 +1,17 @@
 import { j as e } from "./index.es161.js";
 import './components/ui/CardMapDoctor/CardMapDoctor.css';/* empty css            */
-import { useState as g, useRef as C } from "react";
-import { Root as v, Indicator as b } from "./index.es197.js";
+import { useState as C, useRef as v } from "react";
+import { Root as g, Indicator as b } from "./index.es197.js";
 import { useClickOutside as k } from "./index.es198.js";
 import { Row as y } from "./index.es9.js";
 import { Col as c } from "./index.es10.js";
 const $ = ({
   titleTag: x = "h3",
-  availableLabel: m = "Disponibile",
-  specialization: p = "Medico di famiglia | Neurologia",
-  href: h = "/",
+  availableLabel: p = "Disponibile",
+  specialization: h = "-",
+  href: m = "/",
   addressLabel: f,
-  linkLabel: a = "Apri dettaglio",
+  linkLabel: t = "Apri dettaglio",
   asLink: o = "a",
   className: u,
   doctor: s,
@@ -19,10 +19,10 @@ const $ = ({
   },
   keepSelectionOnNavigation: d = !1
 }) => {
-  const w = o, [t, n] = g(!1), r = C(null), i = s == null ? void 0 : s.offices[0];
+  const w = o, [a, n] = C(!1), r = v(null), i = s == null ? void 0 : s.offices[0];
   k(
     r,
-    t,
+    a,
     () => n(!1),
     () => l(""),
     d
@@ -31,8 +31,8 @@ const $ = ({
     w,
     {
       className: "text-decoration-none fs-7 fw-bold text-primary",
-      href: h,
-      children: a == null ? void 0 : a.toUpperCase()
+      href: m,
+      children: t == null ? void 0 : t.toUpperCase()
     }
   ), N = () => /* @__PURE__ */ e.jsx(
     "svg",
@@ -64,16 +64,16 @@ const $ = ({
       bg: "white",
       text: "slate-20",
       ref: r,
-      className: `${u} ${t ? "ui-is-active ui-card-search" : "ui-card-search"} shadow cursor-pointer`,
+      className: `${u} ${a ? "ui-is-active ui-card-search" : "ui-card-search"} shadow cursor-pointer`,
       onClick: () => {
         n(!0), l(s == null ? void 0 : s.code);
       },
       children: [
         /* @__PURE__ */ e.jsx(
-          v,
+          g,
           {
             id: s == null ? void 0 : s.code,
-            checked: t,
+            checked: a,
             className: "ui-checkbox-filter",
             children: /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(N, {}) })
           }
@@ -86,12 +86,12 @@ const $ = ({
               " ",
               s == null ? void 0 : s.lastName
             ] }),
-            /* @__PURE__ */ e.jsx("p", { className: "fs-6 fw-regular text-slate-28", children: p }),
+            /* @__PURE__ */ e.jsx("p", { className: "fs-6 fw-regular text-slate-28", children: h }),
             /* @__PURE__ */ e.jsx(
               "div",
               {
                 className: "ui-available-label mt-x4 px-x16 py-x4 bg-status-success text-white rounded fw-semibold fs-7",
-                children: m.toUpperCase()
+                children: p.toUpperCase()
               }
             )
           ] }),

package/dist/index.es28.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es28.js","sources":["../src/components/ui/CardMapDoctor/index.tsx"],"sourcesContent":["import \"./CardMapDoctor.scss\";\nimport { useRef, useState } from \"react\";\nimport {\n  GeneralPractitionerResponse,\n  OfficeResponse,\n} from \"@anoki/fse-common/dist/types/general-practitioner-service\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\nimport { Col, Row } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardMapDoctorProps = {\n  titleTag: HeadingLevel;\n  availableLabel: string;\n  specialization?: string;\n  href?: string;\n  addressLabel?: string;\n  linkLabel?: string;\n  asLink?: \"a\";\n  className?: string;\n  doctor: DoctorMock;\n  setSelectedCard?: (id: string) => void;\n  keepSelectionOnNavigation?: boolean;\n};\n\nexport type DoctorMock = {\n  offices: OfficeResponseMock[];\n} & GeneralPractitionerResponse;\n\nexport type OfficeResponseMock = {\n  position: {\n    coordinates: [number, number];\n  };\n} & OfficeResponse;\n\n// TODO: Allineare type card con il be appena pronto\n// mancano specialization, position\nexport const CardMapDoctor = ({\n  titleTag: TitleTag = \"h3\",\n  availableLabel = \"Disponibile\",\n  specialization = \"Medico di famiglia | Neurologia\",\n  href = \"/\",\n  addressLabel,\n  linkLabel = \"Apri dettaglio\",\n  asLink = \"a\",\n  className,\n  doctor,\n  setSelectedCard = () => {},\n  keepSelectionOnNavigation = false,\n}: CardMapDoctorProps) => {\n  const LinkComponent = asLink;\n  const [isActive, setIsActive] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const address = doctor?.offices[0];\n  useClickOutside(\n    dropdownRef,\n    isActive,\n    () => setIsActive(false),\n    () => setSelectedCard(\"\"),\n    keepSelectionOnNavigation,\n  );\n\n  const linkContent = (\n    <LinkComponent\n      className={\"text-decoration-none fs-7 fw-bold text-primary\"}\n      href={href}\n    >\n      {linkLabel?.toUpperCase()}\n    </LinkComponent>\n  );\n\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  return (\n    <Row\n      br={\"x4\"}\n      p={\"x24\"}\n      gap={\"x16\"}\n      bg={\"white\"}\n      text={\"slate-20\"}\n      ref={dropdownRef}\n      className={`${className} ${isActive ? \"ui-is-active ui-card-search\" : \"ui-card-search\"} shadow cursor-pointer`}\n      onClick={() => {\n        setIsActive(true);\n        setSelectedCard(doctor?.code);\n      }}\n    >\n      <CheckboxRadix.Root\n        id={doctor?.code}\n        checked={isActive}\n        // onCheckedChange={onChange}\n        className={\"ui-checkbox-filter\"}\n        // aria-label={labelText}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      <Col justifyContent={\"center\"} className={`w-full`}>\n        <Col pb={\"x16\"}>\n          <TitleTag className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\n            Dott. {doctor?.firstName} {doctor?.lastName}\n          </TitleTag>\n          <p className=\"fs-6 fw-regular text-slate-28\">{specialization}</p>\n          <div\n            className={\n              \"ui-available-label mt-x4 px-x16 py-x4 bg-status-success text-white rounded fw-semibold fs-7\"\n            }\n          >\n            {availableLabel.toUpperCase()}\n          </div>\n        </Col>\n        <div className={\"text-slate-28 fs-6\"}>\n          <div className={\"fw-bold\"}>{addressLabel}</div>\n          <div className={\"w-full\"}>\n            <p className={\"fw-regular\"}>\n              {address?.address\n                ? address.address.charAt(0).toUpperCase() +\n                  address.address.slice(1).toLowerCase()\n                : \"\"}\n              ,{\" \"}\n              {address?.city\n                ? address.city.charAt(0).toUpperCase() +\n                  address.city.slice(1).toLowerCase()\n                : \"\"}\n            </p>\n          </div>\n          <div className={\"pt-x8\"}>{linkContent}</div>\n        </div>\n      </Col>\n    </Row>\n  );\n};\n"],"names":["CardMapDoctor","TitleTag","availableLabel","specialization","href","addressLabel","linkLabel","asLink","className","doctor","setSelectedCard","keepSelectionOnNavigation","LinkComponent","isActive","setIsActive","useState","dropdownRef","useRef","address","useClickOutside","linkContent","jsx","CheckIcon","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":"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"}
+{"version":3,"file":"index.es28.js","sources":["../src/components/ui/CardMapDoctor/index.tsx"],"sourcesContent":["import \"./CardMapDoctor.scss\";\nimport { useRef, useState } from \"react\";\nimport {\n  GeneralPractitionerResponse\n} from \"@anoki/fse-common/dist/types/general-practitioner-service\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\nimport { Col, Row } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardMapDoctorProps = {\n  titleTag: HeadingLevel;\n  availableLabel: string;\n  specialization?: string;\n  href?: string;\n  addressLabel?: string;\n  linkLabel?: string;\n  asLink?: \"a\";\n  className?: string;\n  doctor: GeneralPractitionerResponse;\n  setSelectedCard?: (id: string) => void;\n  keepSelectionOnNavigation?: boolean;\n};\n\nexport const CardMapDoctor = ({\n  titleTag: TitleTag = \"h3\",\n  availableLabel = \"Disponibile\",\n  specialization = \"-\",\n  href = \"/\",\n  addressLabel,\n  linkLabel = \"Apri dettaglio\",\n  asLink = \"a\",\n  className,\n  doctor,\n  setSelectedCard = () => {},\n  keepSelectionOnNavigation = false,\n}: CardMapDoctorProps) => {\n  const LinkComponent = asLink;\n  const [isActive, setIsActive] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const address = doctor?.offices[0];\n  useClickOutside(\n    dropdownRef,\n    isActive,\n    () => setIsActive(false),\n    () => setSelectedCard(\"\"),\n    keepSelectionOnNavigation,\n  );\n\n  const linkContent = (\n    <LinkComponent\n      className={\"text-decoration-none fs-7 fw-bold text-primary\"}\n      href={href}\n    >\n      {linkLabel?.toUpperCase()}\n    </LinkComponent>\n  );\n\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  return (\n    <Row\n      br={\"x4\"}\n      p={\"x24\"}\n      gap={\"x16\"}\n      bg={\"white\"}\n      text={\"slate-20\"}\n      ref={dropdownRef}\n      className={`${className} ${isActive ? \"ui-is-active ui-card-search\" : \"ui-card-search\"} shadow cursor-pointer`}\n      onClick={() => {\n        setIsActive(true);\n        setSelectedCard(doctor?.code);\n      }}\n    >\n      <CheckboxRadix.Root\n        id={doctor?.code}\n        checked={isActive}\n        // onCheckedChange={onChange}\n        className={\"ui-checkbox-filter\"}\n        // aria-label={labelText}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      <Col justifyContent={\"center\"} className={`w-full`}>\n        <Col pb={\"x16\"}>\n          <TitleTag className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\n            Dott. {doctor?.firstName} {doctor?.lastName}\n          </TitleTag>\n          <p className=\"fs-6 fw-regular text-slate-28\">{specialization}</p>\n          <div\n            className={\n              \"ui-available-label mt-x4 px-x16 py-x4 bg-status-success text-white rounded fw-semibold fs-7\"\n            }\n          >\n            {availableLabel.toUpperCase()}\n          </div>\n        </Col>\n        <div className={\"text-slate-28 fs-6\"}>\n          <div className={\"fw-bold\"}>{addressLabel}</div>\n          <div className={\"w-full\"}>\n            <p className={\"fw-regular\"}>\n              {address?.address\n                ? address.address.charAt(0).toUpperCase() +\n                  address.address.slice(1).toLowerCase()\n                : \"\"}\n              ,{\" \"}\n              {address?.city\n                ? address.city.charAt(0).toUpperCase() +\n                  address.city.slice(1).toLowerCase()\n                : \"\"}\n            </p>\n          </div>\n          <div className={\"pt-x8\"}>{linkContent}</div>\n        </div>\n      </Col>\n    </Row>\n  );\n};\n"],"names":["CardMapDoctor","TitleTag","availableLabel","specialization","href","addressLabel","linkLabel","asLink","className","doctor","setSelectedCard","keepSelectionOnNavigation","LinkComponent","isActive","setIsActive","useState","dropdownRef","useRef","address","useClickOutside","linkContent","jsx","CheckIcon","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":"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"}

package/dist/index.es280.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./index.es299.js";
+import { __exports as t } from "./index.es285.js";
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -8,29 +8,29 @@ import { __exports as e } from "./index.es299.js";
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var s;
-function a() {
-  if (s) return e;
-  s = 1;
-  var i = Symbol.for("react.transitional.element"), _ = Symbol.for("react.fragment");
-  function o(l, r, t) {
-    var u = null;
-    if (t !== void 0 && (u = "" + t), r.key !== void 0 && (u = "" + r.key), "key" in r) {
-      t = {};
-      for (var n in r)
-        n !== "key" && (t[n] = r[n]);
-    } else t = r;
-    return r = t.ref, {
-      $$typeof: i,
-      type: l,
-      key: u,
+var i;
+function R() {
+  if (i) return t;
+  i = 1;
+  var d = Symbol.for("react.transitional.element"), o = Symbol.for("react.fragment");
+  function s(_, r, e) {
+    var n = null;
+    if (e !== void 0 && (n = "" + e), r.key !== void 0 && (n = "" + r.key), "key" in r) {
+      e = {};
+      for (var u in r)
+        u !== "key" && (e[u] = r[u]);
+    } else e = r;
+    return r = e.ref, {
+      $$typeof: d,
+      type: _,
+      key: n,
       ref: r !== void 0 ? r : null,
-      props: t
+      props: e
     };
   }
-  return e.Fragment = _, e.jsx = o, e.jsxs = o, e;
+  return t.Fragment = o, t.jsx = s, t.jsxs = s, t;
 }
 export {
-  a as __require
+  R as __require
 };
 //# sourceMappingURL=index.es280.js.map