udp-react-enterprise-component-library 1.0.0

package/dist/VirtualBrowser-BwufFn95.js

@@ -0,0 +1,593 @@
+import { jsx as o, jsxs as k, Fragment as G } from "react/jsx-runtime";
+import Te, { useCallback as E, useState as L, useMemo as w, useEffect as J } from "react";
+import { t as j, P as X, a as f, F as Z, b as Ve, f as A, D as Pe, c as Ce, d as Ae, S as Ee, u as me, e as ee, L as ce, g as Le, h as Ue, i as ke, j as Re, k as ue, l as xe, U as Ne, m as F, n as pe, o as Oe, A as ve, p as $e, q as qe } from "./index-D4ob0Len.js";
+import { EditIcon as je, DeleteIcon as We, AddIcon as _e } from "@fluentui/react-icons";
+import { TextField as Ge, FormControlLabel as ze, makeStyles as ye, Typography as be, Divider as He } from "@material-ui/core";
+import { format as Qe } from "date-fns";
+import { cloneDeep as Ye } from "lodash";
+import { useTranslation as Ke } from "react-i18next";
+import { useLocation as fe } from "react-router-dom";
+import T from "prop-types";
+import { DndProvider as Je } from "react-dnd";
+import { HTML5Backend as Xe } from "react-dnd-html5-backend";
+import { Skeleton as he } from "@material-ui/lab";
+import "react-final-form";
+import "final-form";
+import "final-form-arrays";
+import { ConfigService as U } from "udp-react-stencil-component-library";
+const Ze = {
+  headerName: "",
+  field: "",
+  minWidth: 80,
+  autoHeight: !1,
+  sortable: !0
+}, Fe = (d, e, p = "Actions", i = "actionsRenderer", l = "right") => {
+  let h = d?.reduce((n, a) => (n.push({
+    ...Ze,
+    headerName: j(a?.name || ""),
+    field: a?.name
+  }), n), []) || [];
+  return h.push({
+    headerName: i === "actionsRenderer" ? "Actions" : p,
+    filter: !1,
+    pinned: l,
+    width: 150,
+    maxWidth: 180,
+    cellRenderer: i,
+    cellRendererParams: {
+      actionList: e
+    },
+    valueGetter: (n) => n.data,
+    suppressMenu: !0,
+    sortable: !1,
+    cellStyle: { display: "flex", alignItems: "center" }
+  }), h;
+};
+function et() {
+  return {
+    renderInputByFieldType: E(
+      (e, p, i, l) => {
+        const h = [
+          X.Int,
+          X.Long,
+          X.Double
+        ];
+        e.type === "boolean" && i[f(e.name)] === "" && (i[f(e.name)] = !1);
+        const n = e.type?.toLowerCase();
+        let a = h.includes(n);
+        const S = /* @__PURE__ */ o(
+          Z,
+          {
+            component: Ge,
+            id: `${e.name}${p}`,
+            name: f(e.name),
+            label: j(e.name),
+            initialValue: i[f(e.name)] || "",
+            type: a && "number",
+            fullWidth: !0,
+            variant: "outlined",
+            size: "small",
+            required: !e?.nullable,
+            margin: "dense",
+            InputProps: {
+              classes: {
+                root: l?.input,
+                input: l?.formTextInput
+              }
+            },
+            InputLabelProps: {
+              classes: {
+                root: l?.labelRoot
+              }
+            },
+            disabled: e?.disabled
+          }
+        ), B = /* @__PURE__ */ o(
+          ze,
+          {
+            control: /* @__PURE__ */ o(
+              Z,
+              {
+                component: Ve,
+                type: "checkbox",
+                id: `${e.name}${p}`,
+                name: f(e.name),
+                label: j(e.name),
+                initialValue: typeof i[f(e.name)] == "boolean" ? i[f(e.name)] : i[f(e.name)] === "true",
+                disabled: e?.disabled,
+                classes: { root: l?.switchRoot },
+                color: "secondary",
+                inputProps: { "aria-label": "Active condition" }
+              }
+            ),
+            label: j(e.name),
+            labelPlacement: "start",
+            style: { marginLeft: 4 }
+          }
+        );
+        switch (n.toLowerCase()) {
+          case A(n, "int"):
+          case A(n, "long"):
+          case A(n, "double"):
+          case A(n, "string"):
+          case A(n, "string uuid"):
+            return S;
+          case A(n, "boolean"):
+            return B;
+          case A(n, "datetime"):
+            return /* @__PURE__ */ o(
+              Z,
+              {
+                disabled: e?.disabled,
+                component: Pe,
+                id: `${e.name}${p}`,
+                name: f(e.name),
+                label: j(e.name),
+                initialValue: i[f(e.name)] ? new Date(
+                  i[f(e.name)]
+                ) : "",
+                fullWidth: !0,
+                variant: "outlined",
+                size: "small",
+                required: !e?.nullable,
+                style: { marginTop: 8 }
+              }
+            );
+          default:
+            return null;
+        }
+      },
+      []
+    )
+  };
+}
+const tt = ye((d) => ({
+  actions: {
+    marginTop: d.spacing(2),
+    marginBottom: d.spacing(2),
+    display: "flex",
+    flexDirection: "row"
+  },
+  title: {
+    flexGrow: 1
+  },
+  subject: {
+    marginLeft: d.spacing(1),
+    display: "flex",
+    flexDirection: "row",
+    flexGrow: 1
+  },
+  switchRoot: {
+    marginLeft: d.spacing(1)
+  },
+  input: {
+    height: 34,
+    padding: 0
+  },
+  formTextInput: {
+    fontSize: 13
+  },
+  labelRoot: {
+    fontSize: 13
+  }
+})), ge = (d) => {
+  const { tableDescription: e, rowValue: p, closeSideSheet: i, onCreate: l, onUpdate: h } = d, { renderInputByFieldType: n } = et(), [a, S] = L(
+    p || {}
+  ), B = tt();
+  return /* @__PURE__ */ k(Ce, { onSubmit: async (y) => {
+    let b = {
+      ...a,
+      ...y
+    };
+    !p ? l && await l(b) : h && await h(b), i && i();
+  }, children: [
+    /* @__PURE__ */ o("div", { children: e?.map((y, b) => /* @__PURE__ */ k(Te.Fragment, { children: [
+      /* @__PURE__ */ o(be, { variant: "subtitle2", style: { marginTop: 8 }, children: y.friendlyName }),
+      n(
+        y,
+        b,
+        a,
+        B
+      )
+    ] }, `${y.name}-${b}`)) }),
+    /* @__PURE__ */ o(Ae, { children: /* @__PURE__ */ o(
+      Ee,
+      {
+        variant: "contained",
+        color: "secondary",
+        disablePristine: !1,
+        disabled: !1,
+        style: { marginTop: 15 },
+        children: "Save"
+      }
+    ) })
+  ] });
+};
+ge.propTypes = {
+  /**
+   * onClick event for closing sidesheet
+   */
+  closeSideSheet: T.func,
+  /**
+   * onClick event for creating
+   */
+  onCreate: T.func,
+  /**
+   * onClick event for updating
+   */
+  onUpdate: T.func
+};
+const at = ye((d) => ({
+  root: {},
+  divider: {
+    marginTop: d.spacing(2)
+  }
+})), nt = 10, te = (d) => {
+  const {
+    tableDescription: e,
+    value: p,
+    crudTableEditionData: i,
+    closeSideSheet: l,
+    onCreate: h,
+    onUpdate: n,
+    pageId: a,
+    setSideSheetWidth: S,
+    setSideSheetButtonLabel: B,
+    setSideSheetOnSubmit: R,
+    setSideSheetProps: y
+  } = d, b = me(), I = at(), [{ data: V, loading: z }] = ee(
+    U.tenantV1ApiUrl,
+    `page/${a}`,
+    {},
+    !a,
+    !1
+  ), W = w(() => {
+    const P = [];
+    for (let q = 0; q < nt; q++)
+      P.push(
+        /* @__PURE__ */ k(G, { children: [
+          /* @__PURE__ */ o(he, { variant: "rect", className: I.skeleton }, q),
+          /* @__PURE__ */ o(ce, { unit: "xxs" })
+        ] })
+      );
+    return P;
+  }, [I]), H = w(() => V ? /* @__PURE__ */ o(Je, { backend: Xe, children: /* @__PURE__ */ o(
+    Le,
+    {
+      user: b,
+      pageData: V,
+      widgetParams: {
+        pageId: V?.pageId,
+        nodeObj: i,
+        setSideSheetWidth: S,
+        setSideSheetButtonLabel: B,
+        setSideSheetOnSubmit: R,
+        closeSideSheet: l,
+        setSideSheetProps: y,
+        onCreate: h,
+        onUpdate: n
+      },
+      disableMargins: !0
+    },
+    a
+  ) }) : /* @__PURE__ */ k(G, { children: [
+    /* @__PURE__ */ o(
+      ge,
+      {
+        tableDescription: e,
+        rowValue: p,
+        closeSideSheet: l,
+        onCreate: h,
+        onUpdate: n
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: I.divider, children: /* @__PURE__ */ o(He, {}) })
+  ] }), [
+    V,
+    b,
+    a,
+    i,
+    S,
+    B,
+    R,
+    y,
+    l,
+    h,
+    n,
+    I,
+    e,
+    p
+  ]);
+  return /* @__PURE__ */ o("div", { children: z ? /* @__PURE__ */ k(G, { children: [
+    W.map((P) => P),
+    /* @__PURE__ */ o(ce, { unit: "md" }),
+    /* @__PURE__ */ o(he, { variant: "rect", className: I.skeletonButton })
+  ] }) : H });
+};
+te.propTypes = {
+  /**
+   * Description of the table
+   */
+  tableDescription: T.array,
+  /**
+   * Entity data
+   */
+  crudTableEditionData: T.array,
+  /**
+   * onClick event for closing sidesheet
+   */
+  closeSideSheet: T.func,
+  /**
+   * onClick event for creating
+   */
+  onCreate: T.func,
+  /**
+   * onClick event for updating
+   */
+  onUpdate: T.func
+};
+const st = () => {
+  const { search: d } = fe();
+  return w(() => new URLSearchParams(d), [d]);
+}, Tt = (d) => {
+  const { ...e } = d, p = st(), i = fe(), { value: l, promotedEntity: h } = i.state || {}, n = i?.pathname?.split("/"), a = l ? l?.id : n ? n[n.length - 1] : null, S = me(), B = Ue(), [R, y] = L(!1), [b, I] = L(600), [V, z] = L(""), [W, H] = L({}), [P, q] = L(
+    () => () => console.warn("onSubmit not set")
+  ), [t, Se] = L(h), { t: c } = Ke(), { handleErrorSnackbar: x, handleSuccessSnackbar: N } = ke(), ae = Re(), Q = E(() => {
+    y(!1);
+  }, []), O = w(() => t ? t.entityName || "" : p.has("entityName") === !0 ? p.get("entityName") : "", [t, p]), ne = w(() => t?.unityBaseCreateMethod?.pageId, [t]), [{ data: se, loading: ot, error: it }] = ee(
+    U.integrationV1ApiUrl,
+    `tenantProductApiCatalogBase/tenant/${S?.currentTenantId}/product/${U.config.UNITY_PRODUCT_ID}`,
+    {},
+    !S || !!h,
+    !1
+  ), [{ data: Y }] = ee(
+    U.integrationV1ApiUrl,
+    `apicatalog/${se?.apiCatalogId}/promotedMethodEntities/${O}/product/${U.config.UNITY_PRODUCT_ID}`,
+    {},
+    !se || !S || !O,
+    !1
+  ), [{ data: v, loading: De }, M] = ue(
+    U.integrationV1ApiUrl,
+    `apimethod/executeQueryWithParameters/${t?.unityBaseGetDataMethod?.apiMethodId}`,
+    {
+      method: "post"
+    }
+  ), [
+    { data: m, loading: rt },
+    oe
+  ] = ue(
+    U.integrationV1ApiUrl,
+    `apimethod/executeQueryWithParameters/${t?.unityBaseDescribeMethod?.apiMethodId}`,
+    {
+      method: "post"
+    }
+  ), _ = E(
+    (r) => {
+      if (!m)
+        return [];
+      const g = [];
+      return m.forEach((s) => {
+        const u = typeof r[s.name] == "boolean" || r[s.name];
+        if (s.name || u)
+          switch (xe(O?.toLowerCase())) {
+            case Ne.Udp_Lookup.toLowerCase():
+              g.push({
+                lookupColumnId: s.id,
+                value: r[s.name]
+              });
+              break;
+          }
+      }), g;
+    },
+    [m, O]
+  ), ie = E(
+    async (r) => {
+      if (t?.unityBaseVirtualCreateMethod) {
+        const s = { requestBody: _(r), id: a };
+        (await F(
+          { data: s },
+          t.unityBaseVirtualCreateMethod.apiMethodId
+        ).catch((D) => {
+          x(D.message);
+        }))?.status === 200 && (N(c("Row has been created")), M({ data: { id: a } }));
+      }
+    },
+    [
+      t,
+      c,
+      M,
+      x,
+      N,
+      a,
+      _
+    ]
+  ), re = E(
+    async (r) => {
+      if (t?.unityBaseVirtualUpdateMethod) {
+        const g = [a, r.udpVirtualRowId], s = pe(
+          t.unityBaseVirtualUpdateMethod.pathParameters,
+          g
+        ), u = _(r);
+        let D = { requestBody: u };
+        Array.isArray(s) ? s.forEach(($) => {
+          D[Object.keys($)[0]] = $[Object.keys($)[0]];
+        }) : D = { ...s, requestBody: u }, (await F(
+          { data: D },
+          t.unityBaseVirtualUpdateMethod.apiMethodId
+        ).catch(($) => {
+          x($.message);
+        }))?.status === 200 && (N(c("Row has been updated")), M({ data: { id: a } }));
+      }
+    },
+    [
+      t,
+      c,
+      M,
+      x,
+      N,
+      a,
+      _
+    ]
+  ), le = E(
+    async (r) => {
+      if (t?.unityBaseVirtualDeleteMethod) {
+        const g = [a, r.udpVirtualRowId], s = pe(
+          t?.unityBaseVirtualDeleteMethod.pathParameters,
+          g
+        );
+        let u = {};
+        Array.isArray(s) ? s.forEach((C) => {
+          u[Object.keys(C)[0]] = C[Object.keys(C)[0]];
+        }) : u = { ...s }, (await F(
+          { data: u },
+          t.unityBaseVirtualDeleteMethod.apiMethodId
+        ).catch((C) => {
+          x(C.message);
+        }))?.status === 200 && (N(c("Row has been deleted")), M({ data: { id: a } }));
+      }
+    },
+    [
+      t,
+      c,
+      M,
+      x,
+      N,
+      a
+    ]
+  ), de = w(() => {
+    if (t)
+      return [
+        {
+          id: 1,
+          // Must be unique
+          title: t?.unityBaseVirtualUpdateMethod ? c("Edit") : c("Edit Method Not Accessible"),
+          icon: je,
+          onClick: null,
+          opens: "sideSheet",
+          view: {
+            component: te,
+            properties: {
+              tableDescription: m,
+              onUpdate: re,
+              valuePropName: "value",
+              closeSideSheet: null,
+              closeSideSheetPropName: "closeSideSheet",
+              pageId: t?.unityBaseVirtualUpdateMethod?.pageId,
+              isNewEntry: !1
+            }
+          },
+          disabled: !t?.unityBaseVirtualUpdateMethod
+        },
+        {
+          id: 2,
+          // Must be unique
+          title: t?.unityBaseVirtualDeleteMethod ? c("Delete") : c("Delete Method Not Accessible"),
+          icon: We,
+          onClick: null,
+          opens: "dialog",
+          view: {
+            component: null,
+            properties: {
+              title: c("Delete"),
+              message: c("Are you sure you want to delete this row?"),
+              labelOne: c("Cancel"),
+              actionTwo: le,
+              labelTwo: c("Confirm")
+            }
+          },
+          disabled: !t?.unityBaseVirtualDeleteMethod
+        }
+      ];
+  }, [t, c, re, le, m]), K = w(() => m?.length ? Fe(m, de) : [], [de, m]), we = w(() => K?.map((r) => ({
+    groupItem: r.field,
+    label: r.headerName,
+    value: r.field
+  })), [K]);
+  J(() => {
+    Y && Se(Y);
+  }, [Y]), J(() => {
+    if (a) {
+      const r = { id: a };
+      t?.unityBaseGetDataMethod?.apiMethodId && M({ data: r }), t?.unityBaseDescribeMethod?.apiMethodId && oe({ data: r });
+    }
+  }, [t, M, a, oe]), J(() => {
+    ae({ label: c(l?.name) || c("Virtual Lookup") });
+  }, [ae, c, l]);
+  const Be = /* @__PURE__ */ k(qe, { onClick: () => y && y(!0), children: [
+    /* @__PURE__ */ o(be, { style: { marginRight: 5 }, children: "Add" }),
+    /* @__PURE__ */ o(_e, {})
+  ] }), Ie = w(
+    () => /* @__PURE__ */ o(
+      Oe,
+      {
+        open: R,
+        onClose: Q,
+        title: `Add new ${O}`,
+        width: b,
+        buttonLabel: V,
+        onSubmit: P,
+        ...W,
+        children: /* @__PURE__ */ o(
+          te,
+          {
+            onCreate: ie,
+            closeSideSheet: Q,
+            pageId: ne,
+            setSideSheetWidth: I,
+            setSideSheetButtonLabel: z,
+            setSideSheetOnSubmit: q,
+            setSideSheetProps: H,
+            tableDescription: m
+          }
+        )
+      }
+    ),
+    [
+      R,
+      Q,
+      O,
+      b,
+      V,
+      P,
+      ie,
+      ne,
+      W,
+      m
+    ]
+  ), Me = E(() => {
+    if (v?.data && m) {
+      let r = Ye(v?.data);
+      const g = m?.reduce((s, u) => (u?.type === "datetime" && s.push(u?.name), s), []);
+      return g.length && r.forEach((s) => {
+        Object.keys(s).forEach((u) => {
+          if (g.find((D) => D === u)) {
+            if (s[u] === null) return;
+            s[u] = Qe(new Date(s[u]), "yyyy/MM/dd kk:mm:ss");
+          }
+        });
+      }), r;
+    }
+    return [];
+  }, [v, m]);
+  return /* @__PURE__ */ k(G, { children: [
+    /* @__PURE__ */ o(
+      ve,
+      {
+        title: l?.name || v?.name,
+        data: v ? Me(v?.data) : [],
+        columnDefs: K,
+        groupingData: we,
+        primaryActionButton: Be,
+        frameworkComponents: { actionsRenderer: $e },
+        height: `calc(100vh - ${B ? "139px" : "114px"})`,
+        disableRowSelection: !0,
+        loading: De,
+        ...e
+      }
+    ),
+    Ie
+  ] });
+};
+export {
+  Tt as VirtualBrowser
+};

package/dist/actions/ActionForm.d.ts

@@ -0,0 +1,11 @@
+export function ActionForm(props: any): JSX.Element;
+export namespace ActionForm {
+    namespace propTypes {
+        const entityAttributes: any;
+        const foreignKeyData: any;
+        const crudTableEditionData: any;
+        const closeSideSheet: any;
+        const onCreate: any;
+        const onUpdate: any;
+    }
+}

package/dist/actions/ActionModal.d.ts

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

package/dist/actions/ActionPanelPlacement.d.ts

@@ -0,0 +1,8 @@
+export function ActionPanelPlacement(props: any): JSX.Element;
+export namespace ActionPanelPlacement {
+    namespace propTypes {
+        const actionPanels: any;
+        const showInquiryHeaderActions: any;
+        const selectedNode: any;
+    }
+}

package/dist/actions/ActionSideSheet.d.ts

@@ -0,0 +1,12 @@
+export function ActionSideSheet(props: any): JSX.Element;
+export namespace ActionSideSheet {
+    namespace propTypes {
+        const user: any;
+        const open: any;
+        const dispatch: any;
+        const action: any;
+        const actionPanels: any;
+        const catalog: any;
+        const selectedNodeObj: any;
+    }
+}

package/dist/actions/ActionSpeedDial.d.ts

@@ -0,0 +1,13 @@
+import { SpeedDialProps } from '@material-ui/lab/SpeedDial';
+interface FluentSpeedDialProps extends SpeedDialProps {
+    actions: Array<{
+        icon: {
+            type?: string;
+            name: string;
+        };
+        name: string;
+        onClick: Function;
+    }>;
+}
+export declare const ActionSpeedDial: (props: FluentSpeedDialProps) => JSX.Element | null;
+export {};

package/dist/actions/ActionSplitScreen.d.ts

@@ -0,0 +1,14 @@
+export function ActionSplitScreen(props: any): JSX.Element;
+export namespace ActionSplitScreen {
+    namespace propTypes {
+        const body: any;
+        const open: any;
+        const action: any;
+        const executeAction: any;
+        const entityName: any;
+        const entityAttributes: any;
+        const selectedNodeObj: any;
+        const menuNodeList: any;
+        const showError: any;
+    }
+}

package/dist/actions/ActionWrapper.d.ts

@@ -0,0 +1,12 @@
+export function ActionWrapper(props: any): JSX.Element;
+export namespace ActionWrapper {
+    namespace propTypes {
+        const actionState: any;
+        const actionPanel: any;
+        const dispatch: any;
+        const catalog: any;
+        const executeAction: any;
+        const user: any;
+        const splitScreenBody: any;
+    }
+}

package/dist/actions/PageActionWrapper.d.ts

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

package/dist/actions/actionSummary/ActionSummaryCard.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { ActionSummaryListItemProps } from '.';
+export type ActionSummaryProps = {
+    actionMenuContent: Array<ActionSummaryContent>;
+    selectedNode: object | null | undefined;
+};
+export type ActionSummaryContent = {
+    header: string;
+    icon: string;
+    iconType?: string;
+    items: Array<ActionSummaryListItemProps>;
+};
+export declare const ActionSummaryCard: FC<ActionSummaryProps>;

package/dist/actions/actionSummary/ActionSummaryHeader.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+type ActionSummaryHeaderProps = {
+    icon: string;
+    header: string;
+    iconType?: string;
+};
+export declare const ActionSummaryHeader: FC<ActionSummaryHeaderProps>;
+export {};

package/dist/actions/actionSummary/ActionSummaryListContainer.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ActionSummaryListItemProps } from '.';
+type ActionSummaryListContainerProps = {
+    items: Array<ActionSummaryListItemProps>;
+    selectedNode?: object;
+};
+export declare const ActionSummaryListContainer: FC<ActionSummaryListContainerProps>;
+export {};