@vidispine/vdt-materialui 23.2.0-pre.2 → 23.2.0

package/dist/es/entity/BinList/BinList.js

@@ -0,0 +1,253 @@
+import { jsxs as y, Fragment as F, jsx as n } from "react/jsx-runtime";
+import { useState as C, useMemo as $ } from "react";
+import T from "clsx";
+import o from "prop-types";
+import { withStyles as D, Paper as G, CardHeader as J, DialogContent as K, DialogContentText as Q, Dialog as U, emphasize as X, IconButton as Z } from "@material-ui/core";
+import { Delete as oo } from "@material-ui/icons";
+import { formatTimeCodeText as g } from "@vidispine/vdt-js";
+import { compose as h } from "@vidispine/vdt-react";
+import "../../collection/CollectionCard/index.js";
+import "../../collection/CollectionCardThumbnail/index.js";
+import "../../collection/CollectionGrid/index.js";
+import "../../collection/CollectionRow/index.js";
+import "../../collection/CollectionTable/index.js";
+import "../../collection/CollectionTreeList/index.js";
+import "../../collection/CollectionList/index.js";
+import "../../collection/CollectionListItem/index.js";
+import "../../collection/CollectionMetadataTab.js";
+import "react-final-form";
+import "@vidispine/vdt-api";
+import "../../item/ItemMetadataForm.js";
+import "../../collection/CollectionAccessTab.js";
+import "../../collection/CollectionCreateDialog/index.js";
+import to from "../../collection/AddToCollectionDialog/index.js";
+import "../../collection/RemoveFromCollectionDialog/index.js";
+import "../../collection/CollectionSearchPicker/index.js";
+import "../../collection/CollectionContent/index.js";
+import no from "../../dnd/hoc/withDrag.js";
+import eo from "../../dnd/hoc/withDrop.js";
+import "../../dnd/contexts/DragAndDropContext.js";
+import io from "../../hooks/useConfirmationDialog.js";
+import ro from "../BinListMenu/BinListMenu.js";
+import lo from "../EntityCard/EntityCard.js";
+const po = "BIN";
+function ao({ innerProps: { onDelete: e, id: r } }) {
+  return /* @__PURE__ */ n(Z, { "aria-label": "Remove", onClick: () => e(r), children: /* @__PURE__ */ n(oo, {}) });
+}
+function so({ children: e, classes: r, className: s, ...i }) {
+  return /* @__PURE__ */ n("div", { className: T(s, r.root), ...i, children: e });
+}
+const mo = (e) => ({
+  root: {
+    transition: "background-color 0.3s ease",
+    paddingLeft: e.spacing(2),
+    paddingRight: e.spacing(2),
+    paddingTop: e.spacing(1),
+    paddingBottom: e.spacing(1),
+    minHeight: 60,
+    minWidth: 300
+  },
+  canDrop: {
+    boxShadow: `inset 0px 0px 1px 1px ${e.palette.primary.main}`,
+    "&.VdtDroppable-isOver": {
+      backgroundColor: X(e.palette.background.paper, 0.05)
+    }
+  }
+}), co = h(
+  D(mo, { name: "VdtBinContentDroppable" }),
+  eo
+)(so), uo = {
+  isDragging: {
+    opacity: 0
+  }
+}, fo = h(
+  D(uo, { name: "VdtEntityCardDraggable" }),
+  no
+)(lo), Go = {
+  root: {
+    minWidth: 340
+  }
+};
+function B({
+  className: e,
+  classes: r,
+  title: s,
+  bin: i,
+  allowDuplicates: b,
+  onDelete: P,
+  onEmptyBin: x,
+  onDrop: A,
+  onSort: w,
+  onAddToCollectionSuccess: I,
+  onAllowDuplicates: E,
+  ActionComponent: m,
+  ActionProps: M,
+  AddToCollectionDialogComponent: c,
+  AddToCollectionDialogProps: j,
+  BinContentComponent: O,
+  BinContentProps: S,
+  BinItemComponent: k,
+  BinItemProps: v,
+  BinItemMenuComponent: N,
+  BinItemMenuProps: R,
+  BinProps: W
+}) {
+  const [L, d] = C(null), [V, p] = C(!1), [u, H] = io({ throwOnReject: !1 }), Y = $(
+    () => i && i.map(({ entity: { id: t }, entityType: l, entityTimespan: { start: a, end: z } = {} }) => ({
+      id: t,
+      type: l,
+      metadata: {
+        field: a ? [
+          {
+            key: "start",
+            value: g(a).toText({ fraction: !0 })
+          },
+          {
+            key: "end",
+            value: g(z).toText({ fraction: !0 })
+          }
+        ] : []
+      }
+    })),
+    [i]
+  ), _ = (t) => {
+    d(t.currentTarget);
+  }, f = () => {
+    d(null);
+  }, q = () => {
+    H().then((t) => {
+      t && (f(), x());
+    });
+  };
+  return /* @__PURE__ */ y(F, { children: [
+    /* @__PURE__ */ y(G, { className: T(e, r.root, "VdtBinList-root"), ...W, children: [
+      /* @__PURE__ */ n(
+        J,
+        {
+          title: s,
+          titleTypographyProps: { variant: "button", color: "textSecondary" },
+          action: m ? /* @__PURE__ */ n(
+            m,
+            {
+              anchorEl: L,
+              allowDuplicates: b,
+              onMenuClick: _,
+              onMenuClose: f,
+              onEmptyBinClick: q,
+              onAddToCollectionClick: () => p(!0),
+              onAllowDuplicatesClick: ({ target: { checked: t } = {} }) => E(t),
+              ...M
+            }
+          ) : void 0
+        }
+      ),
+      /* @__PURE__ */ n(
+        O,
+        {
+          onDrop: A,
+          dropInfo: { entityType: po },
+          ignoreDropOnExitingIds: !0,
+          ...S,
+          children: i && i.map((t, l) => /* @__PURE__ */ n("div", { style: { marginBottom: 10 }, children: /* @__PURE__ */ n(
+            k,
+            {
+              ...t,
+              id: t.binId,
+              index: l,
+              onSort: w,
+              onDelete: P,
+              CardProps: { elevation: 1 },
+              titleTypographyProps: { noWrap: !0, style: { width: 160 } },
+              subheaderTypographyProps: {
+                noWrap: !0,
+                style: { width: 160 }
+              },
+              MenuComponent: N,
+              MenuProps: R,
+              ...v
+            }
+          ) }, t.binId))
+        }
+      )
+    ] }),
+    u && /* @__PURE__ */ n(u, { titleText: "Empty bin", confirmText: "Empty", rejectText: "Close", children: /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(Q, { children: "Are you sure you want to empty the bin?" }) }) }),
+    c && /* @__PURE__ */ n(
+      U,
+      {
+        open: V,
+        onClose: () => p(!1),
+        children: /* @__PURE__ */ n(
+          c,
+          {
+            onSuccess: (t = [], l = {}) => {
+              const { data: { id: a } = {} } = l;
+              I(
+                t.length ? t : [a]
+              ), p(!1);
+            },
+            onClose: () => p(!1),
+            entities: Y,
+            ...j
+          }
+        )
+      }
+    )
+  ] });
+}
+B.propTypes = {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.objectOf(o.string).isRequired,
+  /**
+   * Override styles with className
+   */
+  className: o.string,
+  title: o.string,
+  bin: o.arrayOf(o.objectOf(o.any)),
+  allowDuplicates: o.bool,
+  onDelete: o.func,
+  onEmptyBin: o.func,
+  onDrop: o.func,
+  onSort: o.func,
+  onAddToCollectionSuccess: o.func,
+  onAllowDuplicates: o.func,
+  ActionComponent: o.elementType,
+  AddToCollectionDialogComponent: o.elementType,
+  BinContentComponent: o.elementType,
+  BinItemComponent: o.elementType,
+  BinItemMenuComponent: o.elementType,
+  ActionProps: o.objectOf(o.any),
+  AddToCollectionDialogProps: o.objectOf(o.any),
+  BinContentProps: o.objectOf(o.any),
+  BinItemProps: o.objectOf(o.any),
+  BinItemMenuProps: o.objectOf(o.any),
+  BinProps: o.objectOf(o.any)
+};
+B.defaultProps = {
+  className: void 0,
+  title: "Bin",
+  bin: [],
+  allowDuplicates: !1,
+  onDelete: () => null,
+  onEmptyBin: () => null,
+  onDrop: () => null,
+  onSort: () => null,
+  onAddToCollectionSuccess: () => null,
+  onAllowDuplicates: () => null,
+  ActionComponent: ro,
+  ActionProps: {},
+  AddToCollectionDialogComponent: to,
+  AddToCollectionDialogProps: {},
+  BinContentComponent: co,
+  BinContentProps: {},
+  BinItemComponent: fo,
+  BinItemProps: {},
+  BinItemMenuComponent: ao,
+  BinItemMenuProps: {},
+  BinProps: {}
+};
+export {
+  B as default,
+  Go as styles
+};

package/dist/es/entity/BinList/index.js

@@ -0,0 +1,7 @@
+import { withStyles as t } from "@material-ui/core";
+import i, { styles as s } from "./BinList.js";
+const o = t(s, { name: "VdtBinList" })(i);
+o.displayName = "BinList";
+export {
+  o as default
+};

package/dist/es/entity/BinListMenu/BinListMenu.js

@@ -0,0 +1,74 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import g from "clsx";
+import { IconButton as k, ButtonBase as B, Menu as b, MenuItem as r, ListItemIcon as n, ListItemText as i, FormGroup as x, FormControlLabel as y, Switch as I } from "@material-ui/core";
+import { MoreVert as M, Delete as v, AddCircle as A } from "@material-ui/icons";
+const F = {
+  root: {}
+};
+function O({
+  className: l,
+  classes: c = {},
+  anchorEl: t,
+  allowDuplicates: a = !1,
+  onMenuClick: m,
+  onMenuClose: s,
+  onEmptyBinClick: d,
+  onAddToCollectionClick: p,
+  onAllowDuplicatesClick: h,
+  emptyBinText: u = "Empty Bin",
+  addCollectionText: f = "Add to collection",
+  allowDuplicatesText: C = "Allow duplicates"
+}) {
+  return /* @__PURE__ */ o("div", { className: g(c.root, l), children: [
+    /* @__PURE__ */ e(k, { "aria-label": "options", onClick: m, component: B, disableRipple: !0, children: /* @__PURE__ */ e(M, {}) }),
+    /* @__PURE__ */ o(
+      b,
+      {
+        anchorEl: t,
+        keepMounted: !0,
+        open: !!t,
+        onClose: s,
+        elevation: 1,
+        PaperProps: { square: !0 },
+        getContentAnchorEl: null,
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "right"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "right"
+        },
+        children: [
+          /* @__PURE__ */ o(r, { onClick: d, children: [
+            /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(v, {}) }),
+            /* @__PURE__ */ e(i, { primary: u })
+          ] }),
+          /* @__PURE__ */ o(r, { onClick: p, children: [
+            /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(A, {}) }),
+            /* @__PURE__ */ e(i, { primary: f })
+          ] }),
+          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(x, { row: !0, children: /* @__PURE__ */ e(
+            y,
+            {
+              control: /* @__PURE__ */ e(
+                I,
+                {
+                  checked: a,
+                  onChange: h,
+                  name: "checked",
+                  color: "primary"
+                }
+              ),
+              label: C
+            }
+          ) }) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  O as default,
+  F as styles
+};

package/dist/es/entity/BinListMenu/index.js

@@ -0,0 +1,7 @@
+import { withStyles as t } from "@material-ui/core";
+import e, { styles as i } from "./BinListMenu.js";
+const n = t(i, { name: "VdtBinListMenu" })(e);
+n.displayName = "BinListMenu";
+export {
+  n as default
+};

package/dist/es/entity/EntityAccessAdd.js

@@ -0,0 +1,243 @@
+import { jsxs as h, jsx as a } from "react/jsx-runtime";
+import { useMemo as F, useReducer as M, useCallback as f, useState as P, useEffect as W } from "react";
+import { withStyles as $, Button as A, TextField as B, FormControl as Y, FormLabel as k, RadioGroup as V, FormControlLabel as q, Radio as z } from "@material-ui/core";
+import { Autocomplete as J, ToggleButtonGroup as K, ToggleButton as O } from "@material-ui/lab";
+import { access as Q, group as X, user as Z } from "@vidispine/vdt-api";
+const c = {
+  GROUP: "group",
+  USER: "user"
+}, ee = {
+  ALL: "ALL",
+  WRITE: "WRITE",
+  READ: "READ",
+  NONE: "NONE"
+}, ne = (e) => ({
+  root: {},
+  recipientRoot: {
+    display: "flex",
+    width: "100%"
+  },
+  recipientType: {
+    flexGrow: 1
+  },
+  actions: {
+    display: "flex",
+    alignItems: "center",
+    padding: e.spacing(2),
+    justifyContent: "flex-end",
+    flex: "0 0 auto",
+    "& > :not(:first-child)": {
+      marginLeft: e.spacing(2)
+    }
+  },
+  actionsSubmit: {}
+}), te = (e, n) => {
+  switch (n.type) {
+    case "CHANGE_PERMISSION":
+      return { ...e, permission: n.value };
+    case "CHANGE_RECIPIENT":
+      return e[c.USER] !== void 0 ? { ...e, [c.USER]: n.value } : e[c.GROUP] !== void 0 ? { ...e, [c.GROUP]: n.value } : e;
+    case "CHANGE_RECIPIENTTYPE": {
+      const { [c.USER]: t, [c.GROUP]: r, ...i } = e;
+      return { ...i, [n.value]: null };
+    }
+    default:
+      throw new Error(`Unhandled action type: ${n.type}`);
+  }
+}, re = (e) => {
+  const [n, t] = M(te, e), r = f(
+    (o) => t({ value: o, type: "CHANGE_PERMISSION" }),
+    []
+  ), i = f(
+    (o) => t({ value: o, type: "CHANGE_RECIPIENT" }),
+    []
+  ), s = f(
+    (o) => t({ value: o, type: "CHANGE_RECIPIENTTYPE" }),
+    []
+  );
+  return {
+    accessControlDocument: n,
+    onChangePermission: r,
+    onChangeRecipient: i,
+    onChangeRecipientType: s
+  };
+};
+async function oe({ searchText: e, hideDefaultGroups: n }) {
+  const {
+    data: { group: t = [] }
+  } = await X.searchGroup({
+    groupSearchDocument: { field: [{ name: "groupname", value: e }] }
+  });
+  return n ? t.map((r) => ({ groupName: r.groupName })).filter((r) => !r.groupName.startsWith("_")) : t.map((r) => ({ groupName: r.groupName }));
+}
+async function ae({ searchText: e, displayRealName: n = !1 }) {
+  const {
+    data: { user: t = [] }
+  } = await Z.searchUser({
+    userSearchDocument: { field: [{ name: "username", value: e }] },
+    queryParams: { ignoreCase: !0 }
+  });
+  return t.map((r) => ({
+    userName: r.userName,
+    ...n && { realName: r.realName }
+  }));
+}
+function T({
+  onSearch: e,
+  onChange: n,
+  displayRealName: t = !1,
+  label: r,
+  hideDefaultGroups: i
+}) {
+  const [s, o] = P([]), [N, E] = P(""), [S, g] = P(null), m = f(
+    (l) => {
+      e({ searchText: l, hideDefaultGroups: i, displayRealName: t }).then(o);
+    },
+    [e, i, t]
+  ), C = (l, u, p) => {
+    E(u), p === "input" && m(u);
+  }, v = (l, u) => {
+    const { groupName: p, userName: I } = u || {};
+    g(u), n(u ? I || p : null);
+  };
+  return W(() => {
+    m("");
+  }, [m]), /* @__PURE__ */ a(
+    J,
+    {
+      value: S,
+      inputValue: N,
+      options: s,
+      onChange: v,
+      onInputChange: C,
+      renderInput: (l) => /* @__PURE__ */ a(B, { ...l, label: r, variant: "outlined" }),
+      getOptionLabel: ({ realName: l, userName: u, groupName: p }) => t ? l || u : u || p
+    }
+  );
+}
+function ce({ value: e, label: n, onChange: t, choices: r = ee, selected: i }) {
+  return /* @__PURE__ */ h(Y, { margin: "normal", fullWidth: !0, children: [
+    /* @__PURE__ */ a(k, { children: n }),
+    /* @__PURE__ */ a(V, { value: e, onChange: (s) => t(s.target.value), children: Object.entries(r).map(([s, o]) => /* @__PURE__ */ a(
+      q,
+      {
+        value: s,
+        control: /* @__PURE__ */ a(z, {}),
+        label: o,
+        disabled: !i
+      },
+      s
+    )) })
+  ] });
+}
+function ie({ onChange: e, value: n, userText: t, groupText: r }) {
+  return /* @__PURE__ */ h(K, { value: n, exclusive: !0, onChange: (s, o) => {
+    o !== null && e(o);
+  }, children: [
+    /* @__PURE__ */ a(O, { value: c.USER, children: t }),
+    /* @__PURE__ */ a(O, { value: c.GROUP, children: r })
+  ] });
+}
+function se({
+  classes: e,
+  entityType: n,
+  entityId: t,
+  onSuccess: r = () => {
+  },
+  onError: i = () => {
+  },
+  onSubmit: s = Q.createEntityAccess,
+  onCancel: o,
+  initialAccessControlDocument: N = { user: null },
+  UserPickerComponent: E = T,
+  UserPickerProps: S = {},
+  GroupPickerComponent: g = T,
+  GroupPickerProps: m = {},
+  PermissionPickerComponent: C = ce,
+  PermissionPickerProps: v,
+  RecipientTypePickerComponent: l = ie,
+  RecipientTypePickerProps: u,
+  permissionText: p = "Permission",
+  grantAccessText: I = "Grant Access",
+  userText: b = "User",
+  groupText: _ = "Group",
+  searchText: y = "Search",
+  cancelText: x = "Cancel",
+  hideDefaultGroups: L = !0
+}) {
+  const { accessControlDocument: d, onChangePermission: w, onChangeRecipient: G, onChangeRecipientType: D } = re(N), H = () => Promise.resolve(
+    s({
+      entityType: n,
+      entityId: t,
+      accessControlDocument: d
+    })
+  ).then(r).catch(i), { permission: U = "" } = d, R = F(() => {
+    if (d[c.USER] !== void 0)
+      return c.USER;
+    if (d[c.GROUP] !== void 0)
+      return c.GROUP;
+  }, [d]), [j] = Object.values(d);
+  return /* @__PURE__ */ h("div", { className: e.root, children: [
+    /* @__PURE__ */ h("div", { className: e.recipientRoot, children: [
+      l ? /* @__PURE__ */ a(
+        l,
+        {
+          value: R,
+          onChange: D,
+          userText: b,
+          groupText: _,
+          ...u
+        }
+      ) : null,
+      /* @__PURE__ */ h("div", { className: e.recipientType, children: [
+        E && R === c.USER ? /* @__PURE__ */ a(
+          E,
+          {
+            onSearch: ae,
+            onChange: G,
+            label: y,
+            ...S
+          }
+        ) : null,
+        g && R === c.GROUP ? /* @__PURE__ */ a(
+          g,
+          {
+            onSearch: oe,
+            onChange: G,
+            label: y,
+            ...m,
+            hideDefaultGroups: L
+          }
+        ) : null
+      ] })
+    ] }),
+    C ? /* @__PURE__ */ a(
+      C,
+      {
+        value: U,
+        onChange: w,
+        selected: j,
+        label: p,
+        ...v
+      }
+    ) : null,
+    /* @__PURE__ */ h("div", { className: e.actions, children: [
+      o ? /* @__PURE__ */ a(A, { className: e.actionsCancel, onClick: o, children: x }) : null,
+      /* @__PURE__ */ a(
+        A,
+        {
+          className: e.actionsSubmit,
+          onClick: H,
+          disabled: !d[R] || !U,
+          variant: "outlined",
+          color: "primary",
+          children: I
+        }
+      )
+    ] })
+  ] });
+}
+const me = $(ne, { name: "VdtEntityAccessEdit" })(se);
+export {
+  me as default
+};

package/dist/es/entity/EntityAccessTable.js

@@ -0,0 +1,119 @@
+import { jsx as e, jsxs as y } from "react/jsx-runtime";
+import { useState as I } from "react";
+import { withStyles as h, TableCell as T, Chip as M, Table as x, TableBody as V, TableRow as g, IconButton as w, Menu as S, MenuItem as L, ListItemIcon as $, ListItemText as k } from "@material-ui/core";
+import { MoreVert as B, Delete as N, Person as R, Group as j } from "@material-ui/icons";
+const D = h((t) => ({
+  root: {
+    display: "flex",
+    alignItems: "center",
+    borderStyle: "none",
+    ...t.typography.body2
+  }
+}))(T), P = h((t) => ({
+  root: {
+    borderStyle: "none",
+    ...t.typography.subtitle2
+  }
+}))(T), z = h(() => ({
+  root: {
+    borderStyle: "none"
+  }
+}))(M), G = (t) => `${t[0].toUpperCase()}${t.slice(1).toLowerCase()}`;
+function O({
+  className: t = "VdtEntityAccessMenu-root",
+  classes: l = {},
+  onRemove: i,
+  accessType: a,
+  entityType: r,
+  entityId: d,
+  entityAccessMenuText: p
+}) {
+  const [c, s] = I(null), o = (u) => {
+    s(u.currentTarget);
+  }, n = () => {
+    s(null);
+  }, { id: m } = a, b = () => {
+    i({ accessId: m, entityType: r, entityId: d }), n();
+  };
+  return /* @__PURE__ */ y("div", { className: t, children: [
+    /* @__PURE__ */ e(w, { onClick: o, children: /* @__PURE__ */ e(B, {}) }),
+    /* @__PURE__ */ e(S, { anchorEl: c, keepMounted: !0, open: !!c, onClose: n, children: /* @__PURE__ */ e("div", { className: l.entityAccessMenuContext, children: /* @__PURE__ */ y(L, { onClick: b, children: [
+      /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(N, {}) }),
+      /* @__PURE__ */ e(
+        k,
+        {
+          primary: p,
+          primaryTypographyProps: { color: "secondary" }
+        }
+      )
+    ] }) }) })
+  ] });
+}
+function U({
+  className: t = "VdtEntityAccessRow-root",
+  accessType: l,
+  entityType: i,
+  entityId: a,
+  onRemove: r,
+  EntityAccessMenuComponent: d = O,
+  EntityAccessMenuProps: p = {},
+  entityAccessMenuText: c,
+  accessTranslate: s,
+  displayRealName: o = !1
+}) {
+  const { user: n, group: m, permission: b, userType: u } = l;
+  let f = n || m;
+  if (o && u) {
+    const { realName: E, userName: v } = u;
+    f = E || v;
+  }
+  const A = G(s(b));
+  let C = null;
+  return n || u ? C = R : m && (C = j), /* @__PURE__ */ y(g, { component: "div", className: t, children: [
+    /* @__PURE__ */ y(D, { component: "div", children: [
+      r ? /* @__PURE__ */ e(
+        d,
+        {
+          onRemove: r,
+          entityType: i,
+          entityId: a,
+          accessType: l,
+          entityAccessMenuText: c,
+          ...p
+        }
+      ) : null,
+      /* @__PURE__ */ e(z, { label: f, icon: /* @__PURE__ */ e(C, {}), variant: "outlined" })
+    ] }),
+    /* @__PURE__ */ e(P, { component: "div", children: A })
+  ] });
+}
+function q({
+  className: t = "VdtEntityAccessTable-root",
+  accessControlList: l,
+  entityType: i,
+  entityId: a,
+  onRemove: r,
+  EntityAccessRowComponent: d = U,
+  EntityAccessRowProps: p = {},
+  entityAccessMenuText: c = "Delete",
+  accessTranslate: s = (o) => o
+}) {
+  const { access: o = [] } = l;
+  return /* @__PURE__ */ e(x, { size: "small", component: "div", className: t, children: /* @__PURE__ */ e(V, { component: "div", children: o.map((n) => /* @__PURE__ */ e(
+    d,
+    {
+      accessType: n,
+      entityType: i,
+      entityId: a,
+      onRemove: r,
+      entityAccessMenuText: c,
+      accessTranslate: s,
+      ...p
+    },
+    n.id
+  )) }) });
+}
+const Q = h({}, { name: "VdtEntityAccessTable" })(q);
+export {
+  Q as default
+};