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

package/dist/es/user/CreateUserDialog/index.js

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

package/dist/es/user/EditUserDialog/EditUserDialog.js

@@ -0,0 +1,47 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import c from "clsx";
+import o from "prop-types";
+import { DialogTitle as m, DialogContent as d } from "@material-ui/core";
+import f from "./components/EditUserForm.js";
+const x = () => ({
+  root: {}
+});
+function r({ classes: t, className: e, user: i, onClose: l, onSubmit: n }) {
+  return /* @__PURE__ */ a("div", { className: c(t.root, "VdtEditUserDialog-root", e), children: [
+    /* @__PURE__ */ s(m, { children: "Edit User" }),
+    /* @__PURE__ */ s(d, { children: /* @__PURE__ */ s(f, { onSubmit: n, onCancel: l, user: i }) })
+  ] });
+}
+r.propTypes = {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.objectOf(o.string),
+  /**
+   * Override styles with className
+   */
+  className: o.string,
+  /**
+   * User to create
+   */
+  user: o.objectOf(o.any),
+  /**
+   *
+   */
+  onClose: o.func,
+  /**
+   *
+   */
+  onSubmit: o.func
+};
+r.defaultProps = {
+  className: void 0,
+  classes: {},
+  user: {},
+  onClose: () => null,
+  onSubmit: () => null
+};
+export {
+  r as default,
+  x as styles
+};

package/dist/es/user/EditUserDialog/components/EditUserForm.js

@@ -0,0 +1,65 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useRef as l } from "react";
+import { withStyles as v, TextField as i, Button as m } from "@material-ui/core";
+const R = (e) => ({
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    "& > *": {
+      marginTop: e.spacing(1),
+      marginBottom: e.spacing(1)
+    }
+  },
+  action: {
+    display: "flex",
+    justifyContent: "flex-end"
+  }
+});
+function b({
+  classes: e,
+  onSubmit: s,
+  onCancel: u,
+  submitText: c = "Save",
+  cancelText: d = "Cancel",
+  userNameText: f = "Username",
+  realNameText: p = "Real name",
+  user: a
+}) {
+  const r = l(), n = l(), N = (x) => {
+    x.preventDefault();
+    const y = {
+      userName: r.current.value,
+      realName: n.current.value
+    };
+    s({ userDocument: y });
+  };
+  return /* @__PURE__ */ o("form", { className: e.root, onSubmit: N, children: [
+    /* @__PURE__ */ t(
+      i,
+      {
+        required: !0,
+        name: "userName",
+        defaultValue: a.userName,
+        label: f,
+        inputRef: r
+      }
+    ),
+    /* @__PURE__ */ t(
+      i,
+      {
+        defaultValue: a.realName,
+        name: "realName",
+        label: p,
+        inputRef: n
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: e.action, children: [
+      /* @__PURE__ */ t(m, { onClick: u, children: d }),
+      /* @__PURE__ */ t(m, { variant: "contained", color: "primary", type: "submit", children: c })
+    ] })
+  ] });
+}
+const S = v(R, { name: "VdtEditUserForm" })(b);
+export {
+  S as default
+};

package/dist/es/user/EditUserDialog/index.js

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

package/dist/es/user/UserAvatarButton/UserAvatarButton.js

@@ -0,0 +1,184 @@
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { useState as C } from "react";
+import o from "clsx";
+import t from "prop-types";
+import { ButtonBase as S, Avatar as U, Menu as x, MenuItem as l, FormControlLabel as V, Switch as I, Select as j } from "@material-ui/core";
+import { ArrowDropDown as k } from "@material-ui/icons";
+const z = (u) => ({
+  avatar: {
+    backgroundColor: u.palette.primary.main,
+    color: u.palette.background.main
+  },
+  localeSelect: {
+    width: "100%"
+  }
+});
+function p({
+  className: u,
+  classes: e,
+  userName: s,
+  avatarText: v,
+  onLogout: g,
+  togglePalette: c,
+  isDefaultPalette: h,
+  locale: n,
+  children: f,
+  signOutText: B,
+  toggleThemeText: b,
+  AvatarProps: A,
+  ButtonBaseProps: M,
+  MenuProps: O,
+  localeSelectProps: P
+}) {
+  const [m, d] = C(null), N = (r) => {
+    d(r.currentTarget);
+  }, T = () => {
+    d(null);
+  }, y = v || (s ? s[0] : "");
+  return /* @__PURE__ */ i("div", { className: o(u, e.root, "VdtUserAvatarButton-root"), children: [
+    /* @__PURE__ */ i(
+      S,
+      {
+        className: o(e.ButtonBase, "VdtUserAvatarButton-ButtonBase"),
+        onClick: N,
+        disableRipple: !0,
+        ...M,
+        children: [
+          /* @__PURE__ */ a(U, { className: e.avatar, ...A, children: y }),
+          /* @__PURE__ */ a(k, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(
+      x,
+      {
+        className: o(e.Menu, "VdtUserAvatarButton-Menu"),
+        anchorEl: m,
+        keepMounted: !0,
+        open: !!m,
+        onClose: T,
+        elevation: 1,
+        PaperProps: { square: !0 },
+        getContentAnchorEl: null,
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "right"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "right"
+        },
+        ...O,
+        children: [
+          /* @__PURE__ */ a(l, { disabled: !0, children: s }),
+          c && /* @__PURE__ */ a(
+            l,
+            {
+              className: o(e.paletteMenuItem, "VdtUserAvatarButton-paletteMenuItem"),
+              children: /* @__PURE__ */ a(
+                V,
+                {
+                  className: o(
+                    e.paletteFormControlLabel,
+                    "VdtUserAvatarButton-paletteFormControlLabel"
+                  ),
+                  label: b,
+                  control: /* @__PURE__ */ a(
+                    I,
+                    {
+                      className: o(e.paletteSwitch, "VdtUserAvatarButton-paletteSwitch"),
+                      onChange: c,
+                      checked: h
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          (n == null ? void 0 : n.options) && /* @__PURE__ */ a(
+            l,
+            {
+              className: o(e.localeMenuItemRoot, "VdtUserAvatarButton-localeMenuItemRoot"),
+              children: /* @__PURE__ */ a(
+                j,
+                {
+                  className: o(e.localeSelect, "VdtUserAvatarButton-localeSelect"),
+                  value: n.curr,
+                  onChange: ({ target: { value: r } }) => n.set(r),
+                  ...P,
+                  children: n.options.map((r) => /* @__PURE__ */ a(
+                    l,
+                    {
+                      value: r.value,
+                      className: o(e.localeMenuItem, "VdtUserAvatarButton-localeMenuItem"),
+                      children: r.label
+                    },
+                    r.value
+                  ))
+                }
+              )
+            }
+          ),
+          f,
+          /* @__PURE__ */ a(
+            l,
+            {
+              className: o(e.signOutMenuItem, "VdtUserAvatarButton-signOutMenuItem"),
+              button: !0,
+              onClick: g,
+              children: B
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+p.propTypes = {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.objectOf(t.string),
+  /**
+   * Override styles with className
+   */
+  className: t.string,
+  userName: t.string,
+  avatarText: t.string,
+  onLogout: t.func,
+  togglePalette: t.func,
+  isDefaultPalette: t.bool,
+  locale: t.shape({
+    set: t.func,
+    curr: t.string,
+    options: t.arrayOf(t.any)
+  }),
+  children: t.oneOfType([t.arrayOf(t.element), t.element]),
+  signOutText: t.string,
+  toggleThemeText: t.string,
+  AvatarProps: t.objectOf(t.any),
+  ButtonBaseProps: t.objectOf(t.any),
+  MenuProps: t.objectOf(t.any),
+  localeSelectProps: t.objectOf(t.any)
+};
+p.defaultProps = {
+  className: void 0,
+  classes: {},
+  userName: void 0,
+  avatarText: void 0,
+  onLogout: void 0,
+  togglePalette: void 0,
+  isDefaultPalette: !0,
+  locale: void 0,
+  children: void 0,
+  signOutText: "Sign Out",
+  toggleThemeText: "Toggle Theme",
+  AvatarProps: {},
+  ButtonBaseProps: {},
+  MenuProps: {},
+  localeSelectProps: {}
+};
+export {
+  p as default,
+  z as styles
+};

package/dist/es/user/UserAvatarButton/index.js

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

package/dist/es/user/UserDetails/UserDetails.js

@@ -0,0 +1,166 @@
+import { jsxs as s, jsx as o, Fragment as p } from "react/jsx-runtime";
+import { useState as S } from "react";
+import k from "clsx";
+import e from "prop-types";
+import { Typography as H, IconButton as V, Divider as a } from "@material-ui/core";
+import { MoreVert as B, Description as F, Group as q, VerifiedUser as z } from "@material-ui/icons";
+import D from "@vidispine/proptypes";
+import O from "../../group/GroupRelationList/index.js";
+import J from "./components/UserData.js";
+import K from "./components/UserMenu.js";
+const ne = (n) => ({
+  root: {
+    display: "grid",
+    gridGap: n.spacing(2),
+    "& .MuiListItem-gutters": {
+      paddingLeft: "30px"
+    }
+  },
+  header: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between"
+  }
+});
+function P({
+  classes: n,
+  className: x,
+  userType: i,
+  groupListType: d,
+  onEdit: R,
+  onDelete: j,
+  onAddToGroups: u,
+  onRemoveFromGroup: c,
+  onToggleDisabled: M,
+  onChangePassword: w,
+  DetailsComponent: m,
+  DetailsProps: E,
+  GroupsComponent: f,
+  GroupsProps: U,
+  RolesComponent: g,
+  RolesProps: I,
+  MenuComponent: y,
+  MenuProps: L,
+  lockedUsers: T
+}) {
+  const { userName: l, groupList: h = {} } = i || {}, [v, b] = S(null), G = T.includes(l), N = (t) => {
+    b(t.currentTarget);
+  }, C = () => {
+    b(null);
+  }, r = (t) => t ? (A) => {
+    t(A), C();
+  } : void 0;
+  return /* @__PURE__ */ s("div", { className: k(n.root, "VdtUserDetails-root", x), children: [
+    /* @__PURE__ */ s("div", { className: n.header, children: [
+      /* @__PURE__ */ o(H, { variant: "h5", children: l }),
+      /* @__PURE__ */ o(V, { onClick: N, disabled: T.includes(l), children: /* @__PURE__ */ o(B, {}) }),
+      y && /* @__PURE__ */ o(
+        y,
+        {
+          user: i,
+          open: !!v,
+          onClose: C,
+          anchorEl: v,
+          onDelete: r(j),
+          onEdit: r(R),
+          onToggleDisabled: r(M),
+          onChangePassword: r(w),
+          ...L
+        }
+      )
+    ] }),
+    m && /* @__PURE__ */ s(p, { children: [
+      /* @__PURE__ */ o(m, { user: i, SubHeaderIcon: F, ...E }),
+      /* @__PURE__ */ o(a, {})
+    ] }),
+    f && /* @__PURE__ */ s(p, { children: [
+      /* @__PURE__ */ o(
+        f,
+        {
+          existingGroups: h,
+          groups: d,
+          onRemoveGroup: c,
+          onAddGroups: u,
+          SubHeaderIcon: q,
+          disableEdit: G,
+          showRoles: !1,
+          ...U
+        }
+      ),
+      /* @__PURE__ */ o(a, {})
+    ] }),
+    g && /* @__PURE__ */ s(p, { children: [
+      /* @__PURE__ */ o(
+        g,
+        {
+          existingGroups: h,
+          groups: d,
+          onRemoveGroup: c,
+          onAddGroups: u,
+          removeTooltip: "Remove role",
+          subHeaderText: "Roles",
+          SubHeaderIcon: z,
+          inputLabel: "Select roles",
+          addText: "Add roles",
+          emptyText: "No roles added",
+          disableEdit: G,
+          showGroups: !1,
+          ...I
+        }
+      ),
+      /* @__PURE__ */ o(a, {})
+    ] })
+  ] });
+}
+P.propTypes = {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.objectOf(e.string),
+  /**
+   * Override styles with className
+   */
+  className: e.string,
+  userType: D.UserType,
+  groupListType: D.GroupListType,
+  onEdit: e.func,
+  onDelete: e.func,
+  onAddToGroups: e.func,
+  onRemoveFromGroup: e.func,
+  onToggleDisabled: e.func,
+  onChangePassword: e.func,
+  DetailsComponent: e.oneOfType([e.elementType, e.oneOf([!1])]),
+  DetailsProps: e.objectOf(e.any),
+  GroupsComponent: e.oneOfType([e.elementType, e.oneOf([!1])]),
+  GroupsProps: e.objectOf(e.any),
+  RolesComponent: e.oneOfType([e.elementType, e.oneOf([!1])]),
+  RolesProps: e.objectOf(e.any),
+  MenuComponent: e.oneOfType([e.elementType, e.oneOf([!1])]),
+  MenuProps: e.objectOf(e.any),
+  lockedUsers: e.arrayOf(e.string)
+};
+P.defaultProps = {
+  classes: {},
+  className: void 0,
+  userType: {},
+  groupListType: {},
+  onEdit: void 0,
+  onDelete: void 0,
+  onAddToGroups: void 0,
+  onRemoveFromGroup: void 0,
+  onToggleDisabled: void 0,
+  onChangePassword: void 0,
+  DetailsComponent: J,
+  DetailsProps: {},
+  GroupsComponent: O,
+  GroupsProps: {},
+  RolesComponent: O,
+  RolesProps: {},
+  MenuComponent: K,
+  MenuProps: {},
+  lockedUsers: ["admin", "vidinetviewer"]
+};
+export {
+  P as default,
+  ne as styles
+};

package/dist/es/user/UserDetails/components/UserData.js

@@ -0,0 +1,40 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import c from "clsx";
+import { withStyles as u, List as p, ListSubheader as h, ListItem as a, ListItemText as s } from "@material-ui/core";
+const y = (t) => ({
+  root: {
+    display: "flex",
+    flexDirection: "column"
+  },
+  ListSubheader: {
+    display: "grid",
+    gridAutoFlow: "column",
+    gridTemplateColumns: "auto 1fr",
+    alignItems: "center",
+    gridGap: t.spacing(1)
+  },
+  List: {}
+}), f = ({ disabled: t }) => t ? "Disabled" : "Active";
+function L({ className: t, classes: r, user: i, SubHeaderText: d = "Details", SubHeaderIcon: l = !1 }) {
+  const { userName: o, realName: m } = i;
+  return /* @__PURE__ */ e("div", { className: c(r.root, t), children: /* @__PURE__ */ n(
+    p,
+    {
+      className: r.List,
+      dense: !0,
+      subheader: /* @__PURE__ */ n(h, { disableGutters: !0, className: r.ListSubheader, children: [
+        l && /* @__PURE__ */ e(l, {}),
+        d
+      ] }),
+      children: [
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(s, { primary: "Username", secondary: o }) }),
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(s, { primary: "Real name", secondary: m || "-" }) }),
+        /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(s, { primary: "Status", secondary: f(i) }) })
+      ]
+    }
+  ) });
+}
+const b = u(y, { name: "VdtUserData" })(L);
+export {
+  b as default
+};

package/dist/es/user/UserDetails/components/UserMenu.js

@@ -0,0 +1,25 @@
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import { Menu as U, MenuItem as e } from "@material-ui/core";
+function u({
+  user: d,
+  onToggleDisabled: l,
+  onEdit: r,
+  onChangePassword: n,
+  onDelete: s,
+  editUserText: c = "Edit User",
+  changePasswordText: o = "Change Password",
+  deleteUserText: a = "Delete User",
+  enableUsertext: t = "Enable User",
+  disableUsertext: b = "Disable User",
+  ...h
+}) {
+  return /* @__PURE__ */ m(U, { ...h, children: [
+    /* @__PURE__ */ i(e, { onClick: () => l(d), disabled: l === void 0, children: d.disabled ? t : b }),
+    /* @__PURE__ */ i(e, { onClick: r, disabled: r === void 0, children: c }),
+    /* @__PURE__ */ i(e, { onClick: n, disabled: n === void 0, children: o }),
+    /* @__PURE__ */ i(e, { onClick: () => s(d), disabled: s === void 0, children: a })
+  ] });
+}
+export {
+  u as default
+};

package/dist/es/user/UserDetails/index.js

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