@anoki/fse-ui 1.0.718 → 1.0.719

package/dist/index.es117.js

@@ -1,42 +1,42 @@
 import { j as s } from "./index.es212.js";
-import { clsx as m } from "./index.es214.js";
-import { useState as x, useRef as w, useEffect as g, useMemo as R } from "react";
+import { clsx as x } from "./index.es214.js";
+import { useState as w, useRef as g, useEffect as j, useMemo as R } from "react";
 import './components/ui/DeclarantsSelect/DeclarantsSelect.css';/* empty css            */
 import { Close as z } from "./index.es134.js";
 import { ArrowDown as D } from "./index.es131.js";
 import { Col as O } from "./index.es10.js";
 const F = ({
-  size: j = "large",
+  size: v = "large",
   items: f = [],
-  className: v,
+  className: C,
   selectedItem: t,
   setSelectedItem: h,
-  placeholder: C = ""
+  placeholder: N = ""
 }) => {
-  const [o, i] = x(!1), [l, c] = x(""), d = w(null), u = w(null), p = f.filter((e) => {
+  const [o, i] = w(!1), [l, c] = w(""), d = g(null), u = g(null), p = f.filter((e) => {
     var r;
     return `${(r = e.labels) == null ? void 0 : r.it}`.toLowerCase().includes(l.toLowerCase());
   });
-  g(() => {
+  j(() => {
     const e = (n) => {
       d.current && !d.current.contains(n.target) && i(!1);
     };
     return o ? document.addEventListener("mousedown", e) : document.removeEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
-  }, [o]), g(() => {
+  }, [o]), j(() => {
     o && (c(""), u.current && u.current.focus());
   }, [o]);
-  const N = (e) => {
+  const b = (e) => {
     o && c(e.target.value);
-  }, b = () => {
+  }, k = () => {
     i(!o);
-  }, k = (e) => {
+  }, E = (e) => {
     e.stopPropagation(), h(null), c("");
-  }, E = R(() => {
+  }, L = R(() => {
     var e;
     return !o && t ? ((e = f.find((n) => n.code === t)) == null ? void 0 : e.labels.it) || "" : l;
-  }, [o, t, l]), L = t !== null || l.length > 0, y = (e, n) => {
+  }, [o, t, l]), m = t !== null || l.length > 0, y = (e, n) => {
     if (!n || n.trim() === "")
       return /* @__PURE__ */ s.jsxs("span", { style: { color: "black", fontSize: "0.85rem" }, children: [
         " ",
@@ -56,31 +56,31 @@ const F = ({
     "div",
     {
       ref: d,
-      className: m(
+      className: x(
         "ui-related-dropdown",
         "br-x4 bg-border-secondary w-full",
-        v
+        C
       ),
-      style: j === "large" ? { maxWidth: "100%" } : { maxWidth: "553px" },
+      style: v === "large" ? { maxWidth: "100%" } : { maxWidth: "553px" },
       children: [
         /* @__PURE__ */ s.jsxs("div", { className: "ui-input-container", children: [
           /* @__PURE__ */ s.jsx(
             "input",
             {
               ref: u,
-              className: m(
+              className: x(
                 "ui-related-dropdown-input",
                 "bg-white fs-6 br-x4 w-full pl-x24",
                 { active: o }
               ),
-              value: E,
-              onChange: N,
-              placeholder: C,
-              onClick: b
+              value: L,
+              onChange: b,
+              placeholder: N,
+              onClick: k
             }
           ),
-          L && /* @__PURE__ */ s.jsx("div", { className: "ui-close-button", onClick: k, children: /* @__PURE__ */ s.jsx(z, { width: 20 }) }),
-          /* @__PURE__ */ s.jsx("div", { className: "ui-div-btn", children: /* @__PURE__ */ s.jsx(D, { width: 40, height: 40 }) })
+          m && /* @__PURE__ */ s.jsx("div", { className: "ui-close-button", onClick: E, children: /* @__PURE__ */ s.jsx(z, { width: 20 }) }),
+          !m && /* @__PURE__ */ s.jsx("div", { className: "ui-div-btn", children: /* @__PURE__ */ s.jsx(D, { width: 40, height: 40 }) })
         ] }),
         o && /* @__PURE__ */ s.jsx("div", { className: "ui-related-dropdown-options", children: /* @__PURE__ */ s.jsx("div", { className: "px-x24 shadow w-full", children: /* @__PURE__ */ s.jsx(
           O,

package/dist/index.es117.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es117.js","sources":["../src/components/ui/DeclarantsSelect/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Col } from \"@/components\";\nimport \"./DeclarantsSelect.scss\";\nimport { ArrowDown, Close } from \"@/icons\";\n\nexport type Labels = {\n  it?: string;\n};\n\nexport type IncomeBasedDeclarant = {\n  code?: string;\n  labels: Labels;\n};\n\ntype DeclarantsSelectProps = {\n  size?: \"small\" | \"large\";\n  items: IncomeBasedDeclarant[];\n  className?: string;\n  selectedItem: string | null;\n  setSelectedItem: (item: string | null) => void;\n  placeholder?: string;\n  btnText?: string;\n};\n\nexport const DeclarantsSelect = ({\n  size = \"large\",\n  items = [],\n  className,\n  selectedItem,\n  setSelectedItem,\n  placeholder = \"\",\n}: DeclarantsSelectProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const filteredItems = items.filter((item) => {\n    const fullName = `${item.labels?.it}`.toLowerCase();\n    return fullName.includes(searchTerm.toLowerCase());\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  useEffect(() => {\n    if (isExpanded) {\n      setSearchTerm(\"\");\n      if (inputRef.current) {\n        inputRef.current.focus();\n      }\n    }\n  }, [isExpanded]);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (isExpanded) {\n      setSearchTerm(e.target.value);\n    }\n  };\n\n  const handleInputClick = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const handleClearClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setSelectedItem(null);\n    setSearchTerm(\"\");\n  };\n\n  const displayValue = useMemo(() => {\n    if (!isExpanded && selectedItem) {\n      return items.find((item) => item.code === selectedItem)?.labels.it || \"\";\n    }\n    return searchTerm;\n  }, [isExpanded, selectedItem, searchTerm]);\n\n  const showCloseButton = selectedItem !== null || searchTerm.length > 0;\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query || query.trim() === \"\")\n      return (\n        <span style={{ color: \"black\", fontSize: \"0.85rem\" }}> {text} </span>\n      );\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      <span style={{ color: \"black\", fontSize: \"0.85rem\" }}>\n        {beforeMatch}\n        <span style={{ fontSize: \"0.85rem\" }} className=\"text-primary fw-bold\">\n          {match}\n        </span>\n        {afterMatch}\n      </span>\n    );\n  };\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={clsx(\n        \"ui-related-dropdown\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n      )}\n      style={size === \"large\" ? { maxWidth: \"100%\" } : { maxWidth: \"553px\" }}\n    >\n      <div className=\"ui-input-container\">\n        <input\n          ref={inputRef}\n          className={clsx(\n            \"ui-related-dropdown-input\",\n            \"bg-white fs-6 br-x4 w-full pl-x24\",\n            { active: isExpanded },\n          )}\n          value={displayValue}\n          onChange={handleInputChange}\n          placeholder={placeholder}\n          onClick={handleInputClick}\n        />\n\n        {showCloseButton && (\n          <div className=\"ui-close-button\" onClick={handleClearClick}>\n            <Close width={20} />\n          </div>\n        )}\n\n        <div className=\"ui-div-btn\">\n          <ArrowDown width={40} height={40} />\n        </div>\n      </div>\n\n      {isExpanded && (\n        <div className=\"ui-related-dropdown-options\">\n          <div className=\"px-x24 shadow w-full\">\n            <Col\n              gap={\"x4\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-options-list fw-regular\"}\n            >\n              {filteredItems.length > 0 ? (\n                filteredItems.map((item, index) => {\n                  const fullName = `${item.labels?.it} `;\n                  return (\n                    <div\n                      className=\"ui-option-item\"\n                      key={item?.code || index}\n                      onClick={() => {\n                        setSelectedItem(item?.code || \"\");\n                        setIsExpanded(false);\n                      }}\n                    >\n                      {highlightMatch(fullName, searchTerm)}\n                    </div>\n                  );\n                })\n              ) : (\n                <div className=\"ui-option-item no-results\">\n                  <span style={{ color: \"gray\" }}>\n                    Nessun risultato trovato\n                  </span>\n                </div>\n              )}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DeclarantsSelect","size","items","className","selectedItem","setSelectedItem","placeholder","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","dropdownRef","useRef","inputRef","filteredItems","item","_a","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","handleClearClick","displayValue","useMemo","showCloseButton","highlightMatch","text","query","jsxs","index","beforeMatch","match","afterMatch","jsx","clsx","Close","ArrowDown","Col","fullName"],"mappings":"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"}
+{"version":3,"file":"index.es117.js","sources":["../src/components/ui/DeclarantsSelect/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Col } from \"@/components\";\nimport \"./DeclarantsSelect.scss\";\nimport { ArrowDown, Close } from \"@/icons\";\n\nexport type Labels = {\n  it?: string;\n};\n\nexport type IncomeBasedDeclarant = {\n  code?: string;\n  labels: Labels;\n};\n\ntype DeclarantsSelectProps = {\n  size?: \"small\" | \"large\";\n  items: IncomeBasedDeclarant[];\n  className?: string;\n  selectedItem: string | null;\n  setSelectedItem: (item: string | null) => void;\n  placeholder?: string;\n  btnText?: string;\n};\n\nexport const DeclarantsSelect = ({\n  size = \"large\",\n  items = [],\n  className,\n  selectedItem,\n  setSelectedItem,\n  placeholder = \"\",\n}: DeclarantsSelectProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const filteredItems = items.filter((item) => {\n    const fullName = `${item.labels?.it}`.toLowerCase();\n    return fullName.includes(searchTerm.toLowerCase());\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  useEffect(() => {\n    if (isExpanded) {\n      setSearchTerm(\"\");\n      if (inputRef.current) {\n        inputRef.current.focus();\n      }\n    }\n  }, [isExpanded]);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (isExpanded) {\n      setSearchTerm(e.target.value);\n    }\n  };\n\n  const handleInputClick = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const handleClearClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setSelectedItem(null);\n    setSearchTerm(\"\");\n  };\n\n  const displayValue = useMemo(() => {\n    if (!isExpanded && selectedItem) {\n      return items.find((item) => item.code === selectedItem)?.labels.it || \"\";\n    }\n    return searchTerm;\n  }, [isExpanded, selectedItem, searchTerm]);\n\n  const showCloseButton = selectedItem !== null || searchTerm.length > 0;\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query || query.trim() === \"\")\n      return (\n        <span style={{ color: \"black\", fontSize: \"0.85rem\" }}> {text} </span>\n      );\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      <span style={{ color: \"black\", fontSize: \"0.85rem\" }}>\n        {beforeMatch}\n        <span style={{ fontSize: \"0.85rem\" }} className=\"text-primary fw-bold\">\n          {match}\n        </span>\n        {afterMatch}\n      </span>\n    );\n  };\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={clsx(\n        \"ui-related-dropdown\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n      )}\n      style={size === \"large\" ? { maxWidth: \"100%\" } : { maxWidth: \"553px\" }}\n    >\n      <div className=\"ui-input-container\">\n        <input\n          ref={inputRef}\n          className={clsx(\n            \"ui-related-dropdown-input\",\n            \"bg-white fs-6 br-x4 w-full pl-x24\",\n            { active: isExpanded },\n          )}\n          value={displayValue}\n          onChange={handleInputChange}\n          placeholder={placeholder}\n          onClick={handleInputClick}\n        />\n\n        {showCloseButton && (\n          <div className=\"ui-close-button\" onClick={handleClearClick}>\n            <Close width={20} />\n          </div>\n        )}\n\n        {!showCloseButton && (\n          <div className=\"ui-div-btn\">\n            <ArrowDown width={40} height={40} />\n          </div>\n        )}\n      </div>\n\n      {isExpanded && (\n        <div className=\"ui-related-dropdown-options\">\n          <div className=\"px-x24 shadow w-full\">\n            <Col\n              gap={\"x4\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-options-list fw-regular\"}\n            >\n              {filteredItems.length > 0 ? (\n                filteredItems.map((item, index) => {\n                  const fullName = `${item.labels?.it} `;\n                  return (\n                    <div\n                      className=\"ui-option-item\"\n                      key={item?.code || index}\n                      onClick={() => {\n                        setSelectedItem(item?.code || \"\");\n                        setIsExpanded(false);\n                      }}\n                    >\n                      {highlightMatch(fullName, searchTerm)}\n                    </div>\n                  );\n                })\n              ) : (\n                <div className=\"ui-option-item no-results\">\n                  <span style={{ color: \"gray\" }}>\n                    Nessun risultato trovato\n                  </span>\n                </div>\n              )}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DeclarantsSelect","size","items","className","selectedItem","setSelectedItem","placeholder","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","dropdownRef","useRef","inputRef","filteredItems","item","_a","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","handleClearClick","displayValue","useMemo","showCloseButton","highlightMatch","text","query","jsxs","index","beforeMatch","match","afterMatch","jsx","clsx","Close","ArrowDown","Col","fullName"],"mappings":"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"}

package/dist/index.es216.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es382.js";
+import { __require as r } from "./index.es380.js";
 var a = r();
 export {
   a as l

package/dist/index.es223.js

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index.es383.js";
-import { __require as o } from "./index.es380.js";
+import { getDefaultExportFromCjs as r } from "./index.es381.js";
+import { __require as o } from "./index.es383.js";
 var e = o();
 const a = /* @__PURE__ */ r(e);
 export {

package/dist/index.es265.js

@@ -1,4 +1,4 @@
-import { useCopyToClipboard as s } from "./index.es399.js";
+import { useCopyToClipboard as s } from "./index.es414.js";
 import { useState as i } from "react";
 const d = () => {
   const [e, t] = s(), [p, o] = i(!1);

package/dist/index.es278.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es212.js";
-import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as ConsentModalFooter

package/dist/index.es279.js

@@ -1,6 +1,6 @@
 import { j as n } from "./index.es212.js";
 import { clsx as r } from "./index.es214.js";
-import './components/ui/DoctorConfirmModal/DoctorConfirmModalContent/DoctorConfirmModalContent.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalContent/ConsentModalContent.css';/* empty css            */
 const i = ({
   overrideClassNames: o,
   children: t

package/dist/index.es283.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es212.js";
-import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as DoctorModalFooter

package/dist/index.es288.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es212.js";
 import { clsx as m } from "./index.es214.js";
-import './components/ui/DoctorConfirmModal/DoctorConfirmModalContent/DoctorConfirmModalContent.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalContent/ConsentModalContent.css';/* empty css            */
 const e = ({
   overrideClassNames: o,
   children: t

package/dist/index.es290.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es212.js";
-import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
+import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
 const s = ({
   children: o
 }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });

package/dist/index.es378.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./index.es400.js";
+import { __exports as e } from "./index.es402.js";
 /**
  * @license React
  * react-jsx-runtime.production.js

package/dist/index.es379.js

@@ -1,4 +1,4 @@
-import { __exports as _ } from "./index.es401.js";
+import { __exports as _ } from "./index.es403.js";
 import we from "react";
 /**
  * @license React