udp-react-enterprise-component-library 1.0.0

package/dist/MenuPage-DJNdI-BW.js

@@ -0,0 +1,556 @@
+import { jsx as n, jsxs as $ } from "react/jsx-runtime";
+import { useCallback as b, useState as A, useEffect as V } from "react";
+import { useLocation as ne } from "react-router-dom";
+import { N as ie, r as G, s as K, v as X, T as g, w as re, x as F, y as ae, z as le, B as Y, h as se, C as de, u as ce, j as pe, e as J, E as ge, G as ue, H as me, I as fe, g as he } from "./index-D4ob0Len.js";
+import { makeStyles as _, useTheme as Z, Tooltip as Ie, CircularProgress as ee, darken as te, Typography as H, lighten as W } from "@material-ui/core";
+import Ce from "@material-ui/lab/TreeView";
+import ye from "@material-ui/lab/TreeItem";
+import q from "clsx";
+import { useDrag as Ne, useDrop as be, DndProvider as xe } from "react-dnd";
+import { CaretDownSolid8Icon as Te, CaretUpSolid8Icon as ve } from "@fluentui/react-icons";
+import { cloneDeep as Me } from "lodash";
+import { HTML5Backend as we } from "react-dnd-html5-backend";
+import { useTranslation as Se } from "react-i18next";
+import { ConfigService as Q } from "udp-react-stencil-component-library";
+const Le = _((o) => ({
+  root: {
+    "&.Mui-selected > .MuiTreeItem-content": {
+      backgroundColor: o?.getThemeData()?.mode === "dark" ? o.palette.grey[700] : o.palette.grey[300],
+      borderRight: `4px solid ${o.palette.primary.main}`
+    },
+    "&.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label": {
+      backgroundColor: "transparent",
+      paddingLeft: 0
+    },
+    "&.Mui-selected > .MuiTreeItem-content > .MuiCollapse-wrapperInner": {
+      backgroundColor: o?.getThemeData()?.mode !== "dark" && o.palette.grey[50]
+    },
+    "& .MuiTreeItem-content .MuiTreeItem-iconContainer": {
+      display: (t) => t.sidebarExpanded ? "flex" : "none"
+    }
+  },
+  content: {
+    backgroundColor: (t) => o?.getThemeData()?.mode !== "dark" && t.conditionalIconName && t.conditionalIconColor ? W(t.conditionalIconColor, 0.92) : ""
+  },
+  labelRoot: {
+    display: "flex",
+    alignItems: "center",
+    marginLeft: (t) => t.sidebarExpanded ? 0 : o.spacing(1.5),
+    width: "100%"
+  },
+  labelContainer: {
+    display: (t) => t.sidebarExpanded ? "" : "none",
+    width: (t) => t.treeViewMode === g.Compact ? `calc(100% - ${o.spacing(6.25)}px)` : `calc(100% - ${o.spacing(7.75)}px)`
+  },
+  conditionalIconContainer: {
+    display: "inline-flex"
+  },
+  labelText: {
+    fontSize: "0.75rem",
+    fontWeight: 600,
+    lineHeight: "1rem",
+    letterSpacing: 0.1
+  },
+  captionText: {
+    marginLeft: (t) => t.treeViewMode === g.Compact ? o.spacing(1) : "",
+    fontSize: "0.65rem",
+    fontWeight: 400,
+    lineHeight: 1,
+    letterSpacing: 0.4
+  },
+  labelOverflow: {
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  },
+  group: {
+    width: "100%",
+    "& .MuiTreeItem-group": {
+      marginLeft: 0
+    },
+    "& .MuiTreeItem-content": {
+      paddingLeft: (t) => t.sidebarExpanded ? (t.depth || 1) * o.spacing(1) : 0,
+      borderRight: (t) => t.showRightBorderColor ? `4px solid ${o.palette.primary.main}` : "",
+      borderBottom: (t) => t.treeViewMode === g.Compact ? `1px solid ${o.palette.grey[200]}` : ""
+    },
+    "& .MuiTreeItem-content .MuiTreeItem-label": {
+      paddingLeft: 0,
+      width: (t) => t.sidebarExpanded && `calc(100% - ${o.spacing(2.5)}px)`
+    },
+    "& .MuiTreeItem-content .MuiTreeItem-iconContainer span": {
+      display: (t) => t.hideExpansion ? "none" : ""
+    },
+    "& .MuiCollapse-wrapperInner": {
+      backgroundColor: (t) => o?.getThemeData()?.mode !== "dark" && t.isSelectedNode ? o.palette.grey[50] : ""
+    }
+  },
+  iconContainer: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 50,
+    marginTop: (t) => t.treeViewMode === g.Compact ? o.spacing(0.25) : o.spacing(0.5),
+    marginBottom: (t) => t.treeViewMode === g.Compact ? o.spacing(0.25) : o.spacing(0.5),
+    marginRight: o.spacing(1),
+    width: (t) => t.treeViewMode === g.Compact ? o.spacing(3) : o.spacing(4),
+    height: (t) => t.treeViewMode === g.Compact ? o.spacing(3) : o.spacing(4),
+    border: (t) => t.iconColor ? `1px solid ${te(t.iconColor, 0.1)}` : `1px solid ${o.palette.secondary.main}`,
+    backgroundColor: "#ffffff"
+  }
+})), Ee = (o) => {
+  const {
+    parentId: t,
+    nodeId: p,
+    iconName: S,
+    iconType: x,
+    conditionalIconName: u,
+    conditionalIconType: m,
+    conditionalIconColor: I,
+    label: T,
+    iconColor: i,
+    onNodeSelect: C,
+    isSelectedNode: k,
+    subLabel: f,
+    sidebarExpanded: v,
+    isLastNode: h,
+    loading: M,
+    node: r,
+    onDropNode: L,
+    treeViewMode: s,
+    menuIndex: y,
+    aggregateThresholdId: P,
+    ...B
+  } = o, c = Le(o), E = Z(), [{ isDragging: e }, a] = Ne({
+    type: "BaseTreeMenuItem",
+    item: { ...r, sourceNodeMenuIndex: y },
+    collect: (d) => ({
+      isDragging: d.isDragging()
+    })
+  }), l = b(
+    (d, w) => {
+      if (!w.didDrop() && L) {
+        const { sourceNodeMenuIndex: U, ...R } = d;
+        L({ ...R }, r, U, y);
+      }
+    },
+    [L, r, y]
+  ), [{ canDrop: N, isOver: j }, D] = be(
+    () => ({
+      accept: ["BaseTreeMenuItem"],
+      drop: (d, w) => {
+        l(d, w);
+      },
+      canDrop: (d) => z(d),
+      collect: (d) => ({
+        isOver: d.isOver(),
+        canDrop: !!d.canDrop()
+      })
+    }),
+    [l]
+  ), z = b(
+    (d) => {
+      if (d) {
+        const w = r?.properties?.nodeActions?.filter(
+          (R) => R?.triggerType === ie.On_Node_Drop
+        );
+        return w ? (w?.map(
+          (R) => R?.dragEntityName
+        )).includes(
+          d?.properties?.catalogReturnObject
+        ) : !1;
+      }
+    },
+    [r]
+  ), O = b(
+    (d) => {
+      d.preventDefault(), C(d, p);
+    },
+    [C, p]
+  );
+  return /* @__PURE__ */ n(
+    ye,
+    {
+      className: c.group,
+      nodeId: p,
+      label: /* @__PURE__ */ n("div", { ref: D, children: /* @__PURE__ */ n(Ie, { title: v ? "" : T, children: /* @__PURE__ */ n(
+        "div",
+        {
+          ref: r?.properties?.isDraggable && a || null,
+          style: { opacity: e ? 0.5 : 1 },
+          children: M ? /* @__PURE__ */ n(ee, { size: 12 }) : /* @__PURE__ */ $(
+            "div",
+            {
+              id: "udpRecord-BaseTreeMenuItem-" + T.replace(/\s+/g, ""),
+              udprecordid: "udpRecord-BaseTreeMenuItem-" + T.replace(/\s+/g, ""),
+              className: c.labelRoot,
+              style: {
+                fontWeight: k ? "bold" : ""
+              },
+              children: [
+                S && /* @__PURE__ */ n("div", { className: c.iconContainer, children: /* @__PURE__ */ n(
+                  G,
+                  {
+                    size: s === g.Compact ? "small" : "medium",
+                    color: i,
+                    type: x,
+                    icon: x === "unity" ? K(S) : X(S),
+                    style: {
+                      color: i ? te(i, 0.1) : E.palette.secondary.main
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ $("div", { className: c.labelContainer, children: [
+                  /* @__PURE__ */ $(
+                    H,
+                    {
+                      variant: "subtitle2",
+                      className: q(c.labelText, c.labelOverflow),
+                      children: [
+                        T,
+                        f && s === g.Compact && /* @__PURE__ */ n(
+                          H,
+                          {
+                            variant: "caption",
+                            className: q(
+                              c.captionText,
+                              c.labelOverflow
+                            ),
+                            children: f
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  f && s === g.Classic && /* @__PURE__ */ n("div", { className: c.labelOverflow, children: /* @__PURE__ */ n(
+                    H,
+                    {
+                      variant: "caption",
+                      className: q(c.captionText),
+                      children: f
+                    }
+                  ) })
+                ] }),
+                /* @__PURE__ */ n(re, { aggregateThresholdId: P }),
+                u && v && /* @__PURE__ */ n("div", { className: c.conditionalIconContainer, children: /* @__PURE__ */ n(
+                  G,
+                  {
+                    size: s === g.Compact ? "small" : "medium",
+                    color: I,
+                    type: m,
+                    icon: m === "unity" ? K(u) : X(u),
+                    style: {
+                      color: I
+                    }
+                  }
+                ) })
+              ]
+            }
+          )
+        }
+      ) }) }),
+      onLabelClick: O,
+      classes: { root: c.root, content: c.content },
+      ...B
+    },
+    p
+  );
+}, De = _((o) => ({
+  root: {
+    marginBottom: o.spacing(1.75),
+    borderTop: (t) => t.treeViewMode === g.Compact ? `1px solid ${o.palette.grey[200]}` : ""
+  },
+  noChildrenContainer: {
+    borderBottom: (t) => t.treeViewMode === g.Compact ? `1px solid ${o.palette.grey[200]}` : ""
+  }
+})), Re = (o) => {
+  const {
+    menuItems: t,
+    onSelectNode: p,
+    onDropNode: S,
+    menuIndex: x,
+    selectedNodeId: u,
+    selectedNodeParentId: m,
+    sidebarExpanded: I,
+    treeViewMode: T,
+    childrenKey: i = "children"
+  } = o, [C, k] = A(null), [f, v] = A(!1), [h, M] = A(!1), [r, L] = A(t), s = Z(), y = De(o), P = b(
+    (e, a) => {
+      const l = F(r, a);
+      p && (p(l, x), M(!1));
+    },
+    [r, x, p]
+  ), B = b(
+    (e, a = 1) => {
+      let l = e.properties?.nodeLabel || e.properties?.name, N = e.properties?.nodeSubLabel, j = e.properties?.defaultIcon?.name, D = e.properties?.defaultIcon?.type, z = e.properties?.conditionalIconName || "", O = e.properties?.conditionalIconName ? e.properties.conditionalIconType : "", d = e.properties?.conditionalIconName ? e.properties?.conditionalIconColor : "", w = e.id, U = e.properties?.conditionalIconName ? e.properties?.conditionalIconColor : e.properties?.defaultIcon?.color?.hex, R = e.properties?.aggregateThresholdId || "";
+      return e.isGroupNode && (l = e.properties?.label, N = e.properties?.subLabel, j = e.properties?.icon?.name, D = e.properties?.icon?.type, U = e.properties?.icon?.color?.hex), /* @__PURE__ */ $(
+        Ee,
+        {
+          nodeId: w,
+          label: l,
+          subLabel: N,
+          iconName: j,
+          iconType: D,
+          conditionalIconName: z,
+          conditionalIconType: O,
+          conditionalIconColor: d,
+          parentId: e.parentId,
+          iconColor: U,
+          onNodeSelect: P,
+          selectedNodeId: u,
+          isSelectedNode: u === e.id,
+          showRightBorderColor: h && f && ae(C, r, m) === e.id,
+          isCurrentActiveTree: f,
+          sidebarExpanded: I,
+          depth: a,
+          hideExpansion: !e[i]?.length,
+          node: e,
+          onDropNode: S,
+          treeViewMode: T,
+          menuIndex: x,
+          aggregateThresholdId: R,
+          children: [
+            e.properties?.lazyLoad && !e[i]?.length && !e.completedLoadingChildren && /* @__PURE__ */ n(
+              ee,
+              {
+                size: 12,
+                style: { marginLeft: (a || 1) * s.spacing(1) }
+              }
+            ),
+            e.properties?.lazyLoad && !e[i]?.length && e.completedLoadingChildren && I && !e.errorRetrievingChildren && /* @__PURE__ */ n("div", { className: y.noChildrenContainer, children: /* @__PURE__ */ n(
+              H,
+              {
+                variant: "caption",
+                style: {
+                  marginLeft: (a || 1) * s.spacing(3),
+                  fontWeight: 400
+                },
+                children: "No Children"
+              }
+            ) }),
+            e.properties?.lazyLoad && e.completedLoadingChildren && I && e.errorRetrievingChildren && /* @__PURE__ */ n("div", { className: y.noChildrenContainer, children: /* @__PURE__ */ n(
+              H,
+              {
+                variant: "caption",
+                style: {
+                  marginLeft: (a || 1) * s.spacing(3),
+                  fontWeight: 400
+                },
+                children: `Error Retrieving ${e[i]?.length ? "Additional " : ""}Children`
+              }
+            ) }),
+            Array.isArray(e[i]) ? e[i].map((oe, ke) => B(oe, a + 1)) : null
+          ]
+        },
+        w
+      );
+    },
+    [
+      P,
+      u,
+      h,
+      f,
+      I,
+      C,
+      r,
+      m,
+      s,
+      y,
+      S,
+      T,
+      x,
+      i
+    ]
+  ), c = b(
+    async (e, a) => {
+      const l = Me(r);
+      k(a);
+      const N = F(l, m), D = le(
+        l,
+        N,
+        m ? [m] : []
+      ), z = D.every(
+        (O) => a.includes(O)
+      );
+      f && D.length && !z ? M(!0) : M(!1);
+    },
+    [f, r, m]
+  ), E = b(
+    (e) => e ? e.reduce((a, l) => (l?.isExpanded && a.push(l.id), l && l[i]?.length && (a = a.concat(
+      E(l[i])
+    )), a), []) : [],
+    [i]
+  );
+  return V(() => {
+    L(t);
+  }, [t]), V(() => {
+    if (!r)
+      return;
+    let e = [];
+    r?.isExpanded && e.push(r.id), e = e.concat(E(r[i])), k(e);
+  }, [E, r, i]), V(() => {
+    F(r, u) ? v(!0) : v(!1);
+  }, [r, u]), C ? /* @__PURE__ */ n(
+    Ce,
+    {
+      className: y.root,
+      defaultCollapseIcon: /* @__PURE__ */ n(
+        Y,
+        {
+          size: "small",
+          component: ve,
+          style: {
+            color: W(s.palette.primary.main, 0.5),
+            width: s.spacing(1.5),
+            height: s.spacing(1.5)
+          }
+        }
+      ),
+      expanded: C || [],
+      onNodeToggle: c,
+      defaultExpandIcon: /* @__PURE__ */ n(
+        Y,
+        {
+          size: "small",
+          component: Te,
+          style: {
+            color: W(s.palette.primary.main, 0.5),
+            width: s.spacing(1.5),
+            height: s.spacing(1.5)
+          }
+        }
+      ),
+      selected: u,
+      children: r && B(r)
+    },
+    r
+  ) : null;
+}, Ae = _((o) => ({
+  root: {
+    flex: 1,
+    minHeight: ({ appRibbonSpace: t }) => `calc(100vh - ${t + 56}px)`,
+    display: "grid",
+    gridTemplateAreas: ["sidebar content"].map((t) => `"${t}"`).join(" "),
+    gridTemplateColumns: "auto 1fr",
+    gridTemplateRows: "auto 1fr"
+  },
+  sidebar: {
+    gridArea: "sidebar",
+    marginRight: o.spacing(1)
+  },
+  content: {
+    gridArea: "content",
+    display: "flex",
+    flexDirection: "column",
+    position: "relative",
+    zIndex: 1,
+    height: ({ appRibbonSpace: t }) => `calc(100vh - ${t + 56}px)`,
+    overflowY: "auto"
+  },
+  menuContent: {
+    marginTop: o.spacing(1),
+    height: ({ appRibbonSpace: t }) => `calc(100vh - ${t + 116}px)`,
+    overflowX: "hidden"
+  },
+  loader: {
+    marginRight: o.spacing(1),
+    marginLeft: o.spacing(1)
+  },
+  loadingContent: {
+    flex: 1,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center"
+  }
+})), Ke = (o) => {
+  const t = se(), p = Ae({
+    ...o,
+    appRibbonSpace: t ? de : 0
+  }), S = ne(), x = ce(), { t: u } = Se(), m = pe(), [I, T] = A([]), [i, C] = A(null), [k, f] = A(!0), v = S.pathname.replace("/menupage/", ""), [{ data: h, loading: M }] = J(
+    Q.tenantV1ApiUrl,
+    `menus/${v}`,
+    {},
+    !v,
+    !1
+  ), { setSubHeaderActionHasChildren: r, setNavigationExpanded: L } = ge(), [{ data: s, loading: y, error: P }] = J(
+    Q.tenantV1ApiUrl,
+    `page/${i?.properties?.page?.id}`,
+    {},
+    !i?.properties?.page?.id,
+    !1
+  ), B = b((e, a) => {
+    C(e);
+  }, []), c = b(
+    (e, a, l, N) => {
+    },
+    []
+  ), E = b(() => {
+    f((e) => !e);
+  }, []);
+  return V(() => {
+    if (h) {
+      const e = [];
+      let a = !1;
+      h.menuItemInstanceStructureViews.forEach((l) => {
+        const N = ue(l);
+        N && (e.push(N), a || (C(N), a = !0, L(!1)));
+      }), T(e);
+    }
+  }, [h, L]), V(() => {
+    r(!1);
+  }, [r]), V(() => {
+    h && m({ label: u(h?.name) });
+  }, [m, u, h]), /* @__PURE__ */ n(xe, { backend: we, children: /* @__PURE__ */ $("div", { className: p.root, children: [
+    /* @__PURE__ */ n("div", { className: p.sidebar, children: /* @__PURE__ */ n(
+      me,
+      {
+        title: h?.name,
+        isUsingChildren: !0,
+        resizable: !0,
+        removePadding: !0,
+        removeTopLayoutUnit: !0,
+        onUtilitySidebarToggleExpandClick: E,
+        collapsedWidth: 64,
+        children: /* @__PURE__ */ $("div", { className: p.menuContent, children: [
+          I?.length > 0 && !M && I.map((e, a) => /* @__PURE__ */ n("div", { className: p.nodeContainer, children: /* @__PURE__ */ n(
+            Re,
+            {
+              menuItems: e,
+              onSelectNode: B,
+              onDropNode: c,
+              menuIndex: a,
+              selectedNodeId: i?.id,
+              selectedNodeParentId: i?.parentId,
+              sidebarExpanded: k,
+              treeViewMode: g.Classic
+            }
+          ) }, e.id)),
+          M && /* @__PURE__ */ n("div", { className: p.loader, children: /* @__PURE__ */ n(fe, { loading: M }) })
+        ] }, v)
+      }
+    ) }),
+    /* @__PURE__ */ n("div", { className: p.content, children: i?.properties?.page?.id && /* @__PURE__ */ n(
+      he,
+      {
+        user: x,
+        pageData: s,
+        pageLoading: y,
+        widgetParams: {
+          pageId: s?.pageId,
+          entityName: i?.properties?.page?.entity?.entityName,
+          pbiReportCode: i?.properties?.page?.pbiReportCode,
+          requiredFieldsMap: i?.properties?.page?.requiredFieldMapping,
+          udpTagId: i?.properties?.page?.udpTagId,
+          queryId: i?.properties?.page?.queryId,
+          inquiryTreeId: i?.properties?.page?.inquiryTreeId
+        },
+        disableMargins: !0,
+        fromMenu: !0
+      },
+      i?.id
+    ) })
+  ] }) });
+};
+export {
+  Ke as MenuPage
+};

package/dist/UI/AlertContainer.d.ts

@@ -0,0 +1 @@
+export function AlertContainer(props: any): JSX.Element | null;

package/dist/UI/Box.d.ts

@@ -0,0 +1 @@
+export function Box(props: any): JSX.Element;

package/dist/UI/Grid.d.ts

@@ -0,0 +1 @@
+export function Grid(props: any): JSX.Element;

package/dist/UI/SuccessAction.d.ts

@@ -0,0 +1 @@
+export function getSuccessAction(closeSnackbar: any): (key: any) => JSX.Element;

package/dist/UI/accordion/Accordion.d.ts

@@ -0,0 +1 @@
+export function Accordion(props: any): JSX.Element;

package/dist/UI/charts/InsightRenderer.d.ts

@@ -0,0 +1,19 @@
+import { Insight } from './types';
+import { default as QueryResult } from '../../models/QueryResult';
+export type UdpChart = 'UdpBarChart' | 'UdpDonutChart' | 'UdpLineChart' | 'UdpDistributionChart';
+export interface InsightRendererProps {
+    insight: Insight | undefined;
+    data: QueryResult | undefined;
+    insightId: string | undefined;
+}
+/**
+ * InsightRenderer component
+ *
+ * This component is responsible for rendering insights based on the provided props.
+ *
+ * @prop {Insight} `insight` - The insight metadata
+ * @prop {any} `data` - Search results associated with the insight
+ * @prop {string} `insightId` - InsightId, if included the component will get the data from server
+ * @returns {JSX.Element} - The rendered insight component.
+ */
+export declare const InsightRenderer: (props: InsightRendererProps) => JSX.Element | null;

package/dist/UI/charts/UdpBarChart.d.ts

@@ -0,0 +1,6 @@
+import { XyChartBaseProps } from './types';
+export interface UdpBarChartProps extends XyChartBaseProps {
+    valueField: string;
+    labelField: string;
+}
+export declare const UdpBarChart: (props: UdpBarChartProps) => JSX.Element;

package/dist/UI/charts/UdpDistributionChart.d.ts

@@ -0,0 +1,5 @@
+import { XyChartBaseProps } from './types';
+export interface UdpDistributionChartProps extends XyChartBaseProps {
+    valueField: string;
+}
+export declare const UdpDistributionChart: (props: UdpDistributionChartProps) => JSX.Element;

package/dist/UI/charts/UdpDonutChart.d.ts

@@ -0,0 +1,7 @@
+import { BaseProps } from './types';
+export interface UdpDonutChartProps extends BaseProps {
+    valueField: string;
+    labelField: string;
+    hideLegend: boolean;
+}
+export declare const UdpDonutChart: (props: UdpDonutChartProps) => JSX.Element;

package/dist/UI/charts/UdpLineChart.d.ts

@@ -0,0 +1,6 @@
+import { XyChartBaseProps } from './types';
+export interface UdpLineChartProps extends XyChartBaseProps {
+    xAxisField: string;
+    yAxisField: string;
+}
+export declare const UdpLineChart: (props: UdpLineChartProps) => JSX.Element;

package/dist/UI/charts/index.d.ts

@@ -0,0 +1,6 @@
+export declare const UdpCharts: {
+    UdpBarChart: (props: import('./UdpBarChart').UdpBarChartProps) => JSX.Element;
+    UdpDonutChart: (props: import('./UdpDonutChart').UdpDonutChartProps) => JSX.Element;
+    UdpLineChart: (props: import('./UdpLineChart').UdpLineChartProps) => JSX.Element;
+    UdpDistributionChart: (props: import('./UdpDistributionChart').UdpDistributionChartProps) => JSX.Element;
+};

package/dist/UI/charts/types.d.ts

@@ -0,0 +1,62 @@
+export type Guid = string;
+export interface BaseProps {
+    header: string;
+    subheader: string;
+    kpis: {
+        label: string;
+        value: string;
+    }[];
+    data: {
+        [key: string]: any;
+    }[];
+    size: 'small' | 'medium' | 'large';
+    customWidth?: number;
+    customHeight?: number;
+    customCardWidth?: number;
+    kpisPosition: 'left' | 'top';
+    hideAdornment?: boolean;
+}
+export interface XyChartBaseProps extends BaseProps {
+    yAxisLabel?: string;
+    xAxisLabel?: string;
+}
+export interface InsightType {
+    properties: InsightTypeProperties;
+    dataFields: InsightTypeField[];
+    version: string;
+    name: string;
+    insightTypeId: Guid;
+    maxKpis: number;
+}
+export interface InsightTypeProperties {
+    hidden: boolean;
+    component: string;
+    icon: string;
+    section: string;
+}
+export interface Insight {
+    insightId?: Guid;
+    clusterId?: number;
+    apiMethodInstanceId?: Guid;
+    insightTypeId: Guid;
+    version: string;
+    title: string;
+    subheader: string;
+    dataMapping: string;
+    insightInsightKpi?: InsightKpi[];
+    insightInsightType?: InsightType;
+}
+export interface InsightKpi {
+    insightKpiId?: Guid;
+    insightId?: Guid;
+    label: string;
+    field: string;
+    active: boolean;
+}
+export interface InsightTypeField {
+    type: 'field' | 'text' | 'boolean';
+    name: string;
+    label: string;
+    required: boolean;
+    fieldRestriction?: 'date' | 'number' | 'string';
+}