@devtron-labs/devtron-fe-common-lib 0.0.58-beta-12 → 0.0.58-beta-14

package/dist/Common/BreadCrumb/BreadCrumb.js

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