@anoki/fse-ui 1.0.0-beta1.42 → 1.0.0-beta1.43.1

package/dist/index.es133.js

@@ -1,4 +1,4 @@
-import { j as n } from "./index.es237.js";
+import { j as n } from "./index.es218.js";
 import './components/ui/sections/Feedback/Feedback.css';/* empty css            */
 import { Feedback as o } from "./index.es131.js";
 function l({

package/dist/index.es134.js

@@ -1,5 +1,5 @@
-import { j as t } from "./index.es237.js";
-import { clsx as o } from "./index.es239.js";
+import { j as t } from "./index.es218.js";
+import { clsx as o } from "./index.es220.js";
 import { Col as c } from "./index.es10.js";
 import { Row as e } from "./index.es9.js";
 import './components/ui/AggregationItemCard/AggregationItemCard.css';/* empty css            */

package/dist/index.es135.js

@@ -1,65 +1,49 @@
-import { j as e } from "./index.es237.js";
+import { j as e } from "./index.es218.js";
 import './components/ui/CommunicationSeach/CommunicationSearch.css';/* empty css            */
-import { clsx as c } from "./index.es239.js";
-import { useState as w, useEffect as S, useMemo as N } from "react";
-import { useToggle as B } from "./index.es441.js";
-import { Spinner as E } from "./index.es193.js";
-import { Close as I } from "./index.es158.js";
-import { Col as D } from "./index.es10.js";
-import { Button as O } from "./index.es28.js";
-const P = ({
-  btnText: v,
-  helperText: C = "Cosa vuoi approfondire?",
-  value: y,
-  loading: p,
-  items: l,
-  emptyLabel: F = "Nessun risultato disponibile",
+import { clsx as o } from "./index.es220.js";
+import { useState as C, useCallback as y, useMemo as v } from "react";
+import { Spinner as F } from "./index.es193.js";
+import { Close as k } from "./index.es158.js";
+import { Col as M } from "./index.es10.js";
+import { Button as S } from "./index.es28.js";
+const T = ({
+  btnText: p,
+  helperText: x = "Cosa vuoi approfondire?",
+  value: n,
+  loading: u,
+  items: r,
+  emptyLabel: f = "Nessun risultato disponibile",
   setValue: g,
-  setSelectedElement: M
+  setSelectedElement: j
 }) => {
-  const [t, d] = w(y ?? ""), [i, o] = w([]), [x, R, m] = B(), u = (s) => {
-    const r = s.target.value;
-    if (d(r), g(r), r.length >= 3) {
-      const a = l.map((n) => ({
-        category: n.category,
-        items: n.items.filter(
-          (f) => {
-            var h;
-            return (h = f.name) == null ? void 0 : h.toLowerCase().includes(r.toLowerCase());
-          }
-        )
-      })).filter((n) => n.items.length > 0);
-      o(a);
-    } else
-      o([]);
-  }, k = (s) => {
-    d(s.name), o([]), M(s), m(!1);
-  }, L = (s, r) => {
-    if (!r) return s;
-    const a = s.toLowerCase().indexOf(r.toLowerCase());
+  const [h, l] = C(!1), m = (s) => {
+    const t = s.target.value;
+    g(t);
+  }, b = (s) => {
+    j(s), l(!1);
+  }, N = y((s, t) => {
+    if (!t) return s;
+    const a = s.toLowerCase().indexOf(t.toLowerCase());
     if (a === -1) return s;
-    const n = s.slice(0, a), f = s.slice(a, a + r.length), h = s.slice(a + r.length);
+    const i = s.slice(0, a), c = s.slice(a, a + t.length), w = s.slice(a + t.length);
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      n,
-      /* @__PURE__ */ e.jsx("span", { className: "text-primary fw-bold", children: f }),
-      h
+      i,
+      /* @__PURE__ */ e.jsx("span", { className: "text-primary fw-bold", children: c }),
+      w
     ] });
-  };
-  S(() => {
-    if ((t == null ? void 0 : t.length) >= 3) {
-      u({ target: { value: t } });
-      return;
-    }
-  }, [l]);
-  const j = N(() => x || t.length >= 3 && ((i == null ? void 0 : i.length) > 0 || l.length > 0) ? !0 : x, [i, x]), b = N(() => [...i.length ? i : l], [i, l]);
+  }, []), d = v(() => h || n.length >= 3 && (r == null ? void 0 : r.length) > 0 ? !0 : h, [h, r == null ? void 0 : r.length, n.length]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: c(
+      className: o(
         "ui-communication-search",
         "br-x4 bg-border-secondary w-full"
       ),
-      onBlur: () => m(!1),
+      onBlur: () => {
+        setTimeout(() => {
+          l(!1);
+        }, 150);
+      },
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "position-relative", children: [
           /* @__PURE__ */ e.jsx(
@@ -67,24 +51,24 @@ const P = ({
             {
               id: "search",
               type: "search",
-              className: c(
+              className: o(
                 "ui-communication-search-input",
                 "fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24"
               ),
-              placeholder: C,
+              placeholder: x,
               "aria-label": "Barra di ricerca",
-              value: t,
-              onChange: u,
-              onFocus: () => m(!0)
+              value: n,
+              onChange: m,
+              onFocus: () => l(!0)
             }
           ),
-          p && /* @__PURE__ */ e.jsx(E, { className: "ui-loading-spinner" }),
-          t && t.length >= 3 && /* @__PURE__ */ e.jsx(
-            I,
+          u && /* @__PURE__ */ e.jsx(F, { className: "ui-loading-spinner" }),
+          n && n.length >= 3 && /* @__PURE__ */ e.jsx(
+            k,
             {
               className: "ui-clean-button",
               onClick: () => {
-                d(""), o([]), u({ target: { value: "" } });
+                m({ target: { value: "" } });
               }
             }
           )
@@ -92,57 +76,57 @@ const P = ({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: c("ui-wrap-list-item-search shadow position-absolute", {
-              "py-x24": j
+            className: o("ui-wrap-list-item-search shadow position-absolute", {
+              "py-x24": d
             }),
             children: /* @__PURE__ */ e.jsx(
-              D,
+              M,
               {
                 gap: "x24",
                 fw: "regular",
                 text: "secondary",
                 fs: "6",
                 className: "ui-list-item-search overflow-y-auto",
-                children: j && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  b.map(
-                    (s, r) => {
+                children: d && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  r.map(
+                    (s, t) => {
                       var a;
                       return (a = s.items) != null && a.length ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
                         " ",
                         /* @__PURE__ */ e.jsxs("div", { children: [
                           /* @__PURE__ */ e.jsx("h4", { className: "category-title fw-semibold text-dark fs-6 mb-x8 px-x24", children: s.category }),
-                          /* @__PURE__ */ e.jsx("ul", { className: "list-unstyled", children: s.items.map((n) => /* @__PURE__ */ e.jsx(
+                          /* @__PURE__ */ e.jsx("ul", { className: "list-unstyled", children: s.items.map((i) => /* @__PURE__ */ e.jsx(
                             "li",
                             {
-                              onClick: () => k(n),
+                              onClick: (c) => {
+                                c.stopPropagation(), c.preventDefault(), b(i);
+                              },
                               className: "cursor-pointer py-x8 px-x24",
-                              children: L(n.name, t || "")
+                              children: N(i.name, n || "")
                             },
-                            n.id
+                            i.id
                           )) })
-                        ] }, r)
+                        ] }, t)
                       ] }) : /* @__PURE__ */ e.jsx(e.Fragment, {});
                     }
                   ),
-                  !p && b.every(
-                    (s) => s.items.length === 0
-                  ) ? /* @__PURE__ */ e.jsx("p", { className: " px-x24 fs-6", children: F }) : ""
+                  !u && r.every((s) => s.items.length === 0) ? /* @__PURE__ */ e.jsx("p", { className: " px-x24 fs-6", children: f }) : ""
                 ] })
               }
             )
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: c("ui-div-btn"), children: /* @__PURE__ */ e.jsx(
-          O,
+        /* @__PURE__ */ e.jsx("div", { className: o("ui-div-btn"), children: /* @__PURE__ */ e.jsx(
+          S,
           {
-            className: c(
+            className: o(
               "ui-btn-search",
               "bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"
             ),
             onClick: () => {
-              o([]), g(t ?? ""), u({ target: { value: t } }), m(!0);
+              m({ target: { value: n } }), l(!0);
             },
-            children: v
+            children: p
           }
         ) })
       ]
@@ -150,6 +134,6 @@ const P = ({
   );
 };
 export {
-  P as CommunicationSearch
+  T as CommunicationSearch
 };
 //# sourceMappingURL=index.es135.js.map

package/dist/index.es135.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es135.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useEffect, useMemo, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\nimport { useToggle } from \"usehooks-ts\";\n\nexport type Suggestion = {\n  category: string;\n  items: Service[];\n};\n\nexport type CommunicationSearchProps = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  items: Suggestion[];\n  loading?: boolean;\n  emptyLabel?: string;\n  setValue: (value: string) => void;\n  setSelectedElement: (value: Service) => void;\n};\n\nexport const CommunicationSearch = ({\n  btnText,\n  helperText = \"Cosa vuoi approfondire?\",\n  value,\n  loading,\n  items,\n  emptyLabel = \"Nessun risultato disponibile\",\n  setValue,\n  setSelectedElement,\n}: CommunicationSearchProps) => {\n  const [valueInput, setValueInput] = useState<string>(value ?? \"\");\n  const [filteredItems, setFilteredItems] = useState<Suggestion[]>([]);\n  const [focus, _, setFocus] = useToggle(false);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n    setValue(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items\n        .map((group) => ({\n          category: group.category,\n          items: group.items.filter((item) =>\n            item.name?.toLowerCase().includes(inputValue.toLowerCase()),\n          ),\n        }))\n        .filter((group) => group.items.length > 0);\n\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: Service) => {\n    setValueInput(item.name);\n    setFilteredItems([]);\n    setSelectedElement(item);\n    setFocus(false);\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className={\"text-primary fw-bold\"}>{match}</span>\n        {afterMatch}\n      </>\n    );\n  };\n\n  useEffect(() => {\n    if (valueInput?.length >= 3) {\n      handleInputChange({ target: { value: valueInput } } as any);\n      return;\n    }\n\n    return;\n  }, [items]);\n\n  const showMenu = useMemo(() => {\n    if (focus) {\n      return true;\n    }\n\n    if (\n      valueInput.length >= 3 &&\n      (filteredItems?.length > 0 || items.length > 0)\n    ) {\n      return true;\n    }\n\n    return focus;\n  }, [filteredItems, focus]);\n\n  const parsedData = useMemo(() => {\n    return [...(filteredItems.length ? filteredItems : items)];\n  }, [filteredItems, items]);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-communication-search\",\n        \"br-x4 bg-border-secondary w-full\",\n      )}\n      onBlur={() => setFocus(false)}\n    >\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-communication-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={valueInput}\n          onChange={handleInputChange}\n          onFocus={() => setFocus(true)}\n        />\n        {loading && <Spinner className=\"ui-loading-spinner\" />}\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n\n      <div\n        className={clsx(\"ui-wrap-list-item-search shadow position-absolute\", {\n          \"py-x24\": showMenu,\n        })}\n      >\n        <Col\n          gap=\"x24\"\n          fw=\"regular\"\n          text=\"secondary\"\n          fs=\"6\"\n          className=\"ui-list-item-search overflow-y-auto\"\n        >\n          {showMenu && (\n            <>\n              {parsedData.map((group, index) =>\n                group.items?.length ? (\n                  <>\n                    {\" \"}\n                    <div key={index}>\n                      <h4 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                        {group.category}\n                      </h4>\n                      <ul className=\"list-unstyled\">\n                        {group.items.map((item) => (\n                          <li\n                            key={item.id}\n                            onClick={() => handleSelectItem(item)}\n                            className=\"cursor-pointer py-x8 px-x24\"\n                          >\n                            {highlightMatch(item.name, valueInput || \"\")}\n                          </li>\n                        ))}\n                      </ul>\n                    </div>\n                  </>\n                ) : (\n                  <></>\n                ),\n              )}\n\n              {!loading &&\n              parsedData.every(\n                (suggestion) => suggestion.items.length === 0,\n              ) ? (\n                <p className=\" px-x24 fs-6\">{emptyLabel}</p>\n              ) : (\n                \"\"\n              )}\n            </>\n          )}\n        </Col>\n      </div>\n\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput ?? \"\");\n            handleInputChange({ target: { value: valueInput } } as any);\n            setFocus(true);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["CommunicationSearch","btnText","helperText","value","loading","items","emptyLabel","setValue","setSelectedElement","valueInput","setValueInput","useState","filteredItems","setFilteredItems","focus","_","setFocus","useToggle","handleInputChange","e","inputValue","results","group","item","_a","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","useEffect","showMenu","useMemo","parsedData","clsx","Spinner","Close","Col","suggestion","Button"],"mappings":"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"}
+{"version":3,"file":"index.es135.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useCallback, useMemo, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\n\nexport type Suggestion = {\n  category: string;\n  items: Service[];\n};\n\nexport type CommunicationSearchProps = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  items: Suggestion[];\n  loading?: boolean;\n  emptyLabel?: string;\n  setValue: (value: string) => void;\n  setSelectedElement: (value: Service) => void;\n};\n\nexport const CommunicationSearch = ({\n  btnText,\n  helperText = \"Cosa vuoi approfondire?\",\n  value,\n  loading,\n  items,\n  emptyLabel = \"Nessun risultato disponibile\",\n  setValue,\n  setSelectedElement,\n}: CommunicationSearchProps) => {\n  const [focus, setFocus] = useState(false);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValue(inputValue);\n  };\n\n  const handleSelectItem = (item: Service) => {\n    setSelectedElement(item);\n    setFocus(false);\n  };\n\n  const highlightMatch = useCallback((text: string, query: string) => {\n    if (!query) return text;\n\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className={\"text-primary fw-bold\"}>{match}</span>\n        {afterMatch}\n      </>\n    );\n  }, []);\n\n  const showMenu = useMemo(() => {\n    if (focus) {\n      return true;\n    }\n\n    if (value.length >= 3 && items?.length > 0) {\n      return true;\n    }\n\n    return focus;\n  }, [focus, items?.length, value.length]);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-communication-search\",\n        \"br-x4 bg-border-secondary w-full\",\n      )}\n      onBlur={() => {\n        setTimeout(() => {\n          setFocus(false);\n        }, 150);\n      }}\n    >\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-communication-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={value}\n          onChange={handleInputChange}\n          onFocus={() => setFocus(true)}\n        />\n        {loading && <Spinner className=\"ui-loading-spinner\" />}\n        {value && value.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n\n      <div\n        className={clsx(\"ui-wrap-list-item-search shadow position-absolute\", {\n          \"py-x24\": showMenu,\n        })}\n      >\n        <Col\n          gap=\"x24\"\n          fw=\"regular\"\n          text=\"secondary\"\n          fs=\"6\"\n          className=\"ui-list-item-search overflow-y-auto\"\n        >\n          {showMenu && (\n            <>\n              {items.map((group, index) =>\n                group.items?.length ? (\n                  <>\n                    {\" \"}\n                    <div key={index}>\n                      <h4 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                        {group.category}\n                      </h4>\n                      <ul className=\"list-unstyled\">\n                        {group.items.map((item) => (\n                          <li\n                            key={item.id}\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              e.preventDefault();\n\n                              handleSelectItem(item);\n                            }}\n                            className=\"cursor-pointer py-x8 px-x24\"\n                          >\n                            {highlightMatch(item.name, value || \"\")}\n                          </li>\n                        ))}\n                      </ul>\n                    </div>\n                  </>\n                ) : (\n                  <></>\n                ),\n              )}\n\n              {!loading &&\n              items.every((suggestion) => suggestion.items.length === 0) ? (\n                <p className=\" px-x24 fs-6\">{emptyLabel}</p>\n              ) : (\n                \"\"\n              )}\n            </>\n          )}\n        </Col>\n      </div>\n\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            handleInputChange({ target: { value } } as any);\n            setFocus(true);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["CommunicationSearch","btnText","helperText","value","loading","items","emptyLabel","setValue","setSelectedElement","focus","setFocus","useState","handleInputChange","e","inputValue","handleSelectItem","item","highlightMatch","useCallback","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","showMenu","useMemo","clsx","Spinner","Close","Col","group","_a","suggestion","Button"],"mappings":"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"}

package/dist/index.es136.js

@@ -1,4 +1,4 @@
-import { j as i } from "./index.es237.js";
+import { j as i } from "./index.es218.js";
 import { Section as s } from "./index.es54.js";
 import './sections/Login/Login.css';/* empty css            */
 import { EntryButton as g } from "./index.es43.js";

package/dist/index.es137.js

@@ -1,9 +1,9 @@
-import { j as r } from "./index.es237.js";
+import { j as r } from "./index.es218.js";
 import { Section as l } from "./index.es54.js";
-import { clsx as v } from "./index.es239.js";
+import { clsx as v } from "./index.es220.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as c } from "./index.es241.js";
+import { l as c } from "./index.es222.js";
 import { CardCategory as m } from "./index.es30.js";
 import { Col as g } from "./index.es10.js";
 import { ArrowLink as T } from "./index.es42.js";

package/dist/index.es138.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es237.js";
+import { j as e } from "./index.es218.js";
 import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
-import { clsx as m } from "./index.es239.js";
+import { clsx as m } from "./index.es220.js";
 import { Section as o } from "./index.es54.js";
 import { Col as h } from "./index.es10.js";
 import { Button as u } from "./index.es28.js";

package/dist/index.es139.js

@@ -1,8 +1,8 @@
-import { j as r } from "./index.es237.js";
+import { j as r } from "./index.es218.js";
 import './sections/RichText/RichText.css';/* empty css            */
 import { HTML as a } from "./index.es144.js";
 import n from "react";
-import { clsx as x } from "./index.es239.js";
+import { clsx as x } from "./index.es220.js";
 import { Section as o } from "./index.es54.js";
 import { Col as f } from "./index.es10.js";
 const T = ({

package/dist/index.es14.js

@@ -1,6 +1,6 @@
-import { j as a } from "./index.es237.js";
+import { j as a } from "./index.es218.js";
 import './components/ui/SearchDocument/SearchDocument.css';/* empty css            */
-import { clsx as n } from "./index.es239.js";
+import { clsx as n } from "./index.es220.js";
 import { useState as u } from "react";
 import { Close as C } from "./index.es158.js";
 import { Col as N } from "./index.es10.js";

package/dist/index.es140.js

@@ -1,9 +1,9 @@
-import { j as o } from "./index.es237.js";
+import { j as o } from "./index.es218.js";
 import { Section as i } from "./index.es54.js";
-import { clsx as v } from "./index.es239.js";
+import { clsx as v } from "./index.es220.js";
 import './sections/Services/Services.css';/* empty css            */
 import { useMemo as f } from "react";
-import { l as s } from "./index.es241.js";
+import { l as s } from "./index.es222.js";
 import { Col as m } from "./index.es10.js";
 import { ArrowLink as g } from "./index.es42.js";
 import { CardCategory as j } from "./index.es30.js";

package/dist/index.es141.js

@@ -1,6 +1,6 @@
-import { j as r } from "./index.es237.js";
+import { j as r } from "./index.es218.js";
 import { Section as c } from "./index.es54.js";
-import { clsx as u } from "./index.es239.js";
+import { clsx as u } from "./index.es220.js";
 import './sections/SuggestedServices/SuggestedServices.css';/* empty css            */
 import { CardService as p } from "./index.es34.js";
 import { Col as x } from "./index.es10.js";

package/dist/index.es142.js

@@ -1,4 +1,4 @@
-import { j as i } from "./index.es237.js";
+import { j as i } from "./index.es218.js";
 import './sections/Documents/Documents.css';/* empty css            */
 import { CardFile as a } from "./index.es101.js";
 import { Section as e } from "./index.es54.js";

package/dist/index.es143.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es237.js";
+import { j as s } from "./index.es218.js";
 import './sections/Tags/Tags.css';/* empty css            */
 import { TagsGroup as r } from "./index.es107.js";
 import { Section as t } from "./index.es54.js";

package/dist/index.es144.js

@@ -1,6 +1,6 @@
-import { j as o } from "./index.es237.js";
-import i from "./index.es248.js";
-import a from "./index.es249.js";
+import { j as o } from "./index.es218.js";
+import i from "./index.es229.js";
+import a from "./index.es230.js";
 const z = (n, t = void 0) => {
   const e = i.sanitize(n).replace(
     /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,

package/dist/index.es145.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es237.js";
+import { j as s } from "./index.es218.js";
 import './sections/Insights/Insights.css';/* empty css            */
 import { CardPreview as o } from "./index.es120.js";
 import { Section as e } from "./index.es54.js";

package/dist/index.es146.js

@@ -1,5 +1,5 @@
-import { j as s } from "./index.es237.js";
-import { clsx as c } from "./index.es239.js";
+import { j as s } from "./index.es218.js";
+import { clsx as c } from "./index.es220.js";
 import './sections/ImagesDescription/ImagesDescription.css';/* empty css            */
 import { Section as l } from "./index.es54.js";
 const _ = {

package/dist/index.es147.js

@@ -1,4 +1,4 @@
-import { j as r } from "./index.es237.js";
+import { j as r } from "./index.es218.js";
 import { VerticalCardStepper as c } from "./index.es124.js";
 import { Section as e } from "./index.es54.js";
 const p = ({

package/dist/index.es148.js

@@ -1,7 +1,7 @@
-import { j as e } from "./index.es237.js";
+import { j as e } from "./index.es218.js";
 import './sections/TableCard/TableCard.css';/* empty css            */
 import { useState as p, useMemo as x } from "react";
-import { useDebouncedValue as d } from "./index.es253.js";
+import { useDebouncedValue as d } from "./index.es234.js";
 import { Search as u } from "./index.es11.js";
 import { GridContainer as h } from "./index.es7.js";
 import { GridItem as f } from "./index.es8.js";

package/dist/index.es149.js

@@ -1,17 +1,17 @@
-import { j as r } from "./index.es237.js";
-import { useRef as L, useState as g, useCallback as f, useEffect as T } from "react";
-import { Swiper as _, SwiperSlide as V } from "./index.es254.js";
-import B from "./index.es255.js";
-import F from "./index.es256.js";
-import q from "./index.es257.js";
+import { j as r } from "./index.es218.js";
+import { useRef as L, useState as g, useCallback as x, useEffect as T } from "react";
+import { Swiper as _, SwiperSlide as V } from "./index.es235.js";
+import B from "./index.es236.js";
+import F from "./index.es237.js";
+import q from "./index.es238.js";
 import './sections/Slider/Slider.css';import './node_modules/swiper/modules/pagination.css';import './node_modules/swiper/modules/navigation.css';import './node_modules/swiper/swiper.css';/* empty css            */
 /* empty css            */
 /* empty css            */
 /* empty css            */
-import { clsx as z } from "./index.es239.js";
-import { Pause as D } from "./index.es262.js";
+import { clsx as z } from "./index.es220.js";
+import { Pause as D } from "./index.es243.js";
 import { File as G } from "./index.es183.js";
-import { ArrowLeft as x } from "./index.es170.js";
+import { ArrowLeft as f } from "./index.es170.js";
 import { PlayVideo as H } from "./index.es216.js";
 import { Col as J } from "./index.es10.js";
 import { Row as j } from "./index.es9.js";
@@ -27,13 +27,13 @@ const ae = ({
   swiperHeight: I = 574
   /* type = "full-image" */
 }) => {
-  const P = w || "a", k = N, t = L(null), [a, b] = g(0), [i, A] = g(!1), c = () => {
+  const P = w || "a", k = N, t = L(null), [a, b] = g(0), [i, A] = g(!0), c = () => {
     A(!i);
-  }, n = f(() => {
+  }, n = x(() => {
     if (!t.current) return;
     const e = t.current;
     e.isEnd && !e.params.loop ? e.slideTo(0) : e.slideNext();
-  }, []), R = f(() => {
+  }, []), R = x(() => {
     if (!t.current) return;
     const e = t.current;
     e.isBeginning && !e.params.loop ? e.slideTo(e.slides.length - 1) : e.slidePrev();
@@ -108,7 +108,7 @@ const ae = ({
         /* @__PURE__ */ r.jsxs(j, { className: "pagination", gap: "x20", children: [
           s.length > 1 && /* @__PURE__ */ r.jsxs(j, { alignItems: "center", children: [
             /* @__PURE__ */ r.jsx(
-              x,
+              f,
               {
                 width: 40,
                 height: 40,
@@ -138,7 +138,7 @@ const ae = ({
           ] }),
           /* @__PURE__ */ r.jsx("span", { children: `${a + 1} ${v} ${s.length}` }),
           s.length > 1 && /* @__PURE__ */ r.jsx(
-            x,
+            f,
             {
               width: 40,
               height: 40,

package/dist/index.es149.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es149.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  ElementType,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport { Navigation, Pagination, A11y } from \"swiper/modules\";\nimport \"swiper/css\";\nimport \"swiper/css/navigation\";\nimport \"swiper/css/pagination\";\nimport \"./Slider.scss\";\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\nimport clsx from \"clsx\";\nimport { Pause } from \"@/icons/Pause\";\nimport { Col, Row } from \"@/components\";\n\nexport type Slide = {\n  category?: {\n    type: string;\n    published_at: string;\n  };\n  src: string;\n  alt: string;\n  title: string;\n  href?: string;\n};\nexport type SliderType = \"full-image\";\nexport type SliderProps = {\n  slides: Slide[];\n  asImage: ElementType;\n  asLink?: ElementType;\n  timeout?: number;\n  openInNewTab?: boolean;\n  paginationLabel?: string;\n  withShadow?: boolean;\n  gradientColor?: string;\n  type?: SliderType;\n  swiperHeight?: number;\n};\n\nexport const Slider: React.FC<SliderProps> = ({\n  slides = [],\n  asLink = \"a\",\n  asImage = \"img\",\n  timeout = 3000,\n  openInNewTab = false,\n  paginationLabel = \"di\",\n  withShadow = true,\n  gradientColor = \"#3d6289\",\n  swiperHeight = 574,\n  /* type = \"full-image\" */\n}) => {\n  const LinkTag = asLink || \"a\";\n  const ImageComponent = asImage;\n  const swiperRef = useRef<any>(null);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const [autoplay, setAutoplay] = useState(false);\n  const toggleAutoPlay = () => {\n    setAutoplay(!autoplay);\n  };\n\n  const goNext = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isEnd && !swiper.params.loop) {\n      swiper.slideTo(0);\n    } else {\n      swiper.slideNext();\n    }\n  }, []);\n\n  const goPrev = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isBeginning && !swiper.params.loop) {\n      swiper.slideTo(swiper.slides.length - 1);\n    } else {\n      swiper.slidePrev();\n    }\n  }, []);\n\n  useEffect(() => {\n    const intervalId = autoplay\n      ? setInterval(() => {\n          goNext();\n        }, timeout)\n      : null;\n\n    return () => {\n      if (intervalId) clearInterval(intervalId);\n    };\n  }, [autoplay, goNext, timeout]);\n\n  const gradientColorStyle = {\n    \"--gradient\": gradientColor,\n  } as CSSProperties;\n\n  const swiperStyle = {\n    \"--swiper-height\": `${swiperHeight}px`,\n  } as CSSProperties;\n\n  return (\n    <Col className=\"ui-slider-section-wrapper-container\" style={swiperStyle}>\n      <div className=\"ui-slider\">\n        <Swiper\n          modules={[Navigation, Pagination, A11y]}\n          slidesPerView={1}\n          autoplay={autoplay}\n          observer={true}\n          observeParents={true}\n          loop={true}\n          onSwiper={(swiper) => (swiperRef.current = swiper)}\n          onSlideChange={(swiper) => setCurrentIndex(swiper.realIndex)}\n          style={swiperStyle}\n        >\n          {slides.map((slide, index) => (\n            <SwiperSlide key={index}>\n              <ImageComponent\n                src={slide.src}\n                alt={slide.alt}\n                className=\"slider-image\"\n                onLoad={() => swiperRef.current?.update?.()}\n              />\n              <div\n                className={clsx(\"slider-content\", {\n                  \"with-shadow\": withShadow,\n                })}\n                style={gradientColorStyle}\n              >\n                <div className=\"container\">\n                  <div className=\"slider-content-grid\">\n                    <div className=\"category\">\n                      {slide.category && (\n                        <File fillColor=\"#fff\" width={30} height={30} />\n                      )}\n                      {slide.category?.type ?? \" \"}\n                      <p className=\"date\">\n                        {slide.category?.published_at ?? \" \"}\n                      </p>\n                    </div>\n                    <LinkTag\n                      href={slides[currentIndex]?.href || \"\"}\n                      target={openInNewTab ? \"_blank\" : \"_self\"}\n                    >\n                      <h4 className=\"title\">{slide.title}</h4>\n                    </LinkTag>\n                  </div>\n                </div>\n              </div>\n            </SwiperSlide>\n          ))}\n          <Row className=\"pagination\" gap=\"x20\">\n            {slides.length > 1 && (\n              <Row alignItems=\"center\">\n                <ArrowLeft\n                  width={40}\n                  height={40}\n                  onClick={goPrev}\n                  color=\"white\"\n                  className=\"cursor-pointer\"\n                />\n                {autoplay ? (\n                  <Pause\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    className=\"cursor-pointer\"\n                  />\n                ) : (\n                  <PlayVideo\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    color=\"white\"\n                    className=\"cursor-pointer\"\n                  />\n                )}\n              </Row>\n            )}\n\n            <span>{`${currentIndex + 1} ${paginationLabel} ${slides.length}`}</span>\n            {slides.length > 1 && (\n              <ArrowLeft\n                width={40}\n                height={40}\n                className=\"next cursor-pointer\"\n                onClick={goNext}\n                color=\"white\"\n              />\n            )}\n          </Row>\n        </Swiper>\n      </div>\n    </Col>\n  );\n};\n"],"names":["Slider","slides","asLink","asImage","timeout","openInNewTab","paginationLabel","withShadow","gradientColor","swiperHeight","LinkTag","ImageComponent","swiperRef","useRef","currentIndex","setCurrentIndex","useState","autoplay","setAutoplay","toggleAutoPlay","goNext","useCallback","swiper","goPrev","useEffect","intervalId","gradientColorStyle","swiperStyle","jsx","Col","jsxs","Swiper","Navigation","Pagination","A11y","slide","index","SwiperSlide","_b","_a","clsx","File","_c","Row","ArrowLeft","Pause","PlayVideo"],"mappings":"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"}
+{"version":3,"file":"index.es149.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  ElementType,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport { Navigation, Pagination, A11y } from \"swiper/modules\";\nimport \"swiper/css\";\nimport \"swiper/css/navigation\";\nimport \"swiper/css/pagination\";\nimport \"./Slider.scss\";\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\nimport clsx from \"clsx\";\nimport { Pause } from \"@/icons/Pause\";\nimport { Col, Row } from \"@/components\";\n\nexport type Slide = {\n  category?: {\n    type: string;\n    published_at: string;\n  };\n  src: string;\n  alt: string;\n  title: string;\n  href?: string;\n};\nexport type SliderType = \"full-image\";\nexport type SliderProps = {\n  slides: Slide[];\n  asImage: ElementType;\n  asLink?: ElementType;\n  timeout?: number;\n  openInNewTab?: boolean;\n  paginationLabel?: string;\n  withShadow?: boolean;\n  gradientColor?: string;\n  type?: SliderType;\n  swiperHeight?: number;\n};\n\nexport const Slider: React.FC<SliderProps> = ({\n  slides = [],\n  asLink = \"a\",\n  asImage = \"img\",\n  timeout = 3000,\n  openInNewTab = false,\n  paginationLabel = \"di\",\n  withShadow = true,\n  gradientColor = \"#3d6289\",\n  swiperHeight = 574,\n  /* type = \"full-image\" */\n}) => {\n  const LinkTag = asLink || \"a\";\n  const ImageComponent = asImage;\n  const swiperRef = useRef<any>(null);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const [autoplay, setAutoplay] = useState(true);\n  const toggleAutoPlay = () => {\n    setAutoplay(!autoplay);\n  };\n\n  const goNext = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isEnd && !swiper.params.loop) {\n      swiper.slideTo(0);\n    } else {\n      swiper.slideNext();\n    }\n  }, []);\n\n  const goPrev = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isBeginning && !swiper.params.loop) {\n      swiper.slideTo(swiper.slides.length - 1);\n    } else {\n      swiper.slidePrev();\n    }\n  }, []);\n\n  useEffect(() => {\n    const intervalId = autoplay\n      ? setInterval(() => {\n          goNext();\n        }, timeout)\n      : null;\n\n    return () => {\n      if (intervalId) clearInterval(intervalId);\n    };\n  }, [autoplay, goNext, timeout]);\n\n  const gradientColorStyle = {\n    \"--gradient\": gradientColor,\n  } as CSSProperties;\n\n  const swiperStyle = {\n    \"--swiper-height\": `${swiperHeight}px`,\n  } as CSSProperties;\n\n  return (\n    <Col className=\"ui-slider-section-wrapper-container\" style={swiperStyle}>\n      <div className=\"ui-slider\">\n        <Swiper\n          modules={[Navigation, Pagination, A11y]}\n          slidesPerView={1}\n          autoplay={autoplay}\n          observer={true}\n          observeParents={true}\n          loop={true}\n          onSwiper={(swiper) => (swiperRef.current = swiper)}\n          onSlideChange={(swiper) => setCurrentIndex(swiper.realIndex)}\n          style={swiperStyle}\n        >\n          {slides.map((slide, index) => (\n            <SwiperSlide key={index}>\n              <ImageComponent\n                src={slide.src}\n                alt={slide.alt}\n                className=\"slider-image\"\n                onLoad={() => swiperRef.current?.update?.()}\n              />\n              <div\n                className={clsx(\"slider-content\", {\n                  \"with-shadow\": withShadow,\n                })}\n                style={gradientColorStyle}\n              >\n                <div className=\"container\">\n                  <div className=\"slider-content-grid\">\n                    <div className=\"category\">\n                      {slide.category && (\n                        <File fillColor=\"#fff\" width={30} height={30} />\n                      )}\n                      {slide.category?.type ?? \" \"}\n                      <p className=\"date\">\n                        {slide.category?.published_at ?? \" \"}\n                      </p>\n                    </div>\n                    <LinkTag\n                      href={slides[currentIndex]?.href || \"\"}\n                      target={openInNewTab ? \"_blank\" : \"_self\"}\n                    >\n                      <h4 className=\"title\">{slide.title}</h4>\n                    </LinkTag>\n                  </div>\n                </div>\n              </div>\n            </SwiperSlide>\n          ))}\n          <Row className=\"pagination\" gap=\"x20\">\n            {slides.length > 1 && (\n              <Row alignItems=\"center\">\n                <ArrowLeft\n                  width={40}\n                  height={40}\n                  onClick={goPrev}\n                  color=\"white\"\n                  className=\"cursor-pointer\"\n                />\n                {autoplay ? (\n                  <Pause\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    className=\"cursor-pointer\"\n                  />\n                ) : (\n                  <PlayVideo\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    color=\"white\"\n                    className=\"cursor-pointer\"\n                  />\n                )}\n              </Row>\n            )}\n\n            <span>{`${currentIndex + 1} ${paginationLabel} ${slides.length}`}</span>\n            {slides.length > 1 && (\n              <ArrowLeft\n                width={40}\n                height={40}\n                className=\"next cursor-pointer\"\n                onClick={goNext}\n                color=\"white\"\n              />\n            )}\n          </Row>\n        </Swiper>\n      </div>\n    </Col>\n  );\n};\n"],"names":["Slider","slides","asLink","asImage","timeout","openInNewTab","paginationLabel","withShadow","gradientColor","swiperHeight","LinkTag","ImageComponent","swiperRef","useRef","currentIndex","setCurrentIndex","useState","autoplay","setAutoplay","toggleAutoPlay","goNext","useCallback","swiper","goPrev","useEffect","intervalId","gradientColorStyle","swiperStyle","jsx","Col","jsxs","Swiper","Navigation","Pagination","A11y","slide","index","SwiperSlide","_b","_a","clsx","File","_c","Row","ArrowLeft","Pause","PlayVideo"],"mappings":"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"}

package/dist/index.es15.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es237.js";
+import { j as s } from "./index.es218.js";
 import { useState as w } from "react";
-import { clsx as n } from "./index.es239.js";
+import { clsx as n } from "./index.es220.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
 import { useMediaQuery as E } from "./index.es272.js";
 import { Close as M } from "./index.es158.js";

package/dist/index.es150.js

@@ -1,7 +1,7 @@
-import { j as i } from "./index.es237.js";
+import { j as i } from "./index.es218.js";
 import { createElement as j } from "react";
 import './sections/CommunicationContents/CommunicationContents.css';/* empty css            */
-import f from "./index.es264.js";
+import f from "./index.es245.js";
 import { AggregationItemCard as u } from "./index.es134.js";
 import { Row as a } from "./index.es9.js";
 import { Spinner as l } from "./index.es193.js";

package/dist/index.es151.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es237.js";
+import { j as e } from "./index.es218.js";
 import { ArrowRight as a } from "./index.es171.js";
 import { Tag as p } from "./index.es106.js";
 import { Col as x } from "./index.es10.js";

package/dist/index.es152.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es237.js";
+import { j as e } from "./index.es218.js";
 import { CommunicationSearch as s } from "./index.es135.js";
 const m = ({
   title: t,

package/dist/index.es153.js

@@ -1,8 +1,8 @@
-import { j as r } from "./index.es237.js";
+import { j as r } from "./index.es218.js";
 import './sections/TableList/TableList.css';/* empty css            */
 import { HTML as f } from "./index.es144.js";
 import n from "react";
-import { clsx as o } from "./index.es239.js";
+import { clsx as o } from "./index.es220.js";
 import { Section as s } from "./index.es54.js";
 import { Col as p } from "./index.es10.js";
 var u = /* @__PURE__ */ ((t) => (t.LEFT = "text-left", t.CENTER = "text-center", t.RIGHT = "text-right", t))(u || {});

package/dist/index.es154.js

@@ -1,5 +1,5 @@
-import { j as c } from "./index.es237.js";
-import { clsx as t } from "./index.es239.js";
+import { j as c } from "./index.es218.js";
+import { clsx as t } from "./index.es220.js";
 import { createColorClasses as e } from "./index.es268.js";
 const n = ({
   width: a = 24,

package/dist/index.es155.js

@@ -1,5 +1,5 @@
-import { j as r } from "./index.es237.js";
-import { clsx as a } from "./index.es239.js";
+import { j as r } from "./index.es218.js";
+import { clsx as a } from "./index.es220.js";
 import { createColorClasses as i } from "./index.es268.js";
 const x = ({
   width: s = 24,

package/dist/index.es156.js

@@ -1,5 +1,5 @@
-import { j as r } from "./index.es237.js";
-import { clsx as l } from "./index.es239.js";
+import { j as r } from "./index.es218.js";
+import { clsx as l } from "./index.es220.js";
 import { createColorClasses as a } from "./index.es268.js";
 const x = ({
   width: C = 32,