@altimateai/ui-components 0.0.10-beta.4 → 0.0.10-beta.5

package/dist/NativeSelect.js

@@ -2002,15 +2002,45 @@ const Ci = Bt(
         secondary: "al-border-transparent al-bg-secondary al-text-secondary-foreground hover:al-bg-secondary/80",
         destructive: "al-border-transparent al-bg-destructive al-text-destructive-foreground hover:al-bg-destructive/80",
         outline: "al-text-foreground"
+      },
+      interactive: {
+        true: "al-cursor-pointer focus:al-ring-2 focus:al-ring-ring focus:al-ring-offset-2",
+        false: "al-cursor-default"
       }
     },
     defaultVariants: {
-      variant: "default"
+      variant: "default",
+      interactive: !1
     }
   }
 );
-function ud({ className: e, variant: o, ...t }) {
-  return /* @__PURE__ */ r.jsx("div", { className: I(Ci({ variant: o }), e), ...t });
+function ud({
+  className: e,
+  variant: o,
+  interactive: t = !0,
+  onAction: n,
+  children: a,
+  role: l = "status",
+  tabIndex: i,
+  onKeyDown: c,
+  ...d
+}) {
+  const u = (f) => {
+    t && n && (f.key === "Enter" || f.key === " ") && (f.preventDefault(), n()), c == null || c(f);
+  };
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      className: I(Ci({ variant: o, interactive: t }), e),
+      role: t ? "button" : l,
+      tabIndex: t ? 0 : i,
+      onKeyDown: u,
+      onClick: t ? n : void 0,
+      "aria-disabled": t && !n,
+      ...d,
+      children: a
+    }
+  );
 }
 var lo = "Collapsible", [_i, ua] = ue(lo), [Ni, io] = _i(lo), pa = s.forwardRef(
   (e, o) => {

package/dist/index.css

@@ -1 +1 @@
-div[data-radix-popper-content-wrapper]{z-index:100!important}
+div[data-radix-popper-content-wrapper]{z-index:1000!important}

package/dist/lineage/index.d.ts

@@ -1,4 +1,5 @@
 import * as React$1 from 'react';
+import { ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 declare const VIEWS_TYPE_COLOR: {
@@ -34,6 +35,11 @@ interface Table {
 interface ColumnMeta {
     [key: string]: string | number | boolean | null | undefined;
 }
+interface Tag {
+    name: string;
+    rk?: string;
+    description: string;
+}
 interface Column {
     name: string;
     table: string;
@@ -42,6 +48,7 @@ interface Column {
     is_transformation?: boolean;
     description: string;
     meta?: Map<string, ColumnMeta>;
+    tags?: Tag[];
 }
 interface Columns {
     id: string;
@@ -179,6 +186,10 @@ interface LineageProviderProps {
     lineageType: LineageType;
     allowSyncColumnsWithDB?: boolean;
     externalSidePanel?: boolean;
+    renderTags?: (entity: {
+        column: Column;
+        table_rk: string;
+    }) => ReactNode;
 }
 interface LineageRef {
     rerender: () => void;
@@ -210,4 +221,4 @@ declare const ViewsTypeBadge: ({ viewsType }: {
     viewsType: string;
 }) => react_jsx_runtime.JSX.Element;
 
-export { CLL, CllEvents, type CollectColumn, type Column, type ColumnLineage, type ColumnMeta, type Columns, type Confidence, type Details, type ExportFinalLineageArgs, type ExposureMetaData, _default as Lineage, type LineageRef, type ModalArgs, NodeIcon, type OpNodeArgs, type SelectedColumn, type SnowflakeStageMetadata, type StaticLineage, type StaticLineageDetails, type Table, type TableMeta, type ViewsCodeModalArgs, ViewsTypeBadge };
+export { CLL, CllEvents, type CollectColumn, type Column, type ColumnLineage, type ColumnMeta, type Columns, type Confidence, type Details, type ExportFinalLineageArgs, type ExposureMetaData, _default as Lineage, type LineageRef, type ModalArgs, NodeIcon, type OpNodeArgs, type SelectedColumn, type SnowflakeStageMetadata, type StaticLineage, type StaticLineageDetails, type Table, type TableMeta, type Tag, type ViewsCodeModalArgs, ViewsTypeBadge };

package/dist/lineage/index.js

@@ -492,6 +492,7 @@ const p5 = {
   errors: {},
   lightdashEnabled: !1,
   showCodeModal: !1,
+  renderTags: void 0,
   config: { exportFinalLineage: !1 }
 }, yt = Zr({
   name: "lineageState",
@@ -606,6 +607,9 @@ const p5 = {
     setShowCodeModal: (e, t) => {
       e.showCodeModal = t.payload;
     },
+    setRenderTags: (e, t) => {
+      e.renderTags = t.payload;
+    },
     setConfig: (e, t) => {
       e.config = t.payload;
     }
@@ -641,6 +645,7 @@ const p5 = {
   setErrors: So,
   setLightdashEnabled: L5,
   setShowCodeModal: N5,
+  setRenderTags: P4,
   setConfig: M5
 } = yt.actions;
 function Ee(e) {
@@ -5211,8 +5216,8 @@ const Ka = "_component_13r39_1", Ya = "_spin_13r39_1", Xa = {
   /* @__PURE__ */ a.jsx("div", { className: Q(I.column_card), children: /* @__PURE__ */ a.jsx("div", { className: "font-normal fs-xxs", children: e }) })
 ] }) }) }), Ws = ({ column: e, handleClick: t, selected: n, isSelectable: o }) => {
   const {
-    state: { theme: s, config: r },
-    dispatch: i
+    state: { theme: s, config: r, renderTags: i },
+    dispatch: l
   } = je(h1);
   return /* @__PURE__ */ a.jsxs(
     "div",
@@ -5233,8 +5238,8 @@ const Ka = "_component_13r39_1", Ya = "_spin_13r39_1", Xa = {
             fo,
             {
               className: "al-w-8 al-h-8",
-              onClick: async (l) => {
-                l.stopPropagation(), i(
+              onClick: async (c) => {
+                c.stopPropagation(), l(
                   c1({
                     type: "export_final_lineage",
                     args: { table: e.table, column: e.name }
@@ -5248,6 +5253,7 @@ const Ka = "_component_13r39_1", Ya = "_spin_13r39_1", Xa = {
           e.datatype && /* @__PURE__ */ a.jsx(Ja, { label: e.datatype })
         ] }),
         e.description && /* @__PURE__ */ a.jsx("div", { className: "d-flex flex-column", children: /* @__PURE__ */ a.jsx("div", { className: "font-normal fs-xxs text-grey", children: e.description }) }),
+        i && i({ column: e, table_rk: e.table }),
         e.code && /* @__PURE__ */ a.jsx(At, { code: e.code, language: "sql", editorTheme: "tomorrow", theme: s })
       ]
     }
@@ -6721,54 +6727,56 @@ const cn = () => {
   dynamicLineage: o,
   staticLineage: s,
   allowSyncColumnsWithDB: r,
-  externalSidePanel: i = !1
-}, l) => {
-  const [c, h] = Dr(yt.reducer, {
+  externalSidePanel: i = !1,
+  renderTags: l
+}, c) => {
+  const [h, f] = Dr(yt.reducer, {
     ...yt.getInitialState(),
     theme: e,
     lineageType: t,
     sqlLineage: n,
     allowSyncColumnsWithDB: r,
-    externalSidePanel: i
-  }), f = X(), [u, m] = se(0), C = oe(() => m((E) => (E + 1) % 100), []);
+    externalSidePanel: i,
+    renderTags: l
+  }), u = X(), [m, C] = se(0), x = oe(() => C((_) => (_ + 1) % 100), []);
   Y(() => {
-    var E;
-    (E = f.current) == null || E.fitView({});
-  }, [u]), Ir(l, () => ({
-    rerender: C
+    var _;
+    (_ = u.current) == null || _.fitView({});
+  }, [m]), Ir(c, () => ({
+    rerender: x
   })), Y(() => {
-    h(y5(e));
+    f(y5(e));
   }, [e]);
-  const x = ge(
+  const E = ge(
     () => ({
-      state: c,
-      dispatch: h,
-      rerender: C
+      state: h,
+      dispatch: f,
+      rerender: x
     }),
-    [c, h, C]
+    [h, f, x]
   );
-  return /* @__PURE__ */ a.jsx(h1.Provider, { value: x, children: /* @__PURE__ */ a.jsxs("div", { className: "lineage-component", children: [
+  return /* @__PURE__ */ a.jsx(h1.Provider, { value: E, children: /* @__PURE__ */ a.jsxs("div", { className: "lineage-component", children: [
     t === "sql" && n && /* @__PURE__ */ a.jsx(
       N4,
       {
-        flow: f,
+        flow: u,
         details: n.details,
         tableEdges: n.tableEdges,
         nodePositions: n.nodePositions
       }
     ),
-    t === "dynamic" && o && /* @__PURE__ */ a.jsx(v4, { flow: f, theme: e }),
-    t === "static" && s && /* @__PURE__ */ a.jsx(b4, { flow: f, ...s }),
+    t === "dynamic" && o && /* @__PURE__ */ a.jsx(v4, { flow: u, theme: e }),
+    t === "static" && s && /* @__PURE__ */ a.jsx(b4, { flow: u, ...s }),
     /* @__PURE__ */ a.jsx("div", { id: "lineage-sidebar" })
   ] }) });
-}, P4 = L2(M4), ue = () => je(h1), pe = () => {
+}, O4 = L2(M4), ue = () => je(h1), pe = () => {
   const { dispatch: e } = je(h1);
   return e;
 };
 export {
   he as CLL,
   Aa as CllEvents,
-  P4 as Lineage,
+  O4 as Lineage,
   Q2 as NodeIcon,
   Bt as ViewsTypeBadge
 };

package/dist/shadcn/index.d.ts

@@ -224,10 +224,19 @@ declare const Tooltip: ({ children, title, ...props }: TooltipPrimitive.TooltipP
 
 declare const badgeVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    interactive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+    /**
+     * If true, the badge will be focusable and handle keyboard events
+     */
+    interactive?: boolean;
+    /**
+     * Optional click handler for interactive badges
+     */
+    onAction?: () => void;
 }
-declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function Badge({ className, variant, interactive, onAction, children, role, tabIndex, onKeyDown, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
 declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
 declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;

package/dist/shadcn/index.js

@@ -753,7 +753,7 @@ const Dl = jl, Mr = c.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */
   {
     ref: a,
     className: w(
-      "al-fixed al-top-0 al-z-[100] al-flex al-max-h-screen al-w-full al-flex-col-reverse al-p-4 sm:al-bottom-0 sm:al-right-0 sm:al-top-auto sm:al-flex-col md:al-max-w-[420px]",
+      "al-fixed al-top-0 al-z-[1000] al-flex al-max-h-screen al-w-full al-flex-col-reverse al-p-4 sm:al-bottom-0 sm:al-right-0 sm:al-top-auto sm:al-flex-col md:al-max-w-[420px]",
       e
     ),
     role: "region",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altimateai/ui-components",
-  "version": "0.0.10-beta.4",
+  "version": "0.0.10-beta.5",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/AltimateAI/altimate-components.git"