@anoki/fse-ui 2.1.0-SNAPSHOT51 → 2.1.0-SNAPSHOT53

package/dist/index.es62.js.map

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

@@ -1,65 +1,25 @@
-var p = function(e) {
-  return e.tagName === "TEXTAREA";
-}, w = function(e, r) {
-  if (!(e instanceof Element))
-    return !1;
-  var o = window.getComputedStyle(e);
-  return (
-    // not-not-scrollable
-    o[r] !== "hidden" && // contains scroll inside self
-    !(o.overflowY === o.overflowX && !p(e) && o[r] === "visible")
-  );
-}, y = function(e) {
-  return w(e, "overflowY");
-}, H = function(e) {
-  return w(e, "overflowX");
-}, R = function(e, r) {
-  var o = r.ownerDocument, t = r;
-  do {
-    typeof ShadowRoot < "u" && t instanceof ShadowRoot && (t = t.host);
-    var v = g(e, t);
-    if (v) {
-      var n = b(e, t), a = n[1], l = n[2];
-      if (a > l)
-        return !0;
+import * as n from "react";
+import { Primitive as p } from "./index.es489.js";
+import { j as o } from "./index.es250.js";
+var v = "Arrow", e = n.forwardRef((r, i) => {
+  const { children: t, width: s = 10, height: a = 5, ...m } = r;
+  return /* @__PURE__ */ o.jsx(
+    p.svg,
+    {
+      ...m,
+      ref: i,
+      width: s,
+      height: a,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: r.asChild ? t : /* @__PURE__ */ o.jsx("polygon", { points: "0,0 30,0 15,10" })
     }
-    t = t.parentNode;
-  } while (t && t !== o.body);
-  return !1;
-}, B = function(e) {
-  var r = e.scrollTop, o = e.scrollHeight, t = e.clientHeight;
-  return [
-    r,
-    o,
-    t
-  ];
-}, V = function(e) {
-  var r = e.scrollLeft, o = e.scrollWidth, t = e.clientWidth;
-  return [
-    r,
-    o,
-    t
-  ];
-}, g = function(e, r) {
-  return e === "v" ? y(r) : H(r);
-}, b = function(e, r) {
-  return e === "v" ? B(r) : V(r);
-}, D = function(e, r) {
-  return e === "h" && r === "rtl" ? -1 : 1;
-}, W = function(e, r, o, t, v) {
-  var n = D(e, window.getComputedStyle(r).direction), a = n * t, l = o.target, f = r.contains(l), i = !1, s = a > 0, d = 0, h = 0;
-  do {
-    var c = b(e, l), u = c[0], m = c[1], C = c[2], S = m - C - n * u;
-    (u || S) && g(e, l) && (d += S, h += u), l instanceof ShadowRoot ? l = l.host : l = l.parentNode;
-  } while (
-    // portaled content
-    !f && l !== document.body || // self content
-    f && (r.contains(l) || r === l)
   );
-  return (s && Math.abs(d) < 1 || !s && Math.abs(h) < 1) && (i = !0), i;
-};
+});
+e.displayName = v;
+var h = e;
 export {
-  W as handleScroll,
-  R as locationCouldBeScrolled
+  e as Arrow,
+  h as Root
 };
 //# sourceMappingURL=index.es620.js.map

package/dist/index.es620.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es620.js","sources":["../node_modules/react-remove-scroll/dist/es2015/handleScroll.js"],"sourcesContent":["var alwaysContainsScroll = function (node) {\n    // textarea will always _contain_ scroll inside self. It only can be hidden\n    return node.tagName === 'TEXTAREA';\n};\nvar elementCanBeScrolled = function (node, overflow) {\n    if (!(node instanceof Element)) {\n        return false;\n    }\n    var styles = window.getComputedStyle(node);\n    return (\n    // not-not-scrollable\n    styles[overflow] !== 'hidden' &&\n        // contains scroll inside self\n        !(styles.overflowY === styles.overflowX && !alwaysContainsScroll(node) && styles[overflow] === 'visible'));\n};\nvar elementCouldBeVScrolled = function (node) { return elementCanBeScrolled(node, 'overflowY'); };\nvar elementCouldBeHScrolled = function (node) { return elementCanBeScrolled(node, 'overflowX'); };\nexport var locationCouldBeScrolled = function (axis, node) {\n    var ownerDocument = node.ownerDocument;\n    var current = node;\n    do {\n        // Skip over shadow root\n        if (typeof ShadowRoot !== 'undefined' && current instanceof ShadowRoot) {\n            current = current.host;\n        }\n        var isScrollable = elementCouldBeScrolled(axis, current);\n        if (isScrollable) {\n            var _a = getScrollVariables(axis, current), scrollHeight = _a[1], clientHeight = _a[2];\n            if (scrollHeight > clientHeight) {\n                return true;\n            }\n        }\n        current = current.parentNode;\n    } while (current && current !== ownerDocument.body);\n    return false;\n};\nvar getVScrollVariables = function (_a) {\n    var scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;\n    return [\n        scrollTop,\n        scrollHeight,\n        clientHeight,\n    ];\n};\nvar getHScrollVariables = function (_a) {\n    var scrollLeft = _a.scrollLeft, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;\n    return [\n        scrollLeft,\n        scrollWidth,\n        clientWidth,\n    ];\n};\nvar elementCouldBeScrolled = function (axis, node) {\n    return axis === 'v' ? elementCouldBeVScrolled(node) : elementCouldBeHScrolled(node);\n};\nvar getScrollVariables = function (axis, node) {\n    return axis === 'v' ? getVScrollVariables(node) : getHScrollVariables(node);\n};\nvar getDirectionFactor = function (axis, direction) {\n    /**\n     * If the element's direction is rtl (right-to-left), then scrollLeft is 0 when the scrollbar is at its rightmost position,\n     * and then increasingly negative as you scroll towards the end of the content.\n     * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft\n     */\n    return axis === 'h' && direction === 'rtl' ? -1 : 1;\n};\nexport var handleScroll = function (axis, endTarget, event, sourceDelta, noOverscroll) {\n    var directionFactor = getDirectionFactor(axis, window.getComputedStyle(endTarget).direction);\n    var delta = directionFactor * sourceDelta;\n    // find scrollable target\n    var target = event.target;\n    var targetInLock = endTarget.contains(target);\n    var shouldCancelScroll = false;\n    var isDeltaPositive = delta > 0;\n    var availableScroll = 0;\n    var availableScrollTop = 0;\n    do {\n        var _a = getScrollVariables(axis, target), position = _a[0], scroll_1 = _a[1], capacity = _a[2];\n        var elementScroll = scroll_1 - capacity - directionFactor * position;\n        if (position || elementScroll) {\n            if (elementCouldBeScrolled(axis, target)) {\n                availableScroll += elementScroll;\n                availableScrollTop += position;\n            }\n        }\n        if (target instanceof ShadowRoot) {\n            target = target.host;\n        }\n        else {\n            target = target.parentNode;\n        }\n    } while (\n    // portaled content\n    (!targetInLock && target !== document.body) ||\n        // self content\n        (targetInLock && (endTarget.contains(target) || endTarget === target)));\n    // handle epsilon around 0 (non standard zoom levels)\n    if (isDeltaPositive &&\n        ((noOverscroll && Math.abs(availableScroll) < 1) || (!noOverscroll && delta > availableScroll))) {\n        shouldCancelScroll = true;\n    }\n    else if (!isDeltaPositive &&\n        ((noOverscroll && Math.abs(availableScrollTop) < 1) || (!noOverscroll && -delta > availableScrollTop))) {\n        shouldCancelScroll = true;\n    }\n    return shouldCancelScroll;\n};\n"],"names":["alwaysContainsScroll","node","elementCanBeScrolled","overflow","styles","elementCouldBeVScrolled","elementCouldBeHScrolled","locationCouldBeScrolled","axis","ownerDocument","current","isScrollable","elementCouldBeScrolled","_a","getScrollVariables","scrollHeight","clientHeight","getVScrollVariables","scrollTop","getHScrollVariables","scrollLeft","scrollWidth","clientWidth","getDirectionFactor","direction","handleScroll","endTarget","event","sourceDelta","noOverscroll","directionFactor","delta","target","targetInLock","shouldCancelScroll","isDeltaPositive","availableScroll","availableScrollTop","position","scroll_1","capacity","elementScroll"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es620.js","sources":["../node_modules/@radix-ui/react-arrow/dist/index.mjs"],"sourcesContent":["// packages/react/arrow/src/arrow.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"Arrow\";\nvar Arrow = React.forwardRef((props, forwardedRef) => {\n  const { children, width = 10, height = 5, ...arrowProps } = props;\n  return /* @__PURE__ */ jsx(\n    Primitive.svg,\n    {\n      ...arrowProps,\n      ref: forwardedRef,\n      width,\n      height,\n      viewBox: \"0 0 30 10\",\n      preserveAspectRatio: \"none\",\n      children: props.asChild ? children : /* @__PURE__ */ jsx(\"polygon\", { points: \"0,0 30,0 15,10\" })\n    }\n  );\n});\nArrow.displayName = NAME;\nvar Root = Arrow;\nexport {\n  Arrow,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["NAME","Arrow","React","props","forwardedRef","children","width","height","arrowProps","jsx","Primitive","Root"],"mappings":";;;AAIA,IAAIA,IAAO,SACPC,IAAQC,EAAM,WAAW,CAACC,GAAOC,MAAiB;AACpD,QAAM,EAAE,UAAAC,GAAU,OAAAC,IAAQ,IAAI,QAAAC,IAAS,GAAG,GAAGC,EAAU,IAAKL;AAC5D,SAAuBM,gBAAAA,EAAG;AAAA,IACxBC,EAAU;AAAA,IACV;AAAA,MACE,GAAGF;AAAA,MACH,KAAKJ;AAAA,MACL,OAAAE;AAAA,MACA,QAAAC;AAAA,MACA,SAAS;AAAA,MACT,qBAAqB;AAAA,MACrB,UAAUJ,EAAM,UAAUE,IAA2BI,gBAAAA,EAAG,IAAC,WAAW,EAAE,QAAQ,iBAAkB,CAAA;AAAA,IACtG;AAAA,EACG;AACH,CAAC;AACDR,EAAM,cAAcD;AACjB,IAACW,IAAOV;","x_google_ignoreList":[0]}