@hybridcore/ui 1.5.90 → 1.6.1

package/dist/TextField-BQ8a50fA.js

@@ -1,459 +0,0 @@
-import { a as l, _ as H } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as M from "react";
-import { P as e } from "./index-DMSHuq6l.js";
-import { g as S, u as _, c as L, a as $ } from "./useThemeProps-DRP1dikX.js";
-import { s as E } from "./styled-B8ugzvji.js";
-import { g as U } from "./createTheme-CNnKNxwL.js";
-import { jsx as p, jsxs as le } from "react/jsx-runtime";
-import { f as ie, F as ae, I as de } from "./InputLabel-CBuAYyuT.js";
-import { u as ce } from "./useId-BHG98T5I.js";
-import { S as ue, F as pe } from "./Select-t3ewnSdf.js";
-import { u as fe } from "./useFormControl-CatNKXAi.js";
-import { c as V } from "./createTheme-CyC5HawC.js";
-import { r as me } from "./ButtonBase-DsX-jMQJ.js";
-import { I as be } from "./Input-CoIrGZAh.js";
-import { O as Te } from "./OutlinedInput-B-iZoc9l.js";
-function xe(o) {
-  return U("MuiFormHelperText", o);
-}
-const z = S("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
-var q;
-const ge = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"], he = (o) => {
-  const {
-    classes: r,
-    contained: s,
-    size: n,
-    disabled: d,
-    error: c,
-    filled: i,
-    focused: f,
-    required: u
-  } = o, t = {
-    root: ["root", d && "disabled", c && "error", n && `size${V(n)}`, s && "contained", f && "focused", i && "filled", u && "required"]
-  };
-  return $(t, xe, r);
-}, ye = E("p", {
-  name: "MuiFormHelperText",
-  slot: "Root",
-  overridesResolver: (o, r) => {
-    const {
-      ownerState: s
-    } = o;
-    return [r.root, s.size && r[`size${V(s.size)}`], s.contained && r.contained, s.filled && r.filled];
-  }
-})(({
-  theme: o,
-  ownerState: r
-}) => l({
-  color: (o.vars || o).palette.text.secondary
-}, o.typography.caption, {
-  textAlign: "left",
-  marginTop: 3,
-  marginRight: 0,
-  marginBottom: 0,
-  marginLeft: 0,
-  [`&.${z.disabled}`]: {
-    color: (o.vars || o).palette.text.disabled
-  },
-  [`&.${z.error}`]: {
-    color: (o.vars || o).palette.error.main
-  }
-}, r.size === "small" && {
-  marginTop: 4
-}, r.contained && {
-  marginLeft: 14,
-  marginRight: 14
-})), B = /* @__PURE__ */ M.forwardRef(function(r, s) {
-  const n = _({
-    props: r,
-    name: "MuiFormHelperText"
-  }), {
-    children: d,
-    className: c,
-    component: i = "p"
-  } = n, f = H(n, ge), u = fe(), t = ie({
-    props: n,
-    muiFormControl: u,
-    states: ["variant", "size", "disabled", "error", "filled", "focused", "required"]
-  }), m = l({}, n, {
-    component: i,
-    contained: t.variant === "filled" || t.variant === "outlined",
-    variant: t.variant,
-    size: t.size,
-    disabled: t.disabled,
-    error: t.error,
-    filled: t.filled,
-    focused: t.focused,
-    required: t.required
-  }), x = he(m);
-  return /* @__PURE__ */ p(ye, l({
-    as: i,
-    ownerState: m,
-    className: L(x.root, c),
-    ref: s
-  }, f, {
-    children: d === " " ? (
-      // notranslate needed while Google Translate will not fix zero-width space issue
-      q || (q = /* @__PURE__ */ p("span", {
-        className: "notranslate",
-        children: "​"
-      }))
-    ) : d
-  }));
-});
-process.env.NODE_ENV !== "production" && (B.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * The content of the component.
-   *
-   * If `' '` is provided, the component reserves one line height for displaying a future message.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * If `true`, the helper text should be displayed in a disabled state.
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, helper text should be displayed in an error state.
-   */
-  error: e.bool,
-  /**
-   * If `true`, the helper text should use filled classes key.
-   */
-  filled: e.bool,
-  /**
-   * If `true`, the helper text should use focused classes key.
-   */
-  focused: e.bool,
-  /**
-   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
-   * FormControl.
-   */
-  margin: e.oneOf(["dense"]),
-  /**
-   * If `true`, the helper text should use required classes key.
-   */
-  required: e.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * The variant to use.
-   */
-  variant: e.oneOfType([e.oneOf(["filled", "outlined", "standard"]), e.string])
-});
-function Fe(o) {
-  return U("MuiTextField", o);
-}
-S("MuiTextField", ["root"]);
-const ve = ["autoComplete", "autoFocus", "children", "className", "color", "defaultValue", "disabled", "error", "FormHelperTextProps", "fullWidth", "helperText", "id", "InputLabelProps", "inputProps", "InputProps", "inputRef", "label", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onFocus", "placeholder", "required", "rows", "select", "SelectProps", "type", "value", "variant"], Oe = {
-  standard: be,
-  filled: pe,
-  outlined: Te
-}, Re = (o) => {
-  const {
-    classes: r
-  } = o;
-  return $({
-    root: ["root"]
-  }, Fe, r);
-}, Ce = E(ae, {
-  name: "MuiTextField",
-  slot: "Root",
-  overridesResolver: (o, r) => r.root
-})({}), we = /* @__PURE__ */ M.forwardRef(function(r, s) {
-  const n = _({
-    props: r,
-    name: "MuiTextField"
-  }), {
-    autoComplete: d,
-    autoFocus: c = !1,
-    children: i,
-    className: f,
-    color: u = "primary",
-    defaultValue: t,
-    disabled: m = !1,
-    error: x = !1,
-    FormHelperTextProps: W,
-    fullWidth: F = !1,
-    helperText: v,
-    id: D,
-    InputLabelProps: g,
-    inputProps: k,
-    InputProps: A,
-    inputRef: G,
-    label: b,
-    maxRows: J,
-    minRows: K,
-    multiline: C = !1,
-    name: Q,
-    onBlur: X,
-    onChange: Y,
-    onFocus: Z,
-    placeholder: ee,
-    required: w = !1,
-    rows: oe,
-    select: h = !1,
-    SelectProps: O,
-    type: re,
-    value: I,
-    variant: y = "outlined"
-  } = n, te = H(n, ve), P = l({}, n, {
-    autoFocus: c,
-    color: u,
-    disabled: m,
-    error: x,
-    fullWidth: F,
-    multiline: C,
-    required: w,
-    select: h,
-    variant: y
-  }), se = Re(P);
-  process.env.NODE_ENV !== "production" && h && !i && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
-  const T = {};
-  y === "outlined" && (g && typeof g.shrink < "u" && (T.notched = g.shrink), T.label = b), h && ((!O || !O.native) && (T.id = void 0), T["aria-describedby"] = void 0);
-  const a = ce(D), R = v && a ? `${a}-helper-text` : void 0, N = b && a ? `${a}-label` : void 0, ne = Oe[y], j = /* @__PURE__ */ p(ne, l({
-    "aria-describedby": R,
-    autoComplete: d,
-    autoFocus: c,
-    defaultValue: t,
-    fullWidth: F,
-    multiline: C,
-    name: Q,
-    rows: oe,
-    maxRows: J,
-    minRows: K,
-    type: re,
-    value: I,
-    id: a,
-    inputRef: G,
-    onBlur: X,
-    onChange: Y,
-    onFocus: Z,
-    placeholder: ee,
-    inputProps: k
-  }, T, A));
-  return /* @__PURE__ */ le(Ce, l({
-    className: L(se.root, f),
-    disabled: m,
-    error: x,
-    fullWidth: F,
-    ref: s,
-    required: w,
-    color: u,
-    variant: y,
-    ownerState: P
-  }, te, {
-    children: [b != null && b !== "" && /* @__PURE__ */ p(de, l({
-      htmlFor: a,
-      id: N
-    }, g, {
-      children: b
-    })), h ? /* @__PURE__ */ p(ue, l({
-      "aria-describedby": R,
-      id: a,
-      labelId: N,
-      value: I,
-      input: j
-    }, O, {
-      children: i
-    })) : j, v && /* @__PURE__ */ p(B, l({
-      id: R
-    }, W, {
-      children: v
-    }))]
-  }));
-});
-process.env.NODE_ENV !== "production" && (we.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * This prop helps users to fill forms faster, especially on mobile devices.
-   * The name can be confusing, as it's more like an autofill.
-   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
-   */
-  autoComplete: e.string,
-  /**
-   * If `true`, the `input` element is focused during the first mount.
-   * @default false
-   */
-  autoFocus: e.bool,
-  /**
-   * @ignore
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-   * @default 'primary'
-   */
-  color: e.oneOfType([e.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), e.string]),
-  /**
-   * The default value. Use when the component is not controlled.
-   */
-  defaultValue: e.any,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, the label is displayed in an error state.
-   * @default false
-   */
-  error: e.bool,
-  /**
-   * Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
-   */
-  FormHelperTextProps: e.object,
-  /**
-   * If `true`, the input will take up the full width of its container.
-   * @default false
-   */
-  fullWidth: e.bool,
-  /**
-   * The helper text content.
-   */
-  helperText: e.node,
-  /**
-   * The id of the `input` element.
-   * Use this prop to make `label` and `helperText` accessible for screen readers.
-   */
-  id: e.string,
-  /**
-   * Props applied to the [`InputLabel`](/material-ui/api/input-label/) element.
-   * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
-   */
-  InputLabelProps: e.object,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   */
-  inputProps: e.object,
-  /**
-   * Props applied to the Input element.
-   * It will be a [`FilledInput`](/material-ui/api/filled-input/),
-   * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
-   * component depending on the `variant` prop value.
-   */
-  InputProps: e.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: me,
-  /**
-   * The label content.
-   */
-  label: e.node,
-  /**
-   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
-   * @default 'none'
-   */
-  margin: e.oneOf(["dense", "none", "normal"]),
-  /**
-   * Maximum number of rows to display when multiline option is set to true.
-   */
-  maxRows: e.oneOfType([e.number, e.string]),
-  /**
-   * Minimum number of rows to display when multiline option is set to true.
-   */
-  minRows: e.oneOfType([e.number, e.string]),
-  /**
-   * If `true`, a `textarea` element is rendered instead of an input.
-   * @default false
-   */
-  multiline: e.bool,
-  /**
-   * Name attribute of the `input` element.
-   */
-  name: e.string,
-  /**
-   * @ignore
-   */
-  onBlur: e.func,
-  /**
-   * Callback fired when the value is changed.
-   *
-   * @param {object} event The event source of the callback.
-   * You can pull out the new value by accessing `event.target.value` (string).
-   */
-  onChange: e.func,
-  /**
-   * @ignore
-   */
-  onFocus: e.func,
-  /**
-   * The short hint displayed in the `input` before the user enters a value.
-   */
-  placeholder: e.string,
-  /**
-   * If `true`, the label is displayed as required and the `input` element is required.
-   * @default false
-   */
-  required: e.bool,
-  /**
-   * Number of rows to display when multiline option is set to true.
-   */
-  rows: e.oneOfType([e.number, e.string]),
-  /**
-   * Render a [`Select`](/material-ui/api/select/) element while passing the Input element to `Select` as `input` parameter.
-   * If this option is set you must pass the options of the select as children.
-   * @default false
-   */
-  select: e.bool,
-  /**
-   * Props applied to the [`Select`](/material-ui/api/select/) element.
-   */
-  SelectProps: e.object,
-  /**
-   * The size of the component.
-   */
-  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
-   */
-  type: e.string,
-  /**
-   * The value of the `input` element, required for a controlled component.
-   */
-  value: e.any,
-  /**
-   * The variant to use.
-   * @default 'outlined'
-   */
-  variant: e.oneOf(["filled", "outlined", "standard"])
-});
-export {
-  we as T
-};

package/dist/components/collapsible-card/style.js

@@ -1,49 +0,0 @@
-import i, { jsx as r } from "react/jsx-runtime";
-import { r as n, i as s } from "../../createSvgIcon-DLPYMuH1.js";
-import { s as o } from "../../styled-B8ugzvji.js";
-import { A as d, a as c, b as u } from "../../AccordionDetails-DhriPVPP.js";
-var t = {}, p = s;
-Object.defineProperty(t, "__esModule", {
-  value: !0
-});
-var a = t.default = void 0, m = p(n()), l = i;
-a = t.default = (0, m.default)(/* @__PURE__ */ (0, l.jsx)("path", {
-  d: "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"
-}), "ArrowForwardIosSharp");
-const A = o((e) => /* @__PURE__ */ r(d, { disableGutters: !0, elevation: 0, square: !0, ...e }))(() => ({
-  "&:not(:last-child)": {
-    borderBottom: 0
-  },
-  "&:before": {
-    display: "none"
-  }
-})), S = o((e) => /* @__PURE__ */ r(
-  c,
-  {
-    expandIcon: /* @__PURE__ */ r(a, { sx: { fontSize: 12 } }),
-    ...e
-  }
-))(({ theme: e }) => ({
-  fontSize: "14px",
-  minHeight: "auto",
-  height: 44,
-  flexDirection: "row-reverse",
-  "& .MuiAccordionSummary-expandIconWrapper.Mui-expanded": {
-    transform: "rotate(90deg)"
-  },
-  "& .MuiAccordionSummary-content": {
-    display: "flex",
-    margin: e.spacing(1),
-    marginRight: 0,
-    justifyContent: "space-between",
-    alignItems: "center"
-  }
-})), y = o(u)(({ theme: e }) => ({
-  padding: e.spacing(2),
-  paddingTop: 0
-}));
-export {
-  A as Accordion,
-  y as AccordionDetails,
-  S as AccordionSummary
-};

package/dist/components/key-protection/menu.js

@@ -1,85 +0,0 @@
-import { jsxs as n, Fragment as p, jsx as e } from "react/jsx-runtime";
-import h from "lodash";
-import m from "../../hooks/useMenuLogic.js";
-import { Key as c, Add as g } from "@mui/icons-material";
-import { IconButton as f, Menu as y, MenuItem as l, ListItemIcon as s } from "@mui/material";
-import { r as b, a as k } from "../../utils-Bq0ye5vf.js";
-import { alert as i } from "../confirm/index.js";
-let a;
-const M = () => {
-  const { state: r, action: t } = m(), d = async () => {
-    t.close();
-    const o = await b();
-    o ? (a = h.get(o, "rawId"), new Uint8Array(a).toString(), i("Successfull", "Key successfully registered")) : i("Error!", "The key couldn't be registered!");
-  }, u = async () => {
-    t.close();
-    try {
-      await k(a), i("Successfull", "Successfully authenticated");
-    } catch (o) {
-      i("Error!", "Couldn't be authenticated!"), console.log(o);
-    }
-  };
-  return /* @__PURE__ */ n(p, { children: [
-    /* @__PURE__ */ e(
-      f,
-      {
-        size: "large",
-        "aria-label": "account of current user",
-        onClick: t.open,
-        color: "inherit",
-        "aria-controls": r.isOpen ? "key-protection-menu" : void 0,
-        "aria-haspopup": "true",
-        "aria-expanded": r.isOpen ? "true" : void 0,
-        children: /* @__PURE__ */ e(c, {})
-      }
-    ),
-    /* @__PURE__ */ n(
-      y,
-      {
-        id: "key-protection-menu",
-        anchorEl: r.anchorEl,
-        keepMounted: !0,
-        anchorOrigin: {
-          vertical: "bottom",
-          horizontal: "right"
-        },
-        transformOrigin: { horizontal: "right", vertical: "top" },
-        open: r.isOpen,
-        onClose: t.close,
-        PaperProps: {
-          elevation: 0,
-          sx: {
-            overflow: "visible",
-            filter: "drop-shadow(0px 2px 8px rgba(0,0,0,0.32))",
-            mt: 1.5,
-            "&:before": {
-              content: '""',
-              display: "block",
-              position: "absolute",
-              top: 0,
-              right: 14,
-              width: 10,
-              height: 10,
-              bgcolor: "background.paper",
-              transform: "translateY(-50%) rotate(45deg)",
-              zIndex: 0
-            }
-          }
-        },
-        children: [
-          /* @__PURE__ */ n(l, { onClick: d, children: [
-            /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(g, { fontSize: "small" }) }),
-            "Register Key"
-          ] }),
-          /* @__PURE__ */ n(l, { onClick: u, children: [
-            /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(c, { fontSize: "small" }) }),
-            "Authenticate"
-          ] })
-        ]
-      }
-    )
-  ] });
-};
-export {
-  M as KeyProtectionMenu
-};

package/dist/components/profile-card/index.js

@@ -1,80 +0,0 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { ArrowRight as d } from "@mui/icons-material";
-import { Box as l, Typography as n } from "@mui/material";
-import p from "lodash";
-import x from "react";
-import b from "../instance-variable-list/variable.js";
-import { useProfileCardLogic as u } from "./logic.js";
-import { ProfileCardRoot as v, ProfileCardImage as P, ProfileCardHierarchy as C, ProfileCardVariables as I } from "./styled.js";
-function A(s) {
-  const {
-    instance: r,
-    imageUrl: h,
-    templateHierarchy: m,
-    propertyNames: c,
-    ownerState: a,
-    sx: f,
-    templateIconUrl: g,
-    other: y
-  } = u(s);
-  return console.log(c, 26), /* @__PURE__ */ i(v, { ownerState: a, sx: f, ...y, children: [
-    /* @__PURE__ */ e(l, { mb: 2, children: /* @__PURE__ */ e(
-      P,
-      {
-        src: h || "https://picsum.photos/600/400",
-        alt: "Profile",
-        ownerState: a
-      }
-    ) }),
-    /* @__PURE__ */ i(l, { display: "flex", alignItems: "center", mb: 1, children: [
-      /* @__PURE__ */ e("img", { src: g, alt: "Template Icon" }),
-      /* @__PURE__ */ e(n, { variant: "h5", component: "h2", gutterBottom: !0, children: r.title })
-    ] }),
-    r.description && /* @__PURE__ */ e(n, { variant: "body1", paragraph: !0, children: r.description }),
-    /* @__PURE__ */ i(C, { ownerState: a, children: [
-      m.map((t, o) => /* @__PURE__ */ i(l, { display: "inline", alignItems: "center", children: [
-        o > 0 && /* @__PURE__ */ e(
-          d,
-          {
-            sx: { height: 20, verticalAlign: "middle" },
-            color: "disabled"
-          }
-        ),
-        /* @__PURE__ */ e(n, { variant: "caption", color: "text.secondary", children: t.name })
-      ] }, t.id || o)),
-      /* @__PURE__ */ i(l, { display: "inline", alignItems: "center", children: [
-        m.length > 0 && /* @__PURE__ */ e(
-          d,
-          {
-            sx: { height: 20, verticalAlign: "middle" },
-            color: "disabled"
-          }
-        ),
-        /* @__PURE__ */ e(
-          n,
-          {
-            variant: "caption",
-            color: "text.secondary",
-            fontWeight: "bold",
-            children: r.template.name
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ e(I, { ownerState: a, children: p.keys(r.variables).map((t, o) => /* @__PURE__ */ e(
-      b,
-      {
-        type: t,
-        data: p.get(r.variables, t),
-        hashPrefix: `${r.template.type}-${r.template.templateKey}-`,
-        properties: c
-      },
-      o
-    )) })
-  ] });
-}
-const V = x.memo(A);
-export {
-  A as ProfileCard,
-  V as default
-};

package/dist/components/profile-card/logic.js

@@ -1,33 +0,0 @@
-import { useThemeProps as g } from "@mui/material";
-import { useMemo as n } from "react";
-import { getTemplateHierarchy as C } from "../../utils/ontology.js";
-const P = (c) => {
-  const a = g({ props: c, name: "HCProfileCard" }), { instance: t, templates: e, sx: m, ...i } = a, l = t.profileImageUrl, o = e.get(t.template.id), f = o == null ? void 0 : o.icon, h = n(() => {
-    const r = e.get(t.template.id);
-    return r ? C(e, r) : [];
-  }, [e, t.template.id]), u = n(() => {
-    const r = /* @__PURE__ */ new Map();
-    return e && e.forEach((s) => {
-      s.properties.forEach((p) => {
-        const d = `${s.type}-${s.templateKey}-${p.propertyId}`;
-        r.set(d, p.name);
-      });
-    }), r;
-  }, [e]), y = {
-    ...a
-  };
-  return {
-    instance: t,
-    templates: e,
-    imageUrl: l,
-    templateHierarchy: h,
-    propertyNames: u,
-    ownerState: y,
-    sx: m,
-    templateIconUrl: f,
-    other: i
-  };
-};
-export {
-  P as useProfileCardLogic
-};