@devtron-labs/devtron-fe-common-lib 0.0.55-beta-2 → 0.0.55-beta-3

package/dist/Common/BreadCrumb/BreadCrumb.js

@@ -0,0 +1,71 @@
+import { j as f } from "../../jsx-runtime-0dcb030c.js";
+import d, { useEffect as b, useMemo as $ } from "react";
+import { useRouteMatch as h, useParams as k, Link as v } from "react-router-dom";
+import { useBreadcrumbContext as R } from "./BreadcrumbStore.js";
+import { C as y } from "../../Helper-a0caa238.js";
+const w = d.createContext(null);
+function A(o, c) {
+  let p = o?.sep || "/";
+  c = c || [];
+  const { url: x, path: m } = h(), t = k(), { state: e, setState: u } = R();
+  b(() => {
+    if (!(!o || !o.alias))
+      return u((a) => ({ ...a, alias: { ...a.alias, ...o.alias } })), () => j(Object.keys(o.alias));
+  }, c);
+  function _(a) {
+    u((s) => ({ ...s, alias: { ...s.alias, ...a } }));
+  }
+  function j(a) {
+    const s = a.reduce((n, l, i) => (delete n[l], n), e.alias);
+    u((n) => ({ ...n, alias: s }));
+  }
+  let C = $(() => {
+    const a = m.split("/").filter(Boolean), s = x.split("/").filter(Boolean);
+    return a.map((n, l) => {
+      const i = { to: s[l], name: n };
+      return n.startsWith(":") && t[n.replace(":", "")] && (i.className = "param"), i;
+    });
+  }, [m, x]);
+  const { res: B } = $(() => C.reduce(
+    (a, s, n) => {
+      const { res: l, prefix: i } = a, { to: N, name: r } = s;
+      return l.push({
+        to: !e.alias[r]?.component || e.alias[r]?.component && e.alias[r]?.linked ? `${i}${N}` : null,
+        name: typeof e.alias[r] == "object" ? e.alias[r]?.component ? e.alias[r].component : null : e.alias[r] || r,
+        className: s.className || ""
+      }), { res: l, prefix: `${i}${s.to}${p}` };
+    },
+    { res: [], prefix: "/" }
+  ), [C, e]);
+  return { breadcrumbs: B, setCrumb: _, resetCrumb: j };
+}
+const L = ({
+  breadcrumbs: o,
+  sep: c = "/",
+  className: p = "dc__devtron-breadcrumb__item"
+}) => {
+  const { url: x } = h(), m = o.filter((t) => !!t.name);
+  return /* @__PURE__ */ f.jsx(d.Fragment, { children: m.map((t, e) => /* @__PURE__ */ f.jsxs(d.Fragment, { children: [
+    /* @__PURE__ */ f.jsx(
+      y,
+      {
+        condition: !!t.to,
+        wrap: (u) => /* @__PURE__ */ f.jsx(
+          v,
+          {
+            className: `${x === t.to ? "active" : ""} ${p} ${t.className || ""}`,
+            to: t.to,
+            children: u
+          }
+        ),
+        children: t.name
+      }
+    ),
+    e + 1 !== m.length && t.name && /* @__PURE__ */ f.jsx("span", { className: `${p}__separator cn-5`, children: c })
+  ] }, e)) });
+};
+export {
+  L as BreadCrumb,
+  w as BreadcrumbContext,
+  A as useBreadcrumb
+};

package/dist/Common/BreadCrumb/BreadcrumbStore.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-declare const Store: ({ children }: {
-    children: any;
-}) => JSX.Element;
-export declare const BreadcrumbContext: React.Context<{
-    state: {
-        alias: {};
-    };
-    setState: any;
-}>;
-export declare function useBreadcrumbContext(): {
-    state: {
-        alias: {};
-    };
-    setState: any;
-};
-export default Store;
+import React from 'react';
+declare const Store: ({ children }: {
+    children: any;
+}) => JSX.Element;
+export declare const BreadcrumbContext: React.Context<{
+    state: {
+        alias: {};
+    };
+    setState: any;
+}>;
+export declare function useBreadcrumbContext(): {
+    state: {
+        alias: {};
+    };
+    setState: any;
+};
+export default Store;

package/dist/Common/BreadCrumb/BreadcrumbStore.js

@@ -0,0 +1,22 @@
+import { j as a } from "../../jsx-runtime-0dcb030c.js";
+import n, { createContext as s, useState as u } from "react";
+const c = {
+  alias: {}
+}, x = ({ children: t }) => {
+  const [o, r] = u(c);
+  return /* @__PURE__ */ a.jsx(e.Provider, { value: { state: o, setState: r }, children: t });
+}, e = s({
+  state: { alias: {} },
+  setState: null
+});
+function d() {
+  const t = n.useContext(e);
+  if (!t)
+    throw new Error("breadcrumb components cannot be used outside Breadcrumb context");
+  return t;
+}
+export {
+  e as BreadcrumbContext,
+  x as default,
+  d as useBreadcrumbContext
+};

package/dist/Common/BreadCrumb/Types.d.ts

@@ -1,28 +1,28 @@
-export interface Breadcrumb {
-    to: string;
-    name: string;
-    className?: string;
-}
-export interface UseBreadcrumbState {
-    breadcrumbs: Breadcrumb[];
-    setCrumb: (props: {
-        [key: string]: any;
-    }) => void;
-    resetCrumb: (props: string[]) => void;
-}
-export interface AdvancedAlias {
-    component: any;
-    linked: boolean;
-}
-export interface UseBreadcrumbProps {
-    sep?: string;
-    alias?: {
-        [key: string]: AdvancedAlias | any;
-    };
-}
-export interface Breadcrumbs {
-    breadcrumbs: Breadcrumb[];
-    sep?: string;
-    className?: string;
-}
-export type UseBreadcrumbOptionalProps = UseBreadcrumbProps | null;
+export interface Breadcrumb {
+    to: string;
+    name: string;
+    className?: string;
+}
+export interface UseBreadcrumbState {
+    breadcrumbs: Breadcrumb[];
+    setCrumb: (props: {
+        [key: string]: any;
+    }) => void;
+    resetCrumb: (props: string[]) => void;
+}
+export interface AdvancedAlias {
+    component: any;
+    linked: boolean;
+}
+export interface UseBreadcrumbProps {
+    sep?: string;
+    alias?: {
+        [key: string]: AdvancedAlias | any;
+    };
+}
+export interface Breadcrumbs {
+    breadcrumbs: Breadcrumb[];
+    sep?: string;
+    className?: string;
+}
+export type UseBreadcrumbOptionalProps = UseBreadcrumbProps | null;

package/dist/Common/BreadCrumb/Types.js

@@ -0,0 +1 @@
+