@devtron-labs/devtron-fe-common-lib 0.0.51 → 0.0.52-beta-1

package/dist/Common/BreadCrumb/BreadCrumb.js

@@ -0,0 +1,71 @@
+import { jsx as d, jsxs as j } from "react/jsx-runtime";
+import x, { useEffect as k, useMemo as h } from "react";
+import { useRouteMatch as _, useParams as v, Link as y } from "react-router-dom";
+import { useBreadcrumbContext as F } from "./BreadcrumbStore.js";
+import { C as M } from "../../Helper-1f1cf2ba.js";
+const E = x.createContext(null);
+function L(o, c) {
+  let f = o?.sep || "/";
+  c = c || [];
+  const { url: p, path: m } = _(), t = v(), { state: e, setState: u } = F();
+  k(() => {
+    if (!(!o || !o.alias))
+      return u((a) => ({ ...a, alias: { ...a.alias, ...o.alias } })), () => C(Object.keys(o.alias));
+  }, c);
+  function B(a) {
+    u((n) => ({ ...n, alias: { ...n.alias, ...a } }));
+  }
+  function C(a) {
+    const n = a.reduce((s, l, i) => (delete s[l], s), e.alias);
+    u((s) => ({ ...s, alias: n }));
+  }
+  let $ = h(() => {
+    const a = m.split("/").filter(Boolean), n = p.split("/").filter(Boolean);
+    return a.map((s, l) => {
+      const i = { to: n[l], name: s };
+      return s.startsWith(":") && t[s.replace(":", "")] && (i.className = "param"), i;
+    });
+  }, [m, p]);
+  const { res: N } = h(() => $.reduce(
+    (a, n, s) => {
+      const { res: l, prefix: i } = a, { to: b, name: r } = n;
+      return l.push({
+        to: !e.alias[r]?.component || e.alias[r]?.component && e.alias[r]?.linked ? `${i}${b}` : null,
+        name: typeof e.alias[r] == "object" ? e.alias[r]?.component ? e.alias[r].component : null : e.alias[r] || r,
+        className: n.className || ""
+      }), { res: l, prefix: `${i}${n.to}${f}` };
+    },
+    { res: [], prefix: "/" }
+  ), [$, e]);
+  return { breadcrumbs: N, setCrumb: B, resetCrumb: C };
+}
+const O = ({
+  breadcrumbs: o,
+  sep: c = "/",
+  className: f = "dc__devtron-breadcrumb__item"
+}) => {
+  const { url: p } = _(), m = o.filter((t) => !!t.name);
+  return /* @__PURE__ */ d(x.Fragment, { children: m.map((t, e) => /* @__PURE__ */ j(x.Fragment, { children: [
+    /* @__PURE__ */ d(
+      M,
+      {
+        condition: !!t.to,
+        wrap: (u) => /* @__PURE__ */ d(
+          y,
+          {
+            className: `${p === t.to ? "active" : ""} ${f} ${t.className || ""}`,
+            to: t.to,
+            children: u
+          }
+        ),
+        children: t.name
+      }
+    ),
+    e + 1 !== m.length && t.name && /* @__PURE__ */ d("span", { className: `${f}__separator cn-5`, children: c })
+  ] }, e)) });
+};
+export {
+  O as BreadCrumb,
+  E as BreadcrumbContext,
+  L 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 { jsx as a } from "react/jsx-runtime";
+import n, { createContext as s, useState as c } from "react";
+const u = {
+  alias: {}
+}, m = ({ children: t }) => {
+  const [o, r] = c(u);
+  return /* @__PURE__ */ a(e.Provider, { value: { state: o, setState: r }, children: t });
+}, e = s({
+  state: { alias: {} },
+  setState: null
+});
+function l() {
+  const t = n.useContext(e);
+  if (!t)
+    throw new Error("breadcrumb components cannot be used outside Breadcrumb context");
+  return t;
+}
+export {
+  e as BreadcrumbContext,
+  m as default,
+  l 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 @@
+