udp-react-enterprise-component-library 1.0.5 → 25.1.0-beta.2

package/dist/VirtualBrowser-BvntTEs-.js

@@ -1,593 +0,0 @@
-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-DWuWdOI1.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

@@ -1,11 +0,0 @@
-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

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

package/dist/actions/ActionPanelPlacement.d.ts

@@ -1,8 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

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

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

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

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

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-export type ActionSummaryListItemProps = {
-    value: string;
-    highlighted?: boolean;
-    enabled?: boolean;
-    actionId: string;
-    setLoading: Function;
-    selectedNode?: any;
-};
-export declare const ActionSummaryListItem: FC<ActionSummaryListItemProps>;

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

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

package/dist/actions/sidebar/EntitySideBarContent.d.ts

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