@ynput/ayon-frontend-shared 0.6.8 → 0.7.0

package/dist/chunks/MenuItem.es.js

@@ -1,420 +0,0 @@
-import { jsxs as _, jsx as o } from "react/jsx-runtime";
-import { Button as j, Icon as a, ShortcutTag as F } from "@ynput/ayon-react-components";
-import { forwardRef as O } from "react";
-import r, { keyframes as z } from "styled-components";
-import { isArray as L } from "lodash";
-import { Link as S } from "react-router-dom";
-import T from "clsx";
-import "@module-federation/enhanced/runtime";
-import "react-toastify";
-import "./searchTerms.es.js";
-import "./getUris.es.js";
-import "primereact/confirmdialog";
-import { a as $ } from "./DeleteEntitiesContextInstance.es.js";
-import "uuid";
-import "semver";
-import "./ContextMenuContextInstance.es.js";
-import "react-dom";
-import "react-redux";
-const v = 42, C = 8, po = v + C, mo = r.dialog`
-  position: fixed;
-  margin: 0;
-  inset: 0;
-  top: ${v}px;
-  width: auto;
-  height: auto;
-  z-index: 1000;
-  border: none;
-  background-color: unset;
-  padding: 0;
-
-  user-select: none;
-
-  overflow: auto;
-  /* remove scroll bar */
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  &::-webkit-scrollbar {
-    display: none;
-  }
-  padding-bottom: 60px;
-`, G = z`
-    from {
-        scale: 0.95;
-        opacity: 0.6;
-    }
-    to {
-        scale: 1;
-        opacity: 1;
-    }
-`, go = r.div`
-  display: flex;
-  flex-direction: column;
-  gap: var(--base-gap-large);
-  min-height: 0;
-
-  /* position */
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: fit-content;
-  z-index: 30;
-
-  /* animate */
-  animation: ${G} 0.03s ease-in forwards;
-
-  /* transform origin based on alignment */
-  &.right {
-    transform-origin: top right;
-  }
-  &.left {
-    transform-origin: top left;
-  }
-
-  /* add shadow to each item */
-  & > *:not(.sub-menu),
-  .sub-menu menu {
-    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-  }
-
-  /* theme support */
-  &.dark {
-    color: var(--md-sys-color-on-surface, #fff);
-    /* override children backgrounds if needed */
-    & > * {
-      color: var(--md-sys-color-on-surface, #fff) !important;
-    }
-  }
-`, uo = r.section`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-
-  padding: 0px;
-  border-radius: 8px;
-  /* colors */
-  background-color: var(--md-sys-color-surface-container-high);
-  color: var(--md-sys-color-on-surface);
-  z-index: 10;
-  overflow: hidden;
-`, ho = r.div`
-  position: relative;
-  border-radius: 8px;
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-
-  & > * {
-    min-height: 0;
-  }
-
-  /* sub menu */
-  &.sub-menu {
-    position: absolute;
-
-    border-radius: 8px;
-    width: max-content;
-    z-index: 30;
-
-    & > * {
-      border-radius: 8px;
-      overflow-x: hidden;
-    }
-  }
-`, fo = r.menu`
-  /* reset defaults */
-  display: flex;
-  list-style-type: none;
-  margin-block-start: 0;
-  margin-block-end: 0;
-  margin-inline-start: 0px;
-  margin-inline-end: 0px;
-  padding-inline-start: 0;
-
-  /* custom */
-  flex-direction: column;
-  gap: var(--base-gap-large);
-  padding: 8px;
-  flex: 1 1 auto;
-  min-height: 0;
-  overflow-y: auto;
-
-  /* shrink the padding when compact */
-  &.compact {
-    padding: 4px;
-    gap: var(--base-gap-small);
-  }
-
-  /* colors */
-  background-color: var(--md-sys-color-surface-container-high);
-
-  /* divider */
-  hr {
-    margin: 0;
-    width: 100%;
-    border-style: solid;
-    opacity: 0.5;
-    border-color: var(--md-sys-color-surface-container-highest);
-  }
-`, U = r.li`
-  display: flex;
-  padding: 6px 16px 6px 12px;
-  justify-content: flex-start;
-  align-items: center;
-  gap: var(--base-gap-large);
-  align-self: stretch;
-  border-radius: 4px;
-  cursor: pointer;
-  position: relative;
-  user-select: none;
-
-  span {
-    display: inline-block;
-  }
-
-  &:hover {
-    background-color: var(--md-sys-color-surface-container-highest);
-  }
-
-  .hover-swap {
-    display: none;
-    cursor: grab;
-  }
-  &:hover {
-    .hover-swap-default {
-      display: none;
-    }
-    .hover-swap {
-      display: inline-block;
-    }
-  }
-
-  .more {
-    margin-left: auto;
-  }
-
-  /* highlighted item */
-  &.highlighted {
-    background-color: var(--md-sys-color-secondary-container);
-    &:hover {
-      background-color: var(--md-sys-color-secondary-container-hover);
-    }
-  }
-
-  /* selected item */
-  &.selected {
-    background-color: var(--md-sys-color-primary-container);
-    color: var(--md-sys-color-on-primary-container);
-    &:hover {
-      background-color: var(--md-sys-color-primary-container-hover);
-    }
-  }
-
-  &.notification::after {
-    content: '';
-    position: absolute;
-    right: 0;
-    top: 0;
-    transform: translate(25%, -25%);
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    background-color: var(--md-sys-color-error);
-  }
-
-  &.danger {
-    &,
-    .icon {
-      color: var(--md-sys-color-error);
-    }
-
-    &:hover {
-      background-color: var(--md-sys-color-error-container);
-
-      &,
-      .icon {
-        color: var(--md-sys-color-on-error-container);
-      }
-    }
-  }
-
-  &.dev {
-    &,
-    .icon {
-      color: var(--color-hl-developer);
-    }
-
-    &:hover {
-      background-color: var(--color-hl-developer-container-hover);
-    }
-  }
-
-  &.power {
-    &,
-    .icon {
-      color: var(--md-sys-color-tertiary);
-    }
-    [icon='bolt'] {
-      font-variation-settings: 'FILL' 1;
-    }
-    .shortcut {
-      color: var(--md-sys-color-on-surface);
-    }
-  }
-
-  &.disabled {
-    user-select: none;
-    pointer-events: none;
-    &,
-    .icon {
-      color: var(--md-sys-color-outline);
-    }
-    background-color: unset;
-  }
-`, B = r.div`
-  display: flex;
-  align-items: center;
-  gap: var(--base-gap-small);
-  margin-left: auto;
-  padding-left: 24px;
-`, W = r(j)`
-  margin-left: auto;
-  &.hasIcon {
-    padding: 4px;
-  }
-  .icon {
-    font-size: 16px;
-  }
-
-  .selected & {
-    background-color: var(--md-sys-color-on-primary);
-    color: var(--md-sys-color-primary);
-  }
-`, K = r.img`
-  width: 18px;
-  height: 18px;
-  object-fit: contain;
-`, vo = r.footer`
-  position: relative;
-  display: flex;
-  padding: 8px;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  align-self: stretch;
-  background-color: var(--md-sys-color-surface-container-lowest);
-
-  user-select: text;
-
-  button {
-    display: none;
-
-    position: absolute;
-    right: 2px;
-    border-radius: 8px;
-    top: 50%;
-    transform: translateY(-50%);
-    cursor: pointer;
-  }
-
-  /* hover show button */
-  &:hover {
-    button {
-      display: flex;
-    }
-  }
-`, R = O(
-  ({
-    label: i,
-    icon: l,
-    hoverIcon: s,
-    img: c,
-    highlighted: y,
-    notification: b,
-    selected: x,
-    danger: w,
-    items: k = [],
-    className: D,
-    isLink: d,
-    isDev: N,
-    shortcut: p,
-    disabled: I,
-    powerFeature: A,
-    active: m,
-    reserveActiveSlot: E,
-    endActions: g = [],
-    ...u
-  }, M) => {
-    const h = L(i) ? i : [i], { powerLicense: P } = $(), n = !P && A, f = /* @__PURE__ */ _(
-      U,
-      {
-        ref: M,
-        className: T(
-          "menu-item",
-          {
-            highlighted: y,
-            selected: x,
-            notification: b,
-            danger: w,
-            dev: N,
-            disabled: I,
-            power: n
-          },
-          D
-        ),
-        ...u,
-        "aria-label": h.join(", "),
-        children: [
-          (l || n) && /* @__PURE__ */ o(
-            a,
-            {
-              icon: n ? "bolt" : l,
-              className: s && !n ? "hover-swap-default" : void 0
-            }
-          ),
-          s && !n && /* @__PURE__ */ o(a, { icon: s, className: "hover-swap" }),
-          c && /* @__PURE__ */ o(K, { src: c, alt: `${i} icon` }),
-          h.map((e, t) => /* @__PURE__ */ o("span", { children: e }, t)),
-          p && /* @__PURE__ */ o(F, { style: { minWidth: 22, textAlign: "center" }, align: "right", children: p }),
-          (m || E) && /* @__PURE__ */ o(
-            a,
-            {
-              icon: "check",
-              style: { marginLeft: "auto", visibility: m ? "visible" : "hidden" }
-            }
-          ),
-          !!g.length && /* @__PURE__ */ o(B, { children: g.map((e) => /* @__PURE__ */ o(
-            W,
-            {
-              variant: "text",
-              icon: e.icon,
-              className: "menu-item-end-action",
-              "data-tooltip": e.tooltip,
-              "aria-label": e.tooltip,
-              onClick: (t) => {
-                t.stopPropagation(), e.onClick(t);
-              },
-              onKeyDown: (t) => t.stopPropagation()
-            },
-            e.icon
-          )) }),
-          !!k.length && /* @__PURE__ */ o(a, { icon: "arrow_right", className: "more" })
-        ]
-      }
-    );
-    return d ? /* @__PURE__ */ o(S, { to: d, target: u.target, children: f }) : f;
-  }
-);
-R.displayName = "MenuItem";
-export {
-  v as D,
-  vo as F,
-  ho as M,
-  uo as S,
-  fo as a,
-  R as b,
-  po as c,
-  mo as d,
-  go as e
-};