@para-ui/core 5.0.3-beta.10 → 5.0.3-beta.11

package/es/ExpressionInput/index.js

@@ -1,67 +1,72 @@
-import { j as u } from "../_virtual/jsx-runtime.js";
+import { j as d } from "../_virtual/jsx-runtime.js";
 import './index.css';/* empty css           */
 import * as r from "react";
-import * as C from "react-dom";
-import { UUID as Z } from "@snack-kit/lib";
-import { TextField as Q } from "../TextField/index.js";
-import { Tooltip as Y } from "../Tooltip/index.js";
-import ee from "../GlobalContext/usePopupContainer.js";
-import te from "../GlobalContext/useFormatMessage.js";
-import { $prefixCls as z } from "../GlobalContext/constant.js";
-import { useExpressionInput as re } from "./useExpressionInput.js";
-import { Popup as ne } from "./Popup.js";
-import { isExpressionValue as oe } from "./isExpressionValue.js";
-import { highlightSegments as se } from "./highlightSegments.js";
-import ie from "./HighlightOverlay.js";
-import le from "./lang/index.js";
-const ae = 50, ce = "$", Le = (F) => {
+import * as I from "react-dom";
+import { UUID as ee } from "@snack-kit/lib";
+import { TextField as te } from "../TextField/index.js";
+import { Tooltip as re } from "../Tooltip/index.js";
+import ne from "../GlobalContext/usePopupContainer.js";
+import oe from "../GlobalContext/useFormatMessage.js";
+import { $prefixCls as W } from "../GlobalContext/constant.js";
+import { useExpressionInput as se } from "./useExpressionInput.js";
+import { Popup as ie } from "./Popup.js";
+import { isExpressionValue as le } from "./isExpressionValue.js";
+import { highlightSegments as ae } from "./highlightSegments.js";
+import ce from "./HighlightOverlay.js";
+import ue from "./lang/index.js";
+const de = 50, pe = "$", fe = (p, s) => {
+  const f = Object.keys(s);
+  return f.length === Object.keys(p).length && f.every((g) => p[g] === s[g]);
+}, Fe = (p) => {
   const {
-    value: d,
-    onChange: O,
-    resolveCandidates: j,
-    triggerMode: x = "braces",
-    triggerPrefix: f = ce,
-    virtualizeThreshold: D = ae,
-    renderPopupHeader: S,
-    expressionTooltip: g,
-    disabled: w,
-    readOnly: I,
-    className: y,
-    ...m
-  } = F, H = te("ExpressionInput", le), [h] = r.useState(() => `${z}-expression-input-${Z()}`), n = r.useRef(null), R = r.useRef(null), P = r.useRef({ getRootDomNode: () => n.current }), $ = ee(P), [M, q] = r.useState({ top: 0, left: 0, width: 0 }), o = r.useRef(null), [L, A] = r.useState(null), [B, U] = r.useState({}), a = String(d ?? ""), k = r.useMemo(() => se(a), [a]), {
-    open: s,
-    ctx: p,
-    candidates: v,
-    highlight: N,
-    setHighlight: V,
-    handleValueChange: W,
-    handleKeyDown: _,
-    handleSelect: K,
-    close: T,
-    pendingCursorRef: E
-  } = re({
-    value: a,
-    onChange: O,
-    resolveCandidates: j,
-    triggerMode: x,
-    triggerPrefix: f,
-    disabled: w,
-    readOnly: I
-  }), i = r.useCallback(() => {
+    value: s,
+    onChange: f,
+    resolveCandidates: g,
+    triggerMode: w = "braces",
+    triggerPrefix: h = pe,
+    virtualizeThreshold: $ = de,
+    renderPopupHeader: R,
+    expressionTooltip: v,
+    disabled: b,
+    readOnly: H,
+    className: L,
+    ...E
+  } = p, P = oe("ExpressionInput", ue), [y] = r.useState(() => `${W}-expression-input-${ee()}`), n = r.useRef(null), T = r.useRef(null), M = r.useRef({ getRootDomNode: () => n.current }), k = ne(M), [q, A] = r.useState({ top: 0, left: 0, width: 0 }), i = r.useRef(null), [C, B] = r.useState(null), [U, N] = r.useState({}), u = String(s ?? ""), V = r.useMemo(() => ae(u), [u]), {
+    open: l,
+    ctx: m,
+    candidates: x,
+    highlight: _,
+    setHighlight: K,
+    handleValueChange: G,
+    handleKeyDown: X,
+    handleSelect: J,
+    close: F,
+    pendingCursorRef: S
+  } = se({
+    value: u,
+    onChange: f,
+    resolveCandidates: g,
+    triggerMode: w,
+    triggerPrefix: h,
+    disabled: b,
+    readOnly: H
+  }), a = r.useCallback(() => {
     const e = n.current?.querySelector("input, textarea");
     if (!e)
       return;
     const t = e.getBoundingClientRect();
-    q({ top: t.bottom + 4, left: t.left, width: Math.max(t.width, 280) });
-  }, []), l = r.useCallback(() => {
+    A({ top: t.bottom + 4, left: t.left, width: Math.max(t.width, 280) });
+  }, []), o = r.useCallback(() => {
     const e = n.current?.querySelector("input, textarea");
     if (!e)
       return;
-    A(e.parentElement);
-    const t = window.getComputedStyle(e), c = e.tagName === "TEXTAREA";
-    U({
+    B(e.parentElement);
+    const t = window.getComputedStyle(e), c = e.tagName === "TEXTAREA", O = c ? Math.max(
+      0,
+      e.offsetWidth - e.clientWidth - (parseFloat(t.borderLeftWidth) || 0) - (parseFloat(t.borderRightWidth) || 0)
+    ) : 0, j = {
       paddingTop: t.paddingTop,
-      paddingRight: t.paddingRight,
+      paddingRight: O ? `${parseFloat(t.paddingRight) + O}px` : t.paddingRight,
       paddingBottom: t.paddingBottom,
       paddingLeft: t.paddingLeft,
       fontFamily: t.fontFamily,
@@ -75,116 +80,119 @@ const ae = 50, ce = "$", Le = (F) => {
       borderColor: "transparent",
       whiteSpace: c ? t.whiteSpace : "pre",
       wordBreak: c ? t.wordBreak : "normal"
-    });
+    };
+    N((D) => fe(D, j) ? D : j);
   }, []);
   r.useLayoutEffect(() => {
-    l(), window.addEventListener("resize", l);
+    o(), window.addEventListener("resize", o);
     const e = n.current;
     let t;
-    return e && typeof ResizeObserver < "u" && (t = new ResizeObserver(l), t.observe(e)), () => {
-      window.removeEventListener("resize", l), t?.disconnect();
+    return e && typeof ResizeObserver < "u" && (t = new ResizeObserver(o), t.observe(e)), () => {
+      window.removeEventListener("resize", o), t?.disconnect();
     };
-  }, [l]), r.useEffect(() => {
+  }, [o]), r.useEffect(() => {
     const e = n.current?.querySelector("input, textarea");
     if (!e)
       return;
     const t = () => {
-      o.current && (o.current.scrollLeft = e.scrollLeft, o.current.scrollTop = e.scrollTop);
+      i.current && (i.current.scrollLeft = e.scrollLeft, i.current.scrollTop = e.scrollTop);
     };
     return e.addEventListener("scroll", t), () => e.removeEventListener("scroll", t);
-  }, []), r.useEffect(() => {
+  }, []), r.useLayoutEffect(() => {
+    o();
+  }, [s, o]), r.useEffect(() => {
     const e = n.current?.querySelector("input, textarea");
-    e && o.current && (o.current.scrollLeft = e.scrollLeft, o.current.scrollTop = e.scrollTop);
-  }, [d]), r.useEffect(() => {
-    const e = E.current;
+    e && i.current && (i.current.scrollLeft = e.scrollLeft, i.current.scrollTop = e.scrollTop);
+  }, [s]), r.useEffect(() => {
+    const e = S.current;
     if (e === null)
       return;
     const t = n.current?.querySelector("input, textarea");
-    t && (t.focus(), t.setSelectionRange(e, e)), E.current = null;
-  }, [d, E]), r.useEffect(() => {
-    if (s)
-      return i(), window.addEventListener("scroll", i, !0), window.addEventListener("resize", i), () => {
-        window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i);
+    t && (t.focus(), t.setSelectionRange(e, e)), S.current = null;
+  }, [s, S]), r.useEffect(() => {
+    if (l)
+      return a(), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), () => {
+        window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a);
       };
-  }, [s, i]), r.useEffect(() => {
-    if (!s)
+  }, [l, a]), r.useEffect(() => {
+    if (!l)
       return;
     const e = (t) => {
       const c = t.target;
-      n.current?.contains(c) || R.current?.contains(c) || T();
+      n.current?.contains(c) || T.current?.contains(c) || F();
     };
     return document.addEventListener("mousedown", e, !0), () => document.removeEventListener("mousedown", e, !0);
-  }, [s, T, h]);
-  const G = (e) => {
+  }, [l, F, y]);
+  const Z = (e) => {
     const t = e.target.selectionStart ?? e.target.value.length;
-    W(e.target.value, t);
-  }, X = p ? S ? S(p, v.length) : H(
+    G(e.target.value, t);
+  }, Q = m ? R ? R(m, x.length) : P(
     { id: "header" },
-    { path: p.parts.length ? p.parts.join(".") : f, count: v.length }
-  ) : null, J = !!g && oe(a, f, x), b = /* @__PURE__ */ u.jsx(
-    Q,
+    { path: m.parts.length ? m.parts.join(".") : h, count: x.length }
+  ) : null, Y = !!v && le(u, h, w), z = /* @__PURE__ */ d.jsx(
+    te,
     {
-      ...m,
-      value: a,
-      disabled: w,
-      onChange: G,
+      ...E,
+      value: u,
+      disabled: b,
+      onChange: Z,
       onFocus: (e) => {
-        l(), m.onFocus?.(e);
+        o(), E.onFocus?.(e);
       },
       onKeydown: (e) => {
-        _(e), m.onKeydown?.(e);
+        X(e), E.onKeydown?.(e);
       }
     }
   );
-  return /* @__PURE__ */ u.jsxs(
+  return /* @__PURE__ */ d.jsxs(
     "div",
     {
       ref: n,
-      className: `${z}-expression-input ${h}${y ? ` ${y}` : ""}`,
+      className: `${W}-expression-input ${y}${L ? ` ${L}` : ""}`,
       children: [
-        g ? /* @__PURE__ */ u.jsx(
-          Y,
+        v ? /* @__PURE__ */ d.jsx(
+          re,
           {
-            title: g,
+            title: v,
             trigger: ["hover", "focus"],
-            ...J ? {} : { visible: !1 },
-            children: b
+            ...Y ? {} : { visible: !1 },
+            children: z
           }
-        ) : b,
-        L && C.createPortal(
-          /* @__PURE__ */ u.jsx(
-            ie,
+        ) : z,
+        C && I.createPortal(
+          /* @__PURE__ */ d.jsx(
+            ce,
             {
-              ref: o,
-              segments: k,
-              style: B
+              ref: i,
+              segments: V,
+              style: U
             }
           ),
-          L
+          C
         ),
-        s && n.current && C.createPortal(
-          /* @__PURE__ */ u.jsx(
-            ne,
+        l && n.current && I.createPortal(
+          /* @__PURE__ */ d.jsx(
+            ie,
             {
-              ref: R,
-              instanceClass: h,
-              visible: s,
-              rect: M,
-              header: X,
-              candidates: v,
-              highlight: N,
-              virtualizeThreshold: D,
-              onSelect: K,
-              onHighlightChange: V
+              ref: T,
+              instanceClass: y,
+              visible: l,
+              rect: q,
+              header: Q,
+              candidates: x,
+              highlight: _,
+              virtualizeThreshold: $,
+              onSelect: J,
+              onHighlightChange: K
             }
           ),
-          $(n.current)
+          k(n.current)
         )
       ]
     }
   );
 };
 export {
-  Le as default
+  Fe as default
 };
 //# sourceMappingURL=index.js.map

package/lib/ExpressionInput/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const f=require("../_virtual/jsx-runtime.js");;/* empty css            */const Q=require("react"),Y=require("react-dom"),ee=require("@snack-kit/lib"),te=require("../TextField/index.js"),ne=require("../Tooltip/index.js"),re=require("../GlobalContext/usePopupContainer.js"),oe=require("../GlobalContext/useFormatMessage.js"),O=require("../GlobalContext/constant.js"),se=require("./useExpressionInput.js"),ie=require("./Popup.js"),ue=require("./isExpressionValue.js"),ce=require("./highlightSegments.js"),le=require("./HighlightOverlay.js"),ae=require("./lang/index.js");function _(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const u in o)if(u!=="default"){const g=Object.getOwnPropertyDescriptor(o,u);Object.defineProperty(s,u,g.get?g:{enumerable:!0,get:()=>o[u]})}}return s.default=o,Object.freeze(s)}const n=_(Q),z=_(Y),de=50,pe="$",fe=o=>{const{value:s,onChange:u,resolveCandidates:g,triggerMode:y="braces",triggerPrefix:x=pe,virtualizeThreshold:D=de,renderPopupHeader:w,expressionTooltip:v,disabled:b,readOnly:F,className:T,...E}=o,P=oe.default("ExpressionInput",ae.default),[m]=n.useState(()=>`${O.$prefixCls}-expression-input-${ee.UUID()}`),r=n.useRef(null),q=n.useRef(null),I=n.useRef({getRootDomNode:()=>r.current}),M=re.default(I),[$,H]=n.useState({top:0,left:0,width:0}),i=n.useRef(null),[L,k]=n.useState(null),[A,B]=n.useState({}),d=String(s??""),N=n.useMemo(()=>ce.highlightSegments(d),[d]),{open:c,ctx:h,candidates:S,highlight:U,setHighlight:V,handleValueChange:W,handleKeyDown:K,handleSelect:G,close:C,pendingCursorRef:R}=se.useExpressionInput({value:d,onChange:u,resolveCandidates:g,triggerMode:y,triggerPrefix:x,disabled:b,readOnly:F}),l=n.useCallback(()=>{const e=r.current?.querySelector("input, textarea");if(!e)return;const t=e.getBoundingClientRect();H({top:t.bottom+4,left:t.left,width:Math.max(t.width,280)})},[]),a=n.useCallback(()=>{const e=r.current?.querySelector("input, textarea");if(!e)return;k(e.parentElement);const t=window.getComputedStyle(e),p=e.tagName==="TEXTAREA";B({paddingTop:t.paddingTop,paddingRight:t.paddingRight,paddingBottom:t.paddingBottom,paddingLeft:t.paddingLeft,fontFamily:t.fontFamily,fontSize:t.fontSize,fontWeight:t.fontWeight,lineHeight:t.lineHeight,letterSpacing:t.letterSpacing,boxSizing:t.boxSizing,borderWidth:t.borderWidth,borderStyle:t.borderStyle,borderColor:"transparent",whiteSpace:p?t.whiteSpace:"pre",wordBreak:p?t.wordBreak:"normal"})},[]);n.useLayoutEffect(()=>{a(),window.addEventListener("resize",a);const e=r.current;let t;return e&&typeof ResizeObserver<"u"&&(t=new ResizeObserver(a),t.observe(e)),()=>{window.removeEventListener("resize",a),t?.disconnect()}},[a]),n.useEffect(()=>{const e=r.current?.querySelector("input, textarea");if(!e)return;const t=()=>{i.current&&(i.current.scrollLeft=e.scrollLeft,i.current.scrollTop=e.scrollTop)};return e.addEventListener("scroll",t),()=>e.removeEventListener("scroll",t)},[]),n.useEffect(()=>{const e=r.current?.querySelector("input, textarea");e&&i.current&&(i.current.scrollLeft=e.scrollLeft,i.current.scrollTop=e.scrollTop)},[s]),n.useEffect(()=>{const e=R.current;if(e===null)return;const t=r.current?.querySelector("input, textarea");t&&(t.focus(),t.setSelectionRange(e,e)),R.current=null},[s,R]),n.useEffect(()=>{if(c)return l(),window.addEventListener("scroll",l,!0),window.addEventListener("resize",l),()=>{window.removeEventListener("scroll",l,!0),window.removeEventListener("resize",l)}},[c,l]),n.useEffect(()=>{if(!c)return;const e=t=>{const p=t.target;r.current?.contains(p)||q.current?.contains(p)||C()};return document.addEventListener("mousedown",e,!0),()=>document.removeEventListener("mousedown",e,!0)},[c,C,m]);const X=e=>{const t=e.target.selectionStart??e.target.value.length;W(e.target.value,t)},Z=h?w?w(h,S.length):P({id:"header"},{path:h.parts.length?h.parts.join("."):x,count:S.length}):null,J=!!v&&ue.isExpressionValue(d,x,y),j=f.jsxRuntimeExports.jsx(te.TextField,{...E,value:d,disabled:b,onChange:X,onFocus:e=>{a(),E.onFocus?.(e)},onKeydown:e=>{K(e),E.onKeydown?.(e)}});return f.jsxRuntimeExports.jsxs("div",{ref:r,className:`${O.$prefixCls}-expression-input ${m}${T?` ${T}`:""}`,children:[v?f.jsxRuntimeExports.jsx(ne.Tooltip,{title:v,trigger:["hover","focus"],...J?{}:{visible:!1},children:j}):j,L&&z.createPortal(f.jsxRuntimeExports.jsx(le.default,{ref:i,segments:N,style:A}),L),c&&r.current&&z.createPortal(f.jsxRuntimeExports.jsx(ie.Popup,{ref:q,instanceClass:m,visible:c,rect:$,header:Z,candidates:S,highlight:U,virtualizeThreshold:D,onSelect:G,onHighlightChange:V}),M(r.current))]})};exports.default=fe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const g=require("../_virtual/jsx-runtime.js");;/* empty css            */const te=require("react"),ne=require("react-dom"),re=require("@snack-kit/lib"),oe=require("../TextField/index.js"),se=require("../Tooltip/index.js"),ie=require("../GlobalContext/usePopupContainer.js"),ce=require("../GlobalContext/useFormatMessage.js"),_=require("../GlobalContext/constant.js"),le=require("./useExpressionInput.js"),ue=require("./Popup.js"),ae=require("./isExpressionValue.js"),de=require("./highlightSegments.js"),pe=require("./HighlightOverlay.js"),fe=require("./lang/index.js");function P(s){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const i in s)if(i!=="default"){const l=Object.getOwnPropertyDescriptor(s,i);Object.defineProperty(r,i,l.get?l:{enumerable:!0,get:()=>s[i]})}}return r.default=s,Object.freeze(r)}const n=P(te),D=P(ne),ge=50,he="$",xe=(s,r)=>{const i=Object.keys(r);return i.length===Object.keys(s).length&&i.every(l=>s[l]===r[l])},me=s=>{const{value:r,onChange:i,resolveCandidates:l,triggerMode:R="braces",triggerPrefix:x=he,virtualizeThreshold:M=ge,renderPopupHeader:b,expressionTooltip:m,disabled:w,readOnly:I,className:T,...v}=s,$=ce.default("ExpressionInput",fe.default),[E]=n.useState(()=>`${_.$prefixCls}-expression-input-${re.UUID()}`),o=n.useRef(null),L=n.useRef(null),W=n.useRef({getRootDomNode:()=>o.current}),H=ie.default(W),[k,A]=n.useState({top:0,left:0,width:0}),u=n.useRef(null),[q,B]=n.useState(null),[N,U]=n.useState({}),f=String(r??""),V=n.useMemo(()=>de.highlightSegments(f),[f]),{open:a,ctx:h,candidates:y,highlight:K,setHighlight:G,handleValueChange:X,handleKeyDown:Z,handleSelect:J,close:j,pendingCursorRef:S}=le.useExpressionInput({value:f,onChange:i,resolveCandidates:l,triggerMode:R,triggerPrefix:x,disabled:w,readOnly:I}),d=n.useCallback(()=>{const e=o.current?.querySelector("input, textarea");if(!e)return;const t=e.getBoundingClientRect();A({top:t.bottom+4,left:t.left,width:Math.max(t.width,280)})},[]),c=n.useCallback(()=>{const e=o.current?.querySelector("input, textarea");if(!e)return;B(e.parentElement);const t=window.getComputedStyle(e),p=e.tagName==="TEXTAREA",O=p?Math.max(0,e.offsetWidth-e.clientWidth-(parseFloat(t.borderLeftWidth)||0)-(parseFloat(t.borderRightWidth)||0)):0,F={paddingTop:t.paddingTop,paddingRight:O?`${parseFloat(t.paddingRight)+O}px`:t.paddingRight,paddingBottom:t.paddingBottom,paddingLeft:t.paddingLeft,fontFamily:t.fontFamily,fontSize:t.fontSize,fontWeight:t.fontWeight,lineHeight:t.lineHeight,letterSpacing:t.letterSpacing,boxSizing:t.boxSizing,borderWidth:t.borderWidth,borderStyle:t.borderStyle,borderColor:"transparent",whiteSpace:p?t.whiteSpace:"pre",wordBreak:p?t.wordBreak:"normal"};U(z=>xe(z,F)?z:F)},[]);n.useLayoutEffect(()=>{c(),window.addEventListener("resize",c);const e=o.current;let t;return e&&typeof ResizeObserver<"u"&&(t=new ResizeObserver(c),t.observe(e)),()=>{window.removeEventListener("resize",c),t?.disconnect()}},[c]),n.useEffect(()=>{const e=o.current?.querySelector("input, textarea");if(!e)return;const t=()=>{u.current&&(u.current.scrollLeft=e.scrollLeft,u.current.scrollTop=e.scrollTop)};return e.addEventListener("scroll",t),()=>e.removeEventListener("scroll",t)},[]),n.useLayoutEffect(()=>{c()},[r,c]),n.useEffect(()=>{const e=o.current?.querySelector("input, textarea");e&&u.current&&(u.current.scrollLeft=e.scrollLeft,u.current.scrollTop=e.scrollTop)},[r]),n.useEffect(()=>{const e=S.current;if(e===null)return;const t=o.current?.querySelector("input, textarea");t&&(t.focus(),t.setSelectionRange(e,e)),S.current=null},[r,S]),n.useEffect(()=>{if(a)return d(),window.addEventListener("scroll",d,!0),window.addEventListener("resize",d),()=>{window.removeEventListener("scroll",d,!0),window.removeEventListener("resize",d)}},[a,d]),n.useEffect(()=>{if(!a)return;const e=t=>{const p=t.target;o.current?.contains(p)||L.current?.contains(p)||j()};return document.addEventListener("mousedown",e,!0),()=>document.removeEventListener("mousedown",e,!0)},[a,j,E]);const Q=e=>{const t=e.target.selectionStart??e.target.value.length;X(e.target.value,t)},Y=h?b?b(h,y.length):$({id:"header"},{path:h.parts.length?h.parts.join("."):x,count:y.length}):null,ee=!!m&&ae.isExpressionValue(f,x,R),C=g.jsxRuntimeExports.jsx(oe.TextField,{...v,value:f,disabled:w,onChange:Q,onFocus:e=>{c(),v.onFocus?.(e)},onKeydown:e=>{Z(e),v.onKeydown?.(e)}});return g.jsxRuntimeExports.jsxs("div",{ref:o,className:`${_.$prefixCls}-expression-input ${E}${T?` ${T}`:""}`,children:[m?g.jsxRuntimeExports.jsx(se.Tooltip,{title:m,trigger:["hover","focus"],...ee?{}:{visible:!1},children:C}):C,q&&D.createPortal(g.jsxRuntimeExports.jsx(pe.default,{ref:u,segments:V,style:N}),q),a&&o.current&&D.createPortal(g.jsxRuntimeExports.jsx(ue.Popup,{ref:L,instanceClass:E,visible:a,rect:k,header:Y,candidates:y,highlight:K,virtualizeThreshold:M,onSelect:J,onHighlightChange:G}),H(o.current))]})};exports.default=me;
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "5.0.3-beta.10",
+  "version": "5.0.3-beta.11",
   "workspaces": [
     "packages/eslint-plugin-para-ui"
   ],