vrfi-design-system 1.0.98 → 1.1.0

package/dist/index.d.ts

@@ -891,6 +891,7 @@ declare interface TabsProps extends TabsProps_2 {
     onRemove?: (key: string) => void;
     onDoubleClickHandler?: (key: string) => void;
     isSticky?: boolean;
+    innerRef?: default_2.RefObject<HTMLDivElement> | null;
 }
 
 export declare const TextArea: ({ className, label, value, required, ...props }: TextAreaProps) => default_2.JSX.Element;

package/dist/main.es.js

@@ -61166,7 +61166,7 @@ function zme({ name: e }) {
     /* @__PURE__ */ k.jsx(xt, { children: /* @__PURE__ */ k.jsx(S0, { text: e }) })
   ] });
 }
-const Rme = "_noData_28a5a_24", Hme = "_subHeading_28a5a_32", jme = "_icon_28a5a_38", Qp = {
+const Rme = "_noData_1jdj8_24", Hme = "_subHeading_1jdj8_32", jme = "_icon_1jdj8_38", Qp = {
   noData: Rme,
   subHeading: Hme,
   icon: jme
@@ -62885,17 +62885,18 @@ const ICe = ({
   onDoubleClickHandler: a,
   activeKey: i,
   isSticky: l,
-  ...s
+  innerRef: s,
+  ...A
 }) => {
-  const A = (f) => (m) => {
-    m.stopPropagation(), a && a(f);
-  }, u = (f) => (m) => {
-    m.stopPropagation(), o && o(f);
-  }, d = (f, m) => {
-    const g = A(m), p = u(m);
-    return /* @__PURE__ */ k.jsxs("div", { className: CO.tabLabel, onDoubleClick: g, children: [
-      /* @__PURE__ */ k.jsx("span", { children: f }),
-      r && i === m && /* @__PURE__ */ k.jsx("i", { className: Pt.ICON_CLOSE, onClick: p })
+  const u = (m) => (g) => {
+    g.stopPropagation(), a && a(m);
+  }, d = (m) => (g) => {
+    g.stopPropagation(), o && o(m);
+  }, f = (m, g) => {
+    const p = u(g), v = d(g);
+    return /* @__PURE__ */ k.jsxs("div", { ref: i ? s : null, className: CO.tabLabel, onDoubleClick: p, children: [
+      /* @__PURE__ */ k.jsx("span", { children: m }),
+      r && i === g && /* @__PURE__ */ k.jsx("i", { className: Pt.ICON_CLOSE, onClick: v })
     ] });
   };
   return /* @__PURE__ */ k.jsx(
@@ -62918,15 +62919,15 @@ const ICe = ({
             [CO.tabsWrapper]: e === Az.CARD,
             isTabsSticky: l
           }),
-          ...s,
-          children: n.map(({ label: f, key: m, children: g, disabled: p }) => /* @__PURE__ */ k.jsx(
+          ...A,
+          children: n.map(({ label: m, key: g, children: p, disabled: v }) => /* @__PURE__ */ k.jsx(
             uf.TabPane,
             {
-              tab: r ? d(f, m) : f,
-              disabled: p,
-              children: g
+              tab: r ? f(m, g) : m,
+              disabled: v,
+              children: p
             },
-            m
+            g
           ))
         }
       )