@epam/ai-dial-ui-kit 0.4.0-rc.46 → 0.4.0-rc.47

package/dist/dial-ui-kit.es.js

@@ -5823,34 +5823,33 @@ const i1 = Q(
 }, Ii = ({
   tab: e,
   active: t,
-  disabled: s,
-  invalid: o,
-  cssClass: i,
-  horizontal: n,
-  onClick: r
+  invalid: s,
+  cssClass: o,
+  horizontal: i,
+  onClick: n
 }) => {
-  const a = fe(
+  const r = fe(
     "rounded h-[32px] items-center flex flex-row border-transparent cursor-pointer dial-small leading-4 hover:text-accent-primary",
-    { "border-b-2 px-4": n, "border-l-2 px-3": !n }
-  ), l = fe(
-    a,
+    { "border-b-2 px-4": i, "border-l-2 px-3": !i }
+  ), a = fe(
+    r,
     {
-      "bg-layer-4": n,
-      "bg-layer-1 text-secondary pointer-events-none": s,
-      "bg-accent-primary-alpha text-primary": t && !s,
-      "text-primary": !t && !s,
-      "border-b-accent-primary": t && n && !s,
-      "border-l-accent-primary": t && !n && !s
+      "bg-layer-4": i,
+      "bg-layer-1 text-secondary pointer-events-none": e.disabled,
+      "bg-accent-primary-alpha text-primary": t && !e.disabled,
+      "text-primary": !t && !e.disabled,
+      "border-b-accent-primary": t && i && !e.disabled,
+      "border-l-accent-primary": t && !i && !e.disabled
     },
-    i
+    o
   );
   return /* @__PURE__ */ j(
     "button",
     {
       role: "tab",
-      className: l,
-      onClick: () => r(e.id),
-      disabled: s,
+      className: a,
+      onClick: () => n(e.id),
+      disabled: e.disabled,
       children: [
         /* @__PURE__ */ v(
           Ht,
@@ -5860,7 +5859,7 @@ const i1 = Q(
             cssClass: "max-w-[200px]"
           }
         ),
-        (o || e.invalid) && /* @__PURE__ */ v("div", { className: "text-error pl-1", children: /* @__PURE__ */ v(el, { ...we }) })
+        (s || e.invalid) && /* @__PURE__ */ v("div", { className: "text-error pl-1", children: /* @__PURE__ */ v(el, { ...we }) })
       ]
     }
   );
@@ -48080,7 +48079,6 @@ export {
   th as DialSharedEntityIndicator,
   nk as DialSteps,
   E1 as DialSwitch,
-  Ii as DialTab,
   u1 as DialTabs,
   ll as DialTag,
   wk as DialTagInput,

package/dist/src/components/Tab/Tab.d.ts

@@ -3,7 +3,6 @@ import { FC } from 'react';
 export interface DialTabProps {
     tab: TabModel;
     active: boolean;
-    disabled?: boolean;
     invalid?: boolean;
     horizontal?: boolean;
     cssClass?: string;
@@ -24,10 +23,8 @@ export interface DialTabProps {
  * />
  * ```
  *
- * @param tab - The tab model containing its `id` and `name`.
+ * @param tab - The tab model containing its `id`, `name`, [`disabled`], [`invalid`].
  * @param active - Whether the tab is currently active.
- * @param [disabled=false] - Whether the tab is disabled and non-interactive.
- * @param [invalid=false] - Whether the tab is marked as invalid, displaying an error icon.
  * @param [horizontal=false] - Whether the tab is displayed in horizontal orientation.
  * @param [cssClass] - Additional CSS classes applied to the tab element.
  * @param onClick - Callback fired when the tab is clicked. Receives the tab’s `id`.

package/dist/src/index.d.ts

@@ -20,7 +20,6 @@ export { DialFileName } from './components/FileName/FileName';
 export { DialFolderName } from './components/FolderName/FolderName';
 export { DialDateCellRenderer } from './components/Grid/renderers/DateCellRenderer';
 export { DialTabs } from './components/Tabs/Tabs';
-export { DialTab } from './components/Tab/Tab';
 export { DialBreadcrumb } from './components/Breadcrumb/Breadcrumb';
 export { DialBreadcrumbItem } from './components/Breadcrumb/BreadcrumbItem';
 export { DialButton } from './components/Button/Button';

package/dist/src/models/tab.d.ts

@@ -2,4 +2,5 @@ export interface TabModel {
     id: string;
     name: string;
     invalid?: boolean;
+    disabled?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.4.0-rc.46",
+  "version": "0.4.0-rc.47",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",