@ynput/ayon-frontend-shared 0.2.28 → 0.2.29

package/dist/shared/src/components/LinksManager/LinksManager.styled.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinksManager.styled.cjs.js","sources":["../../../../../src/components/LinksManager/LinksManager.styled.ts"],"sourcesContent":["import { Button, InputText } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Container = styled.div`\n  padding: var(--padding-m);\n  background-color: var(--md-sys-color-surface-container-high);\n  border-radius: var(--border-radius-l);\n  display: flex;\n  flex-direction: column;\n  height: 100%; /* Use height instead of max-height to enforce constraints */\n  overflow: hidden;\n  flex-grow: 1;\n  min-height: 0; /* Allow flex child to shrink below content size */\n`\n\nexport const Header = styled.h4`\n  margin: 0;\n  padding: 0;\n  padding-bottom: var(--padding-s);\n  flex-shrink: 0;\n`\n\nexport const SubHeader = styled.h5`\n  margin: 0;\n  padding: 0;\n  padding-bottom: var(--padding-s);\n  flex-shrink: 0;\n\n  color: var(--md-sys-color-outline);\n`\n\nexport const LinksList = styled.ul`\n  /* reset any defaults */\n  list-style: none;\n  padding: 0;\n  margin: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n  overflow-y: auto;\n  flex: 1;\n  min-height: 0;\n`\n\nexport const LinkItem = styled.li`\n  /* reset any defaults */\n  list-style: none;\n  padding: 0;\n  margin: 0;\n\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n\n  /* card styling */\n  background-color: var(--md-sys-color-surface-container-high);\n  border-radius: var(--border-radius-m);\n  padding: 4px 4px;\n\n  &.clickable {\n    cursor: pointer;\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-high-hover);\n    }\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n    &:hover {\n      background-color: var(--md-sys-color-primary-container-hover);\n    }\n  }\n\n  .title {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--base-gap-small);\n    flex: 1;\n  }\n\n  .path {\n    color: var(--md-sys-color-outline);\n  }\n\n  .label {\n    font-weight: bold;\n  }\n\n  .remove {\n    padding: 2px;\n\n    .icon:not(:hover) {\n      color: var(--md-sys-color-outline);\n    }\n  }\n`\n\nexport const AddLinksContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  /* hack for search border cutoff */\n  padding: 2px;\n  margin: -2px;\n  padding-top: var(--padding-m);\n  flex-shrink: 0; /* Don't shrink this section */\n  min-height: 0; /* Allow internal scrolling */\n  overflow: hidden; /* Prevent this section from expanding beyond bounds */\n\n  /* Set a reasonable max-height that allows for search functionality */\n  max-height: 250px;\n`\n\n// wraps the picker and search input\nexport const SearchButtons = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--base-gap-small);\n`\n\nexport const Search = styled.div`\n  position: relative;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  padding-top: var(--padding-s);\n\n  .input-search {\n    position: absolute;\n    left: 4px;\n  }\n`\n\nexport const PickerButton = styled(Button)`\n  min-width: 110px;\n  flex: 1;\n  width: 100%;\n`\n\nexport const SearchInput = styled(InputText)`\n  flex: 1;\n  border: none;\n  background-color: var(--md-sys-color-surface-container);\n  padding-left: 28px;\n  width: 100%;\n  min-width: 224px;\n`\n\nexport const Error = styled.div`\n  color: var(--md-sys-color-error);\n  margin-top: var(--base-gap-small);\n`\n\nexport const SearchItems = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  overflow-y: auto;\n  padding: var(--padding-m) 0;\n  flex: 1; /* Take available space instead of height: 100% */\n  min-height: 0; /* Allow shrinking */\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n`\n\nexport const SearchItem = styled.li`\n  padding: var(--padding-s);\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  min-height: min-content;\n\n  &:hover,\n  &:focus,\n  &.selected {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  &.loading {\n    cursor: default;\n    opacity: 0.6;\n\n    .icon,\n    .label,\n    .type {\n      background-color: var(--md-sys-color-outline);\n      color: transparent;\n      border-radius: var(--border-radius-s);\n      animation: shimmer 1.5s infinite;\n    }\n\n    .icon {\n      width: 16px;\n      height: 16px;\n    }\n\n    .label {\n      height: 16px;\n      flex: 1;\n    }\n\n    .type {\n      width: 60px;\n      height: 14px;\n    }\n  }\n\n  @keyframes shimmer {\n    0% {\n      opacity: 0.6;\n    }\n    50% {\n      opacity: 0.3;\n    }\n    100% {\n      opacity: 0.6;\n    }\n  }\n\n  .icon {\n    flex-shrink: 0;\n  }\n\n  .label {\n    flex: 1;\n    display: flex;\n    column-gap: var(--base-gap-small);\n    flex-wrap: wrap;\n\n    & > * {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .type {\n    margin-left: 8px;\n    color: var(--md-sys-color-outline);\n  }\n`\n"],"names":["Container","styled","Header","SubHeader","LinksList","LinkItem","AddLinksContainer","SearchButtons","Search","PickerButton","Button","SearchInput","InputText","Error","SearchItems","SearchItem"],"mappings":"+JAGaA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYnBC,EAASD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhBE,EAAYF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASnBG,EAAYH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcnBI,EAAWJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsDlBK,EAAoBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgB3BM,EAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOvBO,EAASP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAchBQ,EAAeR,EAAOS,QAAM;AAAA;AAAA;AAAA;AAAA,EAM5BC,EAAcV,EAAOW,WAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS9BC,EAAQZ,EAAO;AAAA;AAAA;AAAA,EAKfa,EAAcb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAarBc,EAAad,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"LinksManager.styled.cjs.js","sources":["../../../../../src/components/LinksManager/LinksManager.styled.ts"],"sourcesContent":["import { Button, InputText } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Container = styled.div`\n  padding: var(--padding-m);\n  background-color: var(--md-sys-color-surface-container-high);\n  border-radius: var(--border-radius-l);\n  display: flex;\n  flex-direction: column;\n  height: 100%; /* Use height instead of max-height to enforce constraints */\n  overflow: hidden;\n  flex-grow: 1;\n  min-height: 0; /* Allow flex child to shrink below content size */\n`\n\nexport const Header = styled.h4`\n  margin: 0;\n  padding: 0;\n  padding-bottom: var(--padding-s);\n  flex-shrink: 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  .remove {\n    padding: 2px;\n    background: none;\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-highest);\n    }\n  }\n`\n\nexport const SubHeader = styled.h5`\n  margin: 0;\n  padding: 0;\n  padding-bottom: var(--padding-s);\n  flex-shrink: 0;\n\n  color: var(--md-sys-color-outline);\n`\n\nexport const LinksList = styled.ul`\n  /* reset any defaults */\n  list-style: none;\n  padding: 0;\n  margin: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n  overflow-y: auto;\n  flex: 1;\n  min-height: 0;\n`\n\nexport const LinkItem = styled.li`\n  /* reset any defaults */\n  list-style: none;\n  padding: 0;\n  margin: 0;\n\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n\n  /* card styling */\n  background-color: var(--md-sys-color-surface-container-high);\n  border-radius: var(--border-radius-m);\n  padding: 4px 4px;\n\n  &.clickable {\n    cursor: pointer;\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-high-hover);\n    }\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n    &,\n    .icon {\n      color: var(--md-sys-color-on-primary-container);\n    }\n\n    &:hover {\n      background-color: var(--md-sys-color-primary-container-hover);\n    }\n\n    .remove {\n      /* show remove icon when selected */\n      visibility: visible;\n      /* use selected hover */\n      &:hover {\n        background-color: var(--md-sys-color-on-primary);\n        color: var(--md-sys-color-primary);\n      }\n    }\n  }\n\n  .title {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--base-gap-small);\n    flex: 1;\n  }\n\n  .path {\n    color: var(--md-sys-color-outline);\n  }\n\n  .label {\n    font-weight: bold;\n  }\n\n  /* show remove icon when hovering item */\n  &:hover {\n    .remove {\n      visibility: visible;\n    }\n  }\n\n  .remove {\n    padding: 2px;\n    visibility: hidden;\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-highest-hover);\n    }\n  }\n`\n\nexport const AddLinksContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  /* hack for search border cutoff */\n  padding: 2px;\n  margin: -2px;\n  padding-top: var(--padding-m);\n  flex-shrink: 0; /* Don't shrink this section */\n  min-height: 0; /* Allow internal scrolling */\n  overflow: hidden; /* Prevent this section from expanding beyond bounds */\n\n  /* Set a reasonable max-height that allows for search functionality */\n  max-height: 250px;\n`\n\n// wraps the picker and search input\nexport const SearchButtons = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--base-gap-small);\n`\n\nexport const Search = styled.div`\n  position: relative;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  padding-top: var(--padding-s);\n\n  .input-search {\n    position: absolute;\n    left: 4px;\n  }\n`\n\nexport const PickerButton = styled(Button)`\n  min-width: 110px;\n  flex: 1;\n  width: 100%;\n`\n\nexport const SearchInput = styled(InputText)`\n  flex: 1;\n  border: none;\n  background-color: var(--md-sys-color-surface-container);\n  padding-left: 28px;\n  width: 100%;\n  min-width: 224px;\n`\n\nexport const Error = styled.div`\n  color: var(--md-sys-color-error);\n  margin-top: var(--base-gap-small);\n`\n\nexport const SearchItems = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  overflow-y: auto;\n  padding: var(--padding-m) 0;\n  flex: 1; /* Take available space instead of height: 100% */\n  min-height: 0; /* Allow shrinking */\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n`\n\nexport const SearchItem = styled.li`\n  padding: var(--padding-s);\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  min-height: min-content;\n\n  &:hover,\n  &:focus,\n  &.selected {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  &.loading {\n    cursor: default;\n    opacity: 0.6;\n\n    .icon,\n    .label,\n    .type {\n      background-color: var(--md-sys-color-outline);\n      color: transparent;\n      border-radius: var(--border-radius-s);\n      animation: shimmer 1.5s infinite;\n    }\n\n    .icon {\n      width: 16px;\n      height: 16px;\n    }\n\n    .label {\n      height: 16px;\n      flex: 1;\n    }\n\n    .type {\n      width: 60px;\n      height: 14px;\n    }\n  }\n\n  @keyframes shimmer {\n    0% {\n      opacity: 0.6;\n    }\n    50% {\n      opacity: 0.3;\n    }\n    100% {\n      opacity: 0.6;\n    }\n  }\n\n  .icon {\n    flex-shrink: 0;\n  }\n\n  .label {\n    flex: 1;\n    display: flex;\n    column-gap: var(--base-gap-small);\n    flex-wrap: wrap;\n\n    & > * {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .type {\n    margin-left: 8px;\n    color: var(--md-sys-color-outline);\n  }\n`\n"],"names":["Container","styled","Header","SubHeader","LinksList","LinkItem","AddLinksContainer","SearchButtons","Search","PickerButton","Button","SearchInput","InputText","Error","SearchItems","SearchItem"],"mappings":"+JAGaA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYnBC,EAASD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBhBE,EAAYF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASnBG,EAAYH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcnBI,EAAWJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6ElBK,EAAoBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgB3BM,EAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOvBO,EAASP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAchBQ,EAAeR,EAAOS,QAAM;AAAA;AAAA;AAAA;AAAA,EAM5BC,EAAcV,EAAOW,WAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS9BC,EAAQZ,EAAO;AAAA;AAAA;AAAA,EAKfa,EAAcb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAarBc,EAAad,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/components/LinksManager/LinksManager.styled.es.js

@@ -1,4 +1,4 @@
-import { Button as a, InputText as r } from "@ynput/ayon-react-components";
+import { Button as r, InputText as o } from "@ynput/ayon-react-components";
 import e from "styled-components";
 const n = e.div`
   padding: var(--padding-m);
@@ -15,14 +15,24 @@ const n = e.div`
   padding: 0;
   padding-bottom: var(--padding-s);
   flex-shrink: 0;
-`, t = e.h5`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  .remove {
+    padding: 2px;
+    background: none;
+    &:hover {
+      background-color: var(--md-sys-color-surface-container-highest);
+    }
+  }
+`, s = e.h5`
   margin: 0;
   padding: 0;
   padding-bottom: var(--padding-s);
   flex-shrink: 0;
 
   color: var(--md-sys-color-outline);
-`, s = e.ul`
+`, t = e.ul`
   /* reset any defaults */
   list-style: none;
   padding: 0;
@@ -58,9 +68,24 @@ const n = e.div`
 
   &.selected {
     background-color: var(--md-sys-color-primary-container);
+    &,
+    .icon {
+      color: var(--md-sys-color-on-primary-container);
+    }
+
     &:hover {
       background-color: var(--md-sys-color-primary-container-hover);
     }
+
+    .remove {
+      /* show remove icon when selected */
+      visibility: visible;
+      /* use selected hover */
+      &:hover {
+        background-color: var(--md-sys-color-on-primary);
+        color: var(--md-sys-color-primary);
+      }
+    }
   }
 
   .title {
@@ -79,11 +104,19 @@ const n = e.div`
     font-weight: bold;
   }
 
+  /* show remove icon when hovering item */
+  &:hover {
+    .remove {
+      visibility: visible;
+    }
+  }
+
   .remove {
     padding: 2px;
+    visibility: hidden;
 
-    .icon:not(:hover) {
-      color: var(--md-sys-color-outline);
+    &:hover {
+      background-color: var(--md-sys-color-surface-container-highest-hover);
     }
   }
 `, c = e.div`
@@ -104,7 +137,7 @@ const n = e.div`
   flex-direction: column;
   align-items: center;
   gap: var(--base-gap-small);
-`, g = e.div`
+`, h = e.div`
   position: relative;
   width: 100%;
   display: flex;
@@ -116,21 +149,21 @@ const n = e.div`
     position: absolute;
     left: 4px;
   }
-`, h = e(a)`
+`, g = e(r)`
   min-width: 110px;
   flex: 1;
   width: 100%;
-`, m = e(r)`
+`, m = e(o)`
   flex: 1;
   border: none;
   background-color: var(--md-sys-color-surface-container);
   padding-left: 28px;
   width: 100%;
   min-width: 224px;
-`, f = e.div`
+`, v = e.div`
   color: var(--md-sys-color-error);
   margin-top: var(--base-gap-small);
-`, v = e.ul`
+`, f = e.ul`
   list-style: none;
   padding: 0;
   margin: 0;
@@ -223,16 +256,16 @@ const n = e.div`
 export {
   c as AddLinksContainer,
   n as Container,
-  f as Error,
+  v as Error,
   l as Header,
   d as LinkItem,
-  s as LinksList,
-  h as PickerButton,
-  g as Search,
+  t as LinksList,
+  g as PickerButton,
+  h as Search,
   p as SearchButtons,
   m as SearchInput,
   u as SearchItem,
-  v as SearchItems,
-  t as SubHeader
+  f as SearchItems,
+  s as SubHeader
 };
 //# sourceMappingURL=LinksManager.styled.es.js.map

package/dist/shared/src/components/LinksManager/LinksManager.styled.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinksManager.styled.es.js","sources":["../../../../../src/components/LinksManager/LinksManager.styled.ts"],"sourcesContent":["import { Button, InputText } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Container = styled.div`\n  padding: var(--padding-m);\n  background-color: var(--md-sys-color-surface-container-high);\n  border-radius: var(--border-radius-l);\n  display: flex;\n  flex-direction: column;\n  height: 100%; /* Use height instead of max-height to enforce constraints */\n  overflow: hidden;\n  flex-grow: 1;\n  min-height: 0; /* Allow flex child to shrink below content size */\n`\n\nexport const Header = styled.h4`\n  margin: 0;\n  padding: 0;\n  padding-bottom: var(--padding-s);\n  flex-shrink: 0;\n`\n\nexport const SubHeader = styled.h5`\n  margin: 0;\n  padding: 0;\n  padding-bottom: var(--padding-s);\n  flex-shrink: 0;\n\n  color: var(--md-sys-color-outline);\n`\n\nexport const LinksList = styled.ul`\n  /* reset any defaults */\n  list-style: none;\n  padding: 0;\n  margin: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n  overflow-y: auto;\n  flex: 1;\n  min-height: 0;\n`\n\nexport const LinkItem = styled.li`\n  /* reset any defaults */\n  list-style: none;\n  padding: 0;\n  margin: 0;\n\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n\n  /* card styling */\n  background-color: var(--md-sys-color-surface-container-high);\n  border-radius: var(--border-radius-m);\n  padding: 4px 4px;\n\n  &.clickable {\n    cursor: pointer;\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-high-hover);\n    }\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n    &:hover {\n      background-color: var(--md-sys-color-primary-container-hover);\n    }\n  }\n\n  .title {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--base-gap-small);\n    flex: 1;\n  }\n\n  .path {\n    color: var(--md-sys-color-outline);\n  }\n\n  .label {\n    font-weight: bold;\n  }\n\n  .remove {\n    padding: 2px;\n\n    .icon:not(:hover) {\n      color: var(--md-sys-color-outline);\n    }\n  }\n`\n\nexport const AddLinksContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  /* hack for search border cutoff */\n  padding: 2px;\n  margin: -2px;\n  padding-top: var(--padding-m);\n  flex-shrink: 0; /* Don't shrink this section */\n  min-height: 0; /* Allow internal scrolling */\n  overflow: hidden; /* Prevent this section from expanding beyond bounds */\n\n  /* Set a reasonable max-height that allows for search functionality */\n  max-height: 250px;\n`\n\n// wraps the picker and search input\nexport const SearchButtons = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--base-gap-small);\n`\n\nexport const Search = styled.div`\n  position: relative;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  padding-top: var(--padding-s);\n\n  .input-search {\n    position: absolute;\n    left: 4px;\n  }\n`\n\nexport const PickerButton = styled(Button)`\n  min-width: 110px;\n  flex: 1;\n  width: 100%;\n`\n\nexport const SearchInput = styled(InputText)`\n  flex: 1;\n  border: none;\n  background-color: var(--md-sys-color-surface-container);\n  padding-left: 28px;\n  width: 100%;\n  min-width: 224px;\n`\n\nexport const Error = styled.div`\n  color: var(--md-sys-color-error);\n  margin-top: var(--base-gap-small);\n`\n\nexport const SearchItems = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  overflow-y: auto;\n  padding: var(--padding-m) 0;\n  flex: 1; /* Take available space instead of height: 100% */\n  min-height: 0; /* Allow shrinking */\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n`\n\nexport const SearchItem = styled.li`\n  padding: var(--padding-s);\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  min-height: min-content;\n\n  &:hover,\n  &:focus,\n  &.selected {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  &.loading {\n    cursor: default;\n    opacity: 0.6;\n\n    .icon,\n    .label,\n    .type {\n      background-color: var(--md-sys-color-outline);\n      color: transparent;\n      border-radius: var(--border-radius-s);\n      animation: shimmer 1.5s infinite;\n    }\n\n    .icon {\n      width: 16px;\n      height: 16px;\n    }\n\n    .label {\n      height: 16px;\n      flex: 1;\n    }\n\n    .type {\n      width: 60px;\n      height: 14px;\n    }\n  }\n\n  @keyframes shimmer {\n    0% {\n      opacity: 0.6;\n    }\n    50% {\n      opacity: 0.3;\n    }\n    100% {\n      opacity: 0.6;\n    }\n  }\n\n  .icon {\n    flex-shrink: 0;\n  }\n\n  .label {\n    flex: 1;\n    display: flex;\n    column-gap: var(--base-gap-small);\n    flex-wrap: wrap;\n\n    & > * {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .type {\n    margin-left: 8px;\n    color: var(--md-sys-color-outline);\n  }\n`\n"],"names":["Container","styled","Header","SubHeader","LinksList","LinkItem","AddLinksContainer","SearchButtons","Search","PickerButton","Button","SearchInput","InputText","Error","SearchItems","SearchItem"],"mappings":";;AAGO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYnBC,IAASD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOhBE,IAAYF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASnBG,IAAYH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcnBI,IAAWJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsDlBK,IAAoBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgB3BM,IAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBO,IAASP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAchBQ,IAAeR,EAAOS,CAAM;AAAA;AAAA;AAAA;AAAA,GAM5BC,IAAcV,EAAOW,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS9BC,IAAQZ,EAAO;AAAA;AAAA;AAAA,GAKfa,IAAcb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAarBc,IAAad,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"LinksManager.styled.es.js","sources":["../../../../../src/components/LinksManager/LinksManager.styled.ts"],"sourcesContent":["import { Button, InputText } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Container = styled.div`\n  padding: var(--padding-m);\n  background-color: var(--md-sys-color-surface-container-high);\n  border-radius: var(--border-radius-l);\n  display: flex;\n  flex-direction: column;\n  height: 100%; /* Use height instead of max-height to enforce constraints */\n  overflow: hidden;\n  flex-grow: 1;\n  min-height: 0; /* Allow flex child to shrink below content size */\n`\n\nexport const Header = styled.h4`\n  margin: 0;\n  padding: 0;\n  padding-bottom: var(--padding-s);\n  flex-shrink: 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  .remove {\n    padding: 2px;\n    background: none;\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-highest);\n    }\n  }\n`\n\nexport const SubHeader = styled.h5`\n  margin: 0;\n  padding: 0;\n  padding-bottom: var(--padding-s);\n  flex-shrink: 0;\n\n  color: var(--md-sys-color-outline);\n`\n\nexport const LinksList = styled.ul`\n  /* reset any defaults */\n  list-style: none;\n  padding: 0;\n  margin: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n  overflow-y: auto;\n  flex: 1;\n  min-height: 0;\n`\n\nexport const LinkItem = styled.li`\n  /* reset any defaults */\n  list-style: none;\n  padding: 0;\n  margin: 0;\n\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n\n  /* card styling */\n  background-color: var(--md-sys-color-surface-container-high);\n  border-radius: var(--border-radius-m);\n  padding: 4px 4px;\n\n  &.clickable {\n    cursor: pointer;\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-high-hover);\n    }\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n    &,\n    .icon {\n      color: var(--md-sys-color-on-primary-container);\n    }\n\n    &:hover {\n      background-color: var(--md-sys-color-primary-container-hover);\n    }\n\n    .remove {\n      /* show remove icon when selected */\n      visibility: visible;\n      /* use selected hover */\n      &:hover {\n        background-color: var(--md-sys-color-on-primary);\n        color: var(--md-sys-color-primary);\n      }\n    }\n  }\n\n  .title {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--base-gap-small);\n    flex: 1;\n  }\n\n  .path {\n    color: var(--md-sys-color-outline);\n  }\n\n  .label {\n    font-weight: bold;\n  }\n\n  /* show remove icon when hovering item */\n  &:hover {\n    .remove {\n      visibility: visible;\n    }\n  }\n\n  .remove {\n    padding: 2px;\n    visibility: hidden;\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-highest-hover);\n    }\n  }\n`\n\nexport const AddLinksContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  /* hack for search border cutoff */\n  padding: 2px;\n  margin: -2px;\n  padding-top: var(--padding-m);\n  flex-shrink: 0; /* Don't shrink this section */\n  min-height: 0; /* Allow internal scrolling */\n  overflow: hidden; /* Prevent this section from expanding beyond bounds */\n\n  /* Set a reasonable max-height that allows for search functionality */\n  max-height: 250px;\n`\n\n// wraps the picker and search input\nexport const SearchButtons = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--base-gap-small);\n`\n\nexport const Search = styled.div`\n  position: relative;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  padding-top: var(--padding-s);\n\n  .input-search {\n    position: absolute;\n    left: 4px;\n  }\n`\n\nexport const PickerButton = styled(Button)`\n  min-width: 110px;\n  flex: 1;\n  width: 100%;\n`\n\nexport const SearchInput = styled(InputText)`\n  flex: 1;\n  border: none;\n  background-color: var(--md-sys-color-surface-container);\n  padding-left: 28px;\n  width: 100%;\n  min-width: 224px;\n`\n\nexport const Error = styled.div`\n  color: var(--md-sys-color-error);\n  margin-top: var(--base-gap-small);\n`\n\nexport const SearchItems = styled.ul`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  overflow-y: auto;\n  padding: var(--padding-m) 0;\n  flex: 1; /* Take available space instead of height: 100% */\n  min-height: 0; /* Allow shrinking */\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n`\n\nexport const SearchItem = styled.li`\n  padding: var(--padding-s);\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  overflow: hidden;\n  min-height: min-content;\n\n  &:hover,\n  &:focus,\n  &.selected {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  &.loading {\n    cursor: default;\n    opacity: 0.6;\n\n    .icon,\n    .label,\n    .type {\n      background-color: var(--md-sys-color-outline);\n      color: transparent;\n      border-radius: var(--border-radius-s);\n      animation: shimmer 1.5s infinite;\n    }\n\n    .icon {\n      width: 16px;\n      height: 16px;\n    }\n\n    .label {\n      height: 16px;\n      flex: 1;\n    }\n\n    .type {\n      width: 60px;\n      height: 14px;\n    }\n  }\n\n  @keyframes shimmer {\n    0% {\n      opacity: 0.6;\n    }\n    50% {\n      opacity: 0.3;\n    }\n    100% {\n      opacity: 0.6;\n    }\n  }\n\n  .icon {\n    flex-shrink: 0;\n  }\n\n  .label {\n    flex: 1;\n    display: flex;\n    column-gap: var(--base-gap-small);\n    flex-wrap: wrap;\n\n    & > * {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .type {\n    margin-left: 8px;\n    color: var(--md-sys-color-outline);\n  }\n`\n"],"names":["Container","styled","Header","SubHeader","LinksList","LinkItem","AddLinksContainer","SearchButtons","Search","PickerButton","Button","SearchInput","InputText","Error","SearchItems","SearchItem"],"mappings":";;AAGO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYnBC,IAASD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBhBE,IAAYF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASnBG,IAAYH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcnBI,IAAWJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6ElBK,IAAoBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgB3BM,IAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBO,IAASP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAchBQ,IAAeR,EAAOS,CAAM;AAAA;AAAA;AAAA;AAAA,GAM5BC,IAAcV,EAAOW,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS9BC,IAAQZ,EAAO;AAAA;AAAA;AAAA,GAKfa,IAAcb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAarBc,IAAad,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/components/LinksManager/hooks/useUpdateLinks.cjs.js

@@ -1,2 +1,2 @@
-"use strict";require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");const g=require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../containers/ContextMenu/ContextMenuContext.cjs.js");require("../../../../../_virtual/jsx-runtime.cjs.js");require("@ynput/ayon-react-components");;/* empty css                                                    */require("clsx");const h=require("react");require("react-dom");require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("lodash");const E=require("react-toastify");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../../containers/Feed/components/ActivityDate.cjs.js");require("../../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");const m=require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../ThumbnailSimple/ThumbnailSimple.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../ReviewableCard/ReviewableCard.cjs.js");require("../../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../FileThumbnail/FileThumbnail.cjs.js");require("../../Thumbnail/Thumbnail.styled.cjs.js");require("../../Thumbnail/StackedThumbnails.cjs.js");require("../../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../EntityPath/EntityPath.styled.cjs.js");require("../../EntityPath/SegmentProvider.cjs.js");require("../../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../Watchers/Watchers.cjs.js");require("../../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../Powerpack/PowerpackButton.cjs.js");require("../../Powerpack/PricingLink.cjs.js");require("../../Powerpack/PowerpackDialog.styled.cjs.js");require("../../Powerpack/CTAButton.cjs.js");require("../../Powerpack/RequiredPowerpackVersion.cjs.js");require("../../SettingsPanel/SettingsPanel.cjs.js");require("../../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../AttributeEditor/components/MinMaxField.cjs.js");require("../../EnumEditor/EnumEditor.styled.cjs.js");require("../../SearchFilter/filterDates.cjs.js");require("../../Badge/Badge.cjs.js");require("../../VersionUploader/components/UploadVersionDialog.cjs.js");require("../../VersionUploader/context/VersionUploadContext.cjs.js");require("../../Feedback/FeedbackContext.cjs.js");require("../../Feedback/SupportBubble.cjs.js");require("../../Chips/Chips.cjs.js");require("../LinksManager.styled.cjs.js");const I=require("../utils/linkUpdates.cjs.js");require("../../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../DetailsMetaData/DetailsMetaData.cjs.js");require("../../AccessUser/AccessUser.cjs.js");require("../LinksManagerDialog.cjs.js");require("../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../PlayableIcon/PlayableIcon.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../containers/Actions/Actions.styled.cjs.js");require("../../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../containers/Actions/ActionIcon.cjs.js");require("../../../containers/Views/context/ViewsContext.cjs.js");require("../../../containers/Views/Views.styled.cjs.js");require("../../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");const C=({projectName:q,direction:t,entityId:i,entityType:s,targetEntityType:a,linkType:n})=>{const{history:u}=m.useCellEditing(),[l]=g.useDeleteEntityLinkMutation(),[f]=g.useCreateEntityLinkMutation(),k=h.useCallback(async(r,o=!0)=>{try{if(r.some(e=>e.targetEntityId===i)){E.toast.error("You can't link an entity to itself");return}const d=r.map(e=>({targetEntityId:e.targetEntityId,linkId:e.linkId,sourceEntityId:i,sourceEntityType:s,targetEntityType:a,linkType:n,direction:t,projectName:q}));await I.addMultipleLinks(d,f),o&&u&&u.pushHistory([()=>L(r.map(e=>({id:e.linkId,target:{entityId:e.targetEntityId,entityType:a}})),!1)])}catch{}},[f,q,i,s,a,n,t,u]),L=h.useCallback(async(r,o=!0)=>{try{if(r.some(e=>e.target.entityId===i)){E.toast.error("You can't link an entity to itself");return}const d=r.map(e=>({id:e.id,target:e.target,source:{entityType:s,entityId:i},linkType:n,direction:t,projectName:q}));await I.removeMultipleLinks(d,l),o&&u&&u.pushHistory(r.map(e=>()=>k([{targetEntityId:e.target.entityId,linkId:e.id}],!1)))}catch{}},[l,q,i,s,a,n,t,u]);return{remove:L,add:k}};module.exports=C;
+"use strict";require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");const g=require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../containers/ContextMenu/ContextMenuContext.cjs.js");require("../../../../../_virtual/jsx-runtime.cjs.js");require("@ynput/ayon-react-components");;/* empty css                                                    */require("clsx");const h=require("react");require("react-dom");require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("lodash");const E=require("react-toastify");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../../containers/Feed/components/ActivityDate.cjs.js");require("../../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");const m=require("../../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../ThumbnailSimple/ThumbnailSimple.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../ReviewableCard/ReviewableCard.cjs.js");require("../../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../FileThumbnail/FileThumbnail.cjs.js");require("../../Thumbnail/Thumbnail.styled.cjs.js");require("../../Thumbnail/StackedThumbnails.cjs.js");require("../../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../EntityPath/EntityPath.styled.cjs.js");require("../../EntityPath/SegmentProvider.cjs.js");require("../../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../DetailsPanelDetails/FieldLabel.cjs.js");require("../../Watchers/Watchers.cjs.js");require("../../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../Powerpack/PowerpackButton.cjs.js");require("../../Powerpack/PricingLink.cjs.js");require("../../Powerpack/PowerpackDialog.styled.cjs.js");require("../../Powerpack/CTAButton.cjs.js");require("../../SettingsPanel/SettingsPanel.cjs.js");require("../../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../AttributeEditor/components/MinMaxField.cjs.js");require("../../EnumEditor/EnumEditor.styled.cjs.js");require("../../SearchFilter/filterDates.cjs.js");require("../../Badge/Badge.cjs.js");require("../../VersionUploader/components/UploadVersionDialog.cjs.js");require("../../VersionUploader/context/VersionUploadContext.cjs.js");require("../../Feedback/FeedbackContext.cjs.js");require("../../Feedback/SupportBubble.cjs.js");require("../../Chips/Chips.cjs.js");require("../LinksManager.styled.cjs.js");const I=require("../utils/linkUpdates.cjs.js");require("../../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../StyledLink/StyledLink.cjs.js");require("../CellEditingDialog.cjs.js");require("../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../PlayableIcon/PlayableIcon.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../containers/Actions/Actions.styled.cjs.js");require("../../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../containers/Actions/ActionIcon.cjs.js");require("../../../containers/Views/context/ViewsContext.cjs.js");require("../../../containers/Views/Views.styled.cjs.js");require("../../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");const C=({projectName:q,direction:t,entityId:i,entityType:s,targetEntityType:a,linkType:n})=>{const{history:u}=m.useCellEditing(),[l]=g.useDeleteEntityLinkMutation(),[f]=g.useCreateEntityLinkMutation(),k=h.useCallback(async(r,o=!0)=>{try{if(r.some(e=>e.targetEntityId===i)){E.toast.error("You can't link an entity to itself");return}const d=r.map(e=>({targetEntityId:e.targetEntityId,linkId:e.linkId,sourceEntityId:i,sourceEntityType:s,targetEntityType:a,linkType:n,direction:t,projectName:q}));await I.addMultipleLinks(d,f),o&&u&&u.pushHistory([()=>L(r.map(e=>({id:e.linkId,target:{entityId:e.targetEntityId,entityType:a}})),!1)])}catch{}},[f,q,i,s,a,n,t,u]),L=h.useCallback(async(r,o=!0)=>{try{if(r.some(e=>e.target.entityId===i)){E.toast.error("You can't link an entity to itself");return}const d=r.map(e=>({id:e.id,target:e.target,source:{entityType:s,entityId:i},linkType:n,direction:t,projectName:q}));await I.removeMultipleLinks(d,l),o&&u&&u.pushHistory(r.map(e=>()=>k([{targetEntityId:e.target.entityId,linkId:e.id}],!1)))}catch{}},[l,q,i,s,a,n,t,u]);return{remove:L,add:k}};module.exports=C;
 //# sourceMappingURL=useUpdateLinks.cjs.js.map

package/dist/shared/src/components/LinksManager/hooks/useUpdateLinks.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUpdateLinks.cjs.js","sources":["../../../../../../src/components/LinksManager/hooks/useUpdateLinks.ts"],"sourcesContent":["import { useCreateEntityLinkMutation, useDeleteEntityLinkMutation } from '@shared/api'\nimport { useCellEditing } from '@shared/containers'\nimport { useCallback } from 'react'\nimport {\n  addMultipleLinks,\n  removeMultipleLinks,\n  LinkToAdd,\n  LinkToRemove,\n} from '../utils/linkUpdates'\nimport { toast } from 'react-toastify'\n\ntype Props = {\n  projectName: string\n  entityId: string\n  entityType: string\n  targetEntityType: string // the entity type of the out links\n  linkType: string\n  direction?: 'in' | 'out'\n}\n\ntype RemoveLinks = (\n  links: { id: string; target: { entityId: string; entityType: string } }[],\n  addToHistory?: boolean,\n) => Promise<void>\ntype AddLinks = (\n  links: { targetEntityId: string; linkId: string }[],\n  addToHistory?: boolean,\n) => Promise<void>\n\nconst useUpdateLinks = ({\n  projectName,\n  direction,\n  entityId,\n  entityType,\n  targetEntityType,\n  linkType,\n}: Props) => {\n  const { history } = useCellEditing()\n\n  const [deleteLink] = useDeleteEntityLinkMutation()\n  const [addLink] = useCreateEntityLinkMutation()\n\n  // create new links between this entity and another entity\n  const addLinks = useCallback<AddLinks>(\n    async (links, addToHistory = true) => {\n      try {\n        // prevent self-referential links\n        const hasSelf = links.some((l) => l.targetEntityId === entityId)\n        if (hasSelf) {\n          toast.error(\"You can't link an entity to itself\")\n          return\n        }\n\n        const linksToAdd: LinkToAdd[] = links.map((link) => ({\n          targetEntityId: link.targetEntityId,\n          linkId: link.linkId,\n          sourceEntityId: entityId,\n          sourceEntityType: entityType,\n          targetEntityType,\n          linkType,\n          direction,\n          projectName,\n        }))\n\n        await addMultipleLinks(linksToAdd, addLink)\n\n        // add to history stack\n        if (addToHistory && history) {\n          history.pushHistory([\n            () =>\n              removeLinks(\n                links.map((link) => ({\n                  id: link.linkId,\n                  target: { entityId: link.targetEntityId, entityType: targetEntityType },\n                })),\n                false,\n              ),\n          ])\n        }\n      } catch (error: any) {\n        // Error handling is done in the utility function\n      }\n    },\n    [addLink, projectName, entityId, entityType, targetEntityType, linkType, direction, history],\n  )\n\n  // Internal function to avoid circular dependency\n  const removeLinks = useCallback<RemoveLinks>(\n    async (\n      links: { id: string; target: { entityId: string; entityType: string } }[],\n      addToHistory: boolean = true,\n    ) => {\n      try {\n        // prevent removing if any link is self-referential (shouldn't happen, but guard)\n        const hasSelf = links.some((l) => l.target.entityId === entityId)\n        if (hasSelf) {\n          toast.error(\"You can't link an entity to itself\")\n          return\n        }\n\n        const linksToRemove: LinkToRemove[] = links.map((link) => ({\n          id: link.id,\n          target: link.target,\n          source: { entityType, entityId },\n          linkType,\n          direction,\n          projectName,\n        }))\n\n        await removeMultipleLinks(linksToRemove, deleteLink)\n\n        // add to history stack\n        // if there is a history, push it\n        if (addToHistory && history) {\n          history.pushHistory(\n            links.map(\n              (link) => () =>\n                addLinks([{ targetEntityId: link.target.entityId, linkId: link.id }], false),\n            ),\n          )\n        }\n      } catch (error: any) {\n        // Error handling is done in the utility function\n      }\n    },\n    [deleteLink, projectName, entityId, entityType, targetEntityType, linkType, direction, history],\n  )\n\n  return { remove: removeLinks, add: addLinks }\n}\n\nexport default useUpdateLinks\n"],"names":["useUpdateLinks","projectName","direction","entityId","entityType","targetEntityType","linkType","history","useCellEditing","deleteLink","useDeleteEntityLinkMutation","addLink","useCreateEntityLinkMutation","addLinks","useCallback","links","addToHistory","l","toast","linksToAdd","link","addMultipleLinks","removeLinks","linksToRemove","removeMultipleLinks"],"mappings":"slZA6BA,MAAMA,EAAiB,CAAC,CACtB,YAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,SAAAC,CACF,IAAa,CACL,KAAA,CAAE,QAAAC,CAAQ,EAAIC,iBAAe,EAE7B,CAACC,CAAU,EAAIC,8BAA4B,EAC3C,CAACC,CAAO,EAAIC,8BAA4B,EAGxCC,EAAWC,EAAA,YACf,MAAOC,EAAOC,EAAe,KAAS,CAChC,GAAA,CAGF,GADgBD,EAAM,KAAME,GAAMA,EAAE,iBAAmBd,CAAQ,EAClD,CACXe,EAAA,MAAM,MAAM,oCAAoC,EAChD,MAAA,CAGF,MAAMC,EAA0BJ,EAAM,IAAKK,IAAU,CACnD,eAAgBA,EAAK,eACrB,OAAQA,EAAK,OACb,eAAgBjB,EAChB,iBAAkBC,EAClB,iBAAAC,EACA,SAAAC,EACA,UAAAJ,EACA,YAAAD,CAAA,EACA,EAEI,MAAAoB,EAAA,iBAAiBF,EAAYR,CAAO,EAGtCK,GAAgBT,GAClBA,EAAQ,YAAY,CAClB,IACEe,EACEP,EAAM,IAAKK,IAAU,CACnB,GAAIA,EAAK,OACT,OAAQ,CAAE,SAAUA,EAAK,eAAgB,WAAYf,CAAiB,CAAA,EACtE,EACF,EAAA,CACF,CACH,OAEgB,CAAA,CAGvB,EACA,CAACM,EAASV,EAAaE,EAAUC,EAAYC,EAAkBC,EAAUJ,EAAWK,CAAO,CAC7F,EAGMe,EAAcR,EAAA,YAClB,MACEC,EACAC,EAAwB,KACrB,CACC,GAAA,CAGF,GADgBD,EAAM,KAAME,GAAMA,EAAE,OAAO,WAAad,CAAQ,EACnD,CACXe,EAAA,MAAM,MAAM,oCAAoC,EAChD,MAAA,CAGF,MAAMK,EAAgCR,EAAM,IAAKK,IAAU,CACzD,GAAIA,EAAK,GACT,OAAQA,EAAK,OACb,OAAQ,CAAE,WAAAhB,EAAY,SAAAD,CAAS,EAC/B,SAAAG,EACA,UAAAJ,EACA,YAAAD,CAAA,EACA,EAEI,MAAAuB,EAAA,oBAAoBD,EAAed,CAAU,EAI/CO,GAAgBT,GACVA,EAAA,YACNQ,EAAM,IACHK,GAAS,IACRP,EAAS,CAAC,CAAE,eAAgBO,EAAK,OAAO,SAAU,OAAQA,EAAK,EAAG,CAAC,EAAG,EAAK,CAAA,CAEjF,OAEiB,CAAA,CAGvB,EACA,CAACX,EAAYR,EAAaE,EAAUC,EAAYC,EAAkBC,EAAUJ,EAAWK,CAAO,CAChG,EAEA,MAAO,CAAE,OAAQe,EAAa,IAAKT,CAAS,CAC9C"}
+{"version":3,"file":"useUpdateLinks.cjs.js","sources":["../../../../../../src/components/LinksManager/hooks/useUpdateLinks.ts"],"sourcesContent":["import { useCreateEntityLinkMutation, useDeleteEntityLinkMutation } from '@shared/api'\nimport { useCellEditing } from '@shared/containers'\nimport { useCallback } from 'react'\nimport {\n  addMultipleLinks,\n  removeMultipleLinks,\n  LinkToAdd,\n  LinkToRemove,\n} from '../utils/linkUpdates'\nimport { toast } from 'react-toastify'\n\ntype Props = {\n  projectName: string\n  entityId: string\n  entityType: string\n  targetEntityType: string // the entity type of the out links\n  linkType: string\n  direction?: 'in' | 'out'\n}\n\ntype RemoveLinks = (\n  links: { id: string; target: { entityId: string; entityType: string } }[],\n  addToHistory?: boolean,\n) => Promise<void>\ntype AddLinks = (\n  links: { targetEntityId: string; linkId: string }[],\n  addToHistory?: boolean,\n) => Promise<void>\n\nconst useUpdateLinks = ({\n  projectName,\n  direction,\n  entityId,\n  entityType,\n  targetEntityType,\n  linkType,\n}: Props) => {\n  const { history } = useCellEditing()\n\n  const [deleteLink] = useDeleteEntityLinkMutation()\n  const [addLink] = useCreateEntityLinkMutation()\n\n  // create new links between this entity and another entity\n  const addLinks = useCallback<AddLinks>(\n    async (links, addToHistory = true) => {\n      try {\n        // prevent self-referential links\n        const hasSelf = links.some((l) => l.targetEntityId === entityId)\n        if (hasSelf) {\n          toast.error(\"You can't link an entity to itself\")\n          return\n        }\n\n        const linksToAdd: LinkToAdd[] = links.map((link) => ({\n          targetEntityId: link.targetEntityId,\n          linkId: link.linkId,\n          sourceEntityId: entityId,\n          sourceEntityType: entityType,\n          targetEntityType,\n          linkType,\n          direction,\n          projectName,\n        }))\n\n        await addMultipleLinks(linksToAdd, addLink)\n\n        // add to history stack\n        if (addToHistory && history) {\n          history.pushHistory([\n            () =>\n              removeLinks(\n                links.map((link) => ({\n                  id: link.linkId,\n                  target: { entityId: link.targetEntityId, entityType: targetEntityType },\n                })),\n                false,\n              ),\n          ])\n        }\n      } catch (error: any) {\n        // Error handling is done in the utility function\n      }\n    },\n    [addLink, projectName, entityId, entityType, targetEntityType, linkType, direction, history],\n  )\n\n  // Internal function to avoid circular dependency\n  const removeLinks = useCallback<RemoveLinks>(\n    async (\n      links: { id: string; target: { entityId: string; entityType: string } }[],\n      addToHistory: boolean = true,\n    ) => {\n      try {\n        // prevent removing if any link is self-referential (shouldn't happen, but guard)\n        const hasSelf = links.some((l) => l.target.entityId === entityId)\n        if (hasSelf) {\n          toast.error(\"You can't link an entity to itself\")\n          return\n        }\n\n        const linksToRemove: LinkToRemove[] = links.map((link) => ({\n          id: link.id,\n          target: link.target,\n          source: { entityType, entityId },\n          linkType,\n          direction,\n          projectName,\n        }))\n\n        await removeMultipleLinks(linksToRemove, deleteLink)\n\n        // add to history stack\n        // if there is a history, push it\n        if (addToHistory && history) {\n          history.pushHistory(\n            links.map(\n              (link) => () =>\n                addLinks([{ targetEntityId: link.target.entityId, linkId: link.id }], false),\n            ),\n          )\n        }\n      } catch (error: any) {\n        // Error handling is done in the utility function\n      }\n    },\n    [deleteLink, projectName, entityId, entityType, targetEntityType, linkType, direction, history],\n  )\n\n  return { remove: removeLinks, add: addLinks }\n}\n\nexport default useUpdateLinks\n"],"names":["useUpdateLinks","projectName","direction","entityId","entityType","targetEntityType","linkType","history","useCellEditing","deleteLink","useDeleteEntityLinkMutation","addLink","useCreateEntityLinkMutation","addLinks","useCallback","links","addToHistory","l","toast","linksToAdd","link","addMultipleLinks","removeLinks","linksToRemove","removeMultipleLinks"],"mappings":"ylZA6BA,MAAMA,EAAiB,CAAC,CACtB,YAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,SAAAC,CACF,IAAa,CACL,KAAA,CAAE,QAAAC,CAAQ,EAAIC,iBAAe,EAE7B,CAACC,CAAU,EAAIC,8BAA4B,EAC3C,CAACC,CAAO,EAAIC,8BAA4B,EAGxCC,EAAWC,EAAA,YACf,MAAOC,EAAOC,EAAe,KAAS,CAChC,GAAA,CAGF,GADgBD,EAAM,KAAME,GAAMA,EAAE,iBAAmBd,CAAQ,EAClD,CACXe,EAAA,MAAM,MAAM,oCAAoC,EAChD,MAAA,CAGF,MAAMC,EAA0BJ,EAAM,IAAKK,IAAU,CACnD,eAAgBA,EAAK,eACrB,OAAQA,EAAK,OACb,eAAgBjB,EAChB,iBAAkBC,EAClB,iBAAAC,EACA,SAAAC,EACA,UAAAJ,EACA,YAAAD,CAAA,EACA,EAEI,MAAAoB,EAAA,iBAAiBF,EAAYR,CAAO,EAGtCK,GAAgBT,GAClBA,EAAQ,YAAY,CAClB,IACEe,EACEP,EAAM,IAAKK,IAAU,CACnB,GAAIA,EAAK,OACT,OAAQ,CAAE,SAAUA,EAAK,eAAgB,WAAYf,CAAiB,CAAA,EACtE,EACF,EAAA,CACF,CACH,OAEgB,CAAA,CAGvB,EACA,CAACM,EAASV,EAAaE,EAAUC,EAAYC,EAAkBC,EAAUJ,EAAWK,CAAO,CAC7F,EAGMe,EAAcR,EAAA,YAClB,MACEC,EACAC,EAAwB,KACrB,CACC,GAAA,CAGF,GADgBD,EAAM,KAAME,GAAMA,EAAE,OAAO,WAAad,CAAQ,EACnD,CACXe,EAAA,MAAM,MAAM,oCAAoC,EAChD,MAAA,CAGF,MAAMK,EAAgCR,EAAM,IAAKK,IAAU,CACzD,GAAIA,EAAK,GACT,OAAQA,EAAK,OACb,OAAQ,CAAE,WAAAhB,EAAY,SAAAD,CAAS,EAC/B,SAAAG,EACA,UAAAJ,EACA,YAAAD,CAAA,EACA,EAEI,MAAAuB,EAAA,oBAAoBD,EAAed,CAAU,EAI/CO,GAAgBT,GACVA,EAAA,YACNQ,EAAM,IACHK,GAAS,IACRP,EAAS,CAAC,CAAE,eAAgBO,EAAK,OAAO,SAAU,OAAQA,EAAK,EAAG,CAAC,EAAG,EAAK,CAAA,CAEjF,OAEiB,CAAA,CAGvB,EACA,CAACX,EAAYR,EAAaE,EAAUC,EAAYC,EAAkBC,EAAUJ,EAAWK,CAAO,CAChG,EAEA,MAAO,CAAE,OAAQe,EAAa,IAAKT,CAAS,CAC9C"}

package/dist/shared/src/components/LinksManager/hooks/useUpdateLinks.es.js

@@ -155,17 +155,14 @@ import "../../SimpleFormDialog/SimpleFormDialog.es.js";
 import "../../EntityPath/EntityPath.styled.es.js";
 import "../../EntityPath/SegmentProvider.es.js";
 import "../../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../../../../_virtual/runtime.es.js";
-import "../../../../../_virtual/semver.es.js";
-import "react-redux";
-import "custom-protocol-check";
+import "../../DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../../DetailsPanelDetails/FieldLabel.es.js";
 import "../../Watchers/Watchers.es.js";
 import "../../ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../Powerpack/PowerpackButton.es.js";
 import "../../Powerpack/PricingLink.es.js";
 import "../../Powerpack/PowerpackDialog.styled.es.js";
 import "../../Powerpack/CTAButton.es.js";
-import "../../Powerpack/RequiredPowerpackVersion.es.js";
 import "../../SettingsPanel/SettingsPanel.es.js";
 import "../../SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../AttributeEditor/components/MinMaxField.es.js";
@@ -180,9 +177,8 @@ import "../../Chips/Chips.es.js";
 import "../LinksManager.styled.es.js";
 import { addMultipleLinks as v, removeMultipleLinks as y } from "../utils/linkUpdates.es.js";
 import "../../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../DetailsMetaData/DetailsMetaData.es.js";
-import "../../AccessUser/AccessUser.es.js";
-import "../LinksManagerDialog.es.js";
+import "../../StyledLink/StyledLink.es.js";
+import "../CellEditingDialog.es.js";
 import "../../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
@@ -194,8 +190,12 @@ import "../../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.
 import "../../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
 import "../../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../../../containers/ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../../../containers/DetailsPanel/DetailsPanel.styled.es.js";

package/dist/shared/src/components/Powerpack/PowerpackButton.cjs.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const s=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");const u=require("@ynput/ayon-react-components"),d=require("clsx"),y=require("react"),q=require("styled-components"),m=q(u.Button)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const s=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");const u=require("@ynput/ayon-react-components"),d=require("clsx"),y=require("react"),q=require("styled-components"),b=q(u.Button)`
   background-color: unset !important;
   color: var(--md-sys-color-tertiary);
   transition: color 0.2s, background-color 0.2s, opacity 0.2s;
   border-radius: var(--border-radius-xl);
 
   &.filled {
-    background-color: var(--md-sys-color-tertiary) !important;
+    background-color: var(--md-sys-color-tertiary);
     color: var(--md-sys-color-on-tertiary);
   }
 
@@ -20,5 +20,5 @@
   .icon {
     font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
   }
-`,b=y.forwardRef(({feature:o,filled:t,...r},i)=>{const{setPowerpackDialog:a}=s.usePowerpack(),n=c=>{var e;a(o),(e=r.onClick)==null||e.call(r,c)};return l.jsxRuntimeExports.jsx(m,{variant:r.variant||"tertiary",icon:r.icon||"bolt",...r,ref:i,onClick:n,className:d("cloud-button",r.className||"",{border:!!r.children,filled:t}),"data-tooltip":"Power feature","data-tooltip-delay":0,children:r.children})});exports.PowerpackButton=b;
+`,m=y.forwardRef(({feature:o,filled:t,...r},i)=>{const{setPowerpackDialog:a}=s.usePowerpack(),c=n=>{var e;a(o),(e=r.onClick)==null||e.call(r,n)};return l.jsxRuntimeExports.jsx(b,{variant:r.variant||"tertiary",icon:r.icon||"bolt",...r,ref:i,onClick:c,className:d("cloud-button",r.className||"",{border:!!r.children,filled:t}),"data-tooltip":"Power feature","data-tooltip-delay":0,children:r.children})});exports.PowerpackButton=m;
 //# sourceMappingURL=PowerpackButton.cjs.js.map

package/dist/shared/src/components/Powerpack/PowerpackButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackButton.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  background-color: unset !important;\n  color: var(--md-sys-color-tertiary);\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n  border-radius: var(--border-radius-xl);\n\n  &.filled {\n    background-color: var(--md-sys-color-tertiary) !important;\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.border {\n    border: 1px solid var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n`\n\nexport interface PowerpackButtonProps extends ButtonProps {\n  feature: PowerpackFeature\n  filled?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, filled, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        variant={props.variant || 'tertiary'}\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        className={clsx('cloud-button', props.className || '', {\n          border: !!props.children,\n          filled,\n        })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["StyledButton","styled","Button","PowerpackButton","forwardRef","feature","filled","props","ref","setPowerpackDialog","usePowerpack","handleOnClick","e","_a","jsx","clsx"],"mappings":"sxBAMMA,EAAeC,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BrBC,EAAkBC,EAAA,WAC7B,CAAC,CAAE,QAAAC,EAAS,OAAAC,EAAQ,GAAGC,CAAA,EAASC,IAAQ,CAChC,KAAA,CAAE,mBAAAC,CAAmB,EAAIC,eAAa,EAEtCC,EAAiBC,GAAqC,OAE1DH,EAAmBJ,CAAO,GAE1BQ,EAAAN,EAAM,UAAN,MAAAM,EAAA,KAAAN,EAAgBK,EAClB,EAGE,OAAAE,EAAA,kBAAA,IAACd,EAAA,CACC,QAASO,EAAM,SAAW,WAC1B,KAAMA,EAAM,MAAQ,OACnB,GAAGA,EACJ,IAAAC,EACA,QAASG,EACT,UAAWI,EAAK,eAAgBR,EAAM,WAAa,GAAI,CACrD,OAAQ,CAAC,CAACA,EAAM,SAChB,OAAAD,CAAA,CACD,EACD,eAAc,gBACd,qBAAoB,EAEnB,SAAMC,EAAA,QAAA,CACT,CAAA,CAGN"}
+{"version":3,"file":"PowerpackButton.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  background-color: unset !important;\n  color: var(--md-sys-color-tertiary);\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n  border-radius: var(--border-radius-xl);\n\n  &.filled {\n    background-color: var(--md-sys-color-tertiary);\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.border {\n    border: 1px solid var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n`\n\nexport interface PowerpackButtonProps extends ButtonProps {\n  feature: PowerpackFeature\n  filled?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, filled, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        variant={props.variant || 'tertiary'}\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        className={clsx('cloud-button', props.className || '', {\n          border: !!props.children,\n          filled,\n        })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["StyledButton","styled","Button","PowerpackButton","forwardRef","feature","filled","props","ref","setPowerpackDialog","usePowerpack","handleOnClick","e","_a","jsx","clsx"],"mappings":"sxBAMMA,EAAeC,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BrBC,EAAkBC,EAAA,WAC7B,CAAC,CAAE,QAAAC,EAAS,OAAAC,EAAQ,GAAGC,CAAA,EAASC,IAAQ,CAChC,KAAA,CAAE,mBAAAC,CAAmB,EAAIC,eAAa,EAEtCC,EAAiBC,GAAqC,OAE1DH,EAAmBJ,CAAO,GAE1BQ,EAAAN,EAAM,UAAN,MAAAM,EAAA,KAAAN,EAAgBK,EAClB,EAGE,OAAAE,EAAA,kBAAA,IAACd,EAAA,CACC,QAASO,EAAM,SAAW,WAC1B,KAAMA,EAAM,MAAQ,OACnB,GAAGA,EACJ,IAAAC,EACA,QAASG,EACT,UAAWI,EAAK,eAAgBR,EAAM,WAAa,GAAI,CACrD,OAAQ,CAAC,CAACA,EAAM,SAChB,OAAAD,CAAA,CACD,EACD,eAAc,gBACd,qBAAoB,EAEnB,SAAMC,EAAA,QAAA,CACT,CAAA,CAGN"}

package/dist/shared/src/components/Powerpack/PowerpackButton.es.js

@@ -1,4 +1,4 @@
-import { j as l } from "../../../../_virtual/jsx-runtime.es.js";
+import { j as n } from "../../../../_virtual/jsx-runtime.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import "../../context/DetailsPanelContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
@@ -21,7 +21,7 @@ const f = y(d)`
   border-radius: var(--border-radius-xl);
 
   &.filled {
-    background-color: var(--md-sys-color-tertiary) !important;
+    background-color: var(--md-sys-color-tertiary);
     color: var(--md-sys-color-on-tertiary);
   }
 
@@ -38,11 +38,11 @@ const f = y(d)`
   }
 `, z = u(
   ({ feature: t, filled: i, ...o }, a) => {
-    const { setPowerpackDialog: c } = m(), e = (n) => {
+    const { setPowerpackDialog: c } = m(), e = (l) => {
       var r;
-      c(t), (r = o.onClick) == null || r.call(o, n);
+      c(t), (r = o.onClick) == null || r.call(o, l);
     };
-    return /* @__PURE__ */ l.jsx(
+    return /* @__PURE__ */ n.jsx(
       f,
       {
         variant: o.variant || "tertiary",

package/dist/shared/src/components/Powerpack/PowerpackButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackButton.es.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  background-color: unset !important;\n  color: var(--md-sys-color-tertiary);\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n  border-radius: var(--border-radius-xl);\n\n  &.filled {\n    background-color: var(--md-sys-color-tertiary) !important;\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.border {\n    border: 1px solid var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n`\n\nexport interface PowerpackButtonProps extends ButtonProps {\n  feature: PowerpackFeature\n  filled?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, filled, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        variant={props.variant || 'tertiary'}\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        className={clsx('cloud-button', props.className || '', {\n          border: !!props.children,\n          filled,\n        })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["StyledButton","styled","Button","PowerpackButton","forwardRef","feature","filled","props","ref","setPowerpackDialog","usePowerpack","handleOnClick","e","_a","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;AAMA,MAAMA,IAAeC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6BrBC,IAAkBC;AAAA,EAC7B,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,GAAGC,EAAA,GAASC,MAAQ;AAChC,UAAA,EAAE,oBAAAC,EAAmB,IAAIC,EAAa,GAEtCC,IAAgB,CAACC,MAAqC;;AAE1D,MAAAH,EAAmBJ,CAAO,IAE1BQ,IAAAN,EAAM,YAAN,QAAAM,EAAA,KAAAN,GAAgBK;AAAA,IAClB;AAGE,WAAAE,gBAAAA,EAAA;AAAA,MAACd;AAAA,MAAA;AAAA,QACC,SAASO,EAAM,WAAW;AAAA,QAC1B,MAAMA,EAAM,QAAQ;AAAA,QACnB,GAAGA;AAAA,QACJ,KAAAC;AAAA,QACA,SAASG;AAAA,QACT,WAAWI,EAAK,gBAAgBR,EAAM,aAAa,IAAI;AAAA,UACrD,QAAQ,CAAC,CAACA,EAAM;AAAA,UAChB,QAAAD;AAAA,QAAA,CACD;AAAA,QACD,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAMC,EAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PowerpackButton.es.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  background-color: unset !important;\n  color: var(--md-sys-color-tertiary);\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n  border-radius: var(--border-radius-xl);\n\n  &.filled {\n    background-color: var(--md-sys-color-tertiary);\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  &.border {\n    border: 1px solid var(--md-sys-color-tertiary);\n  }\n\n  &:hover {\n    color: var(--md-sys-color-on-tertiary);\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n`\n\nexport interface PowerpackButtonProps extends ButtonProps {\n  feature: PowerpackFeature\n  filled?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, filled, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        variant={props.variant || 'tertiary'}\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        className={clsx('cloud-button', props.className || '', {\n          border: !!props.children,\n          filled,\n        })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["StyledButton","styled","Button","PowerpackButton","forwardRef","feature","filled","props","ref","setPowerpackDialog","usePowerpack","handleOnClick","e","_a","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;AAMA,MAAMA,IAAeC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6BrBC,IAAkBC;AAAA,EAC7B,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,GAAGC,EAAA,GAASC,MAAQ;AAChC,UAAA,EAAE,oBAAAC,EAAmB,IAAIC,EAAa,GAEtCC,IAAgB,CAACC,MAAqC;;AAE1D,MAAAH,EAAmBJ,CAAO,IAE1BQ,IAAAN,EAAM,YAAN,QAAAM,EAAA,KAAAN,GAAgBK;AAAA,IAClB;AAGE,WAAAE,gBAAAA,EAAA;AAAA,MAACd;AAAA,MAAA;AAAA,QACC,SAASO,EAAM,WAAW;AAAA,QAC1B,MAAMA,EAAM,QAAQ;AAAA,QACnB,GAAGA;AAAA,QACJ,KAAAC;AAAA,QACA,SAASG;AAAA,QACT,WAAWI,EAAK,gBAAgBR,EAAM,aAAa,IAAI;AAAA,UACrD,QAAQ,CAAC,CAACA,EAAM;AAAA,UAChB,QAAAD;AAAA,QAAA,CACD;AAAA,QACD,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAMC,EAAA;AAAA,MAAA;AAAA,IACT;AAAA,EAAA;AAGN;"}

package/dist/shared/src/components/Powerpack/PowerpackDialog.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),s=require("./PowerpackDialog.styled.cjs.js"),n=require("@ynput/ayon-react-components"),d=require("./PricingLink.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const l=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("clsx");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("react");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/LinksManagerDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("./PowerpackButton.cjs.js");const j=require("./CTAButton.cjs.js");require("./RequiredPowerpackVersion.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");const k=require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../DetailsMetaData/DetailsMetaData.cjs.js");require("../AccessUser/AccessUser.cjs.js");const P=({label:u,description:o,features:p,isCloseable:q=!0,addon:i})=>{const{setPowerpackDialog:a,selectedPowerPack:h,powerpackDialog:r}=l.usePowerpack(),{openSupport:m,messengerLoaded:R}=k.useFeedback();if(!r&&(!u||!o))return null;const c=u??(r==null?void 0:r.label)??(i?"this addon":"this feature"),E=i?`I would like to know how I can try out the "${c}" addon?`:`I would like to know how I can try out the "${c}" power feature?`;return e.jsxRuntimeExports.jsxs(s.PowerpackDialog,{isOpen:!0,onClose:()=>q?a(null):void 0,size:"lg",hideCancelButton:!q,hideBackdrop:!q,children:[e.jsxRuntimeExports.jsxs(s.MainFeature,{children:[e.jsxRuntimeExports.jsxs("h1",{children:[e.jsxRuntimeExports.jsx(n.Icon,{icon:i!=null&&i.icon?i.icon:"bolt"}),u??(r==null?void 0:r.label)]}),e.jsxRuntimeExports.jsx("h2",{children:o??(r==null?void 0:r.description)})]}),e.jsxRuntimeExports.jsxs(s.FeaturesList,{children:[i?e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Premium Addons"})," with an AYON Studio subscription."]}):e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx(n.Icon,{icon:"bolt"})," ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Power Features"})," with an AYON subscription."]}),e.jsxRuntimeExports.jsx("ul",{children:Object.entries(p??l.powerpackFeatures).sort(([t])=>t!==h?1:-1).map(([t,x])=>e.jsxRuntimeExports.jsxs("li",{children:[e.jsxRuntimeExports.jsx(n.Icon,{icon:x.icon??"check"}),e.jsxRuntimeExports.jsx("span",{children:x.bullet})]},t))})]}),R?e.jsxRuntimeExports.jsx(j.CTAButton,{onClick:()=>m("NewMessage",E)}):e.jsxRuntimeExports.jsx(d.PricingLink,{children:e.jsxRuntimeExports.jsx(j.CTAButton,{})})]})};exports.PowerpackDialog=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),s=require("./PowerpackDialog.styled.cjs.js"),n=require("@ynput/ayon-react-components"),d=require("./PricingLink.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");const l=require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("clsx");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("react");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("date-fns");require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/context/ViewsContext.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../Watchers/Watchers.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("./PowerpackButton.cjs.js");const j=require("./CTAButton.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../AttributeEditor/components/MinMaxField.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../Badge/Badge.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContext.cjs.js");const k=require("../Feedback/FeedbackContext.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../Chips/Chips.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");const P=({label:u,description:o,features:p,isCloseable:q=!0,addon:i})=>{const{setPowerpackDialog:a,selectedPowerPack:h,powerpackDialog:r}=l.usePowerpack(),{openSupport:m,messengerLoaded:R}=k.useFeedback();if(!r&&(!u||!o))return null;const c=u??(r==null?void 0:r.label)??(i?"this addon":"this feature"),E=i?`I would like to know how I can try out the "${c}" addon?`:`I would like to know how I can try out the "${c}" power feature?`;return e.jsxRuntimeExports.jsxs(s.PowerpackDialog,{isOpen:!0,onClose:()=>q?a(null):void 0,size:"lg",hideCancelButton:!q,hideBackdrop:!q,children:[e.jsxRuntimeExports.jsxs(s.MainFeature,{children:[e.jsxRuntimeExports.jsxs("h1",{children:[e.jsxRuntimeExports.jsx(n.Icon,{icon:i!=null&&i.icon?i.icon:"bolt"}),u??(r==null?void 0:r.label)]}),e.jsxRuntimeExports.jsx("h2",{children:o??(r==null?void 0:r.description)})]}),e.jsxRuntimeExports.jsxs(s.FeaturesList,{children:[i?e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Premium Addons"})," with an AYON Studio subscription."]}):e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx(n.Icon,{icon:"bolt"})," ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Power Features"})," with an AYON subscription."]}),e.jsxRuntimeExports.jsx("ul",{children:Object.entries(p??l.powerpackFeatures).sort(([t])=>t!==h?1:-1).map(([t,x])=>e.jsxRuntimeExports.jsxs("li",{children:[e.jsxRuntimeExports.jsx(n.Icon,{icon:x.icon??"check"}),e.jsxRuntimeExports.jsx("span",{children:x.bullet})]},t))})]}),R?e.jsxRuntimeExports.jsx(j.CTAButton,{onClick:()=>m("NewMessage",E)}):e.jsxRuntimeExports.jsx(d.PricingLink,{children:e.jsxRuntimeExports.jsx(j.CTAButton,{})})]})};exports.PowerpackDialog=P;
 //# sourceMappingURL=PowerpackDialog.cjs.js.map