npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.29 → 0.2.30 - Mend

@ynput/ayon-frontend-shared 0.2.29 → 0.2.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (629) hide show

package/dist/shared/src/containers/SimpleTable/SimpleTable.styled.cjs.js CHANGED Viewed

@@ -90,12 +90,26 @@
     .icon {
       color: var(--md-sys-color-on-primary-container);
     }
+    /* update expander styles */
+    .expander {
+      &:hover {
+        background-color: var(--md-sys-color-on-primary);
+      }
+    }
+  }
+  &.inactive {
+    .icon,
+    .value {
+      color: var(--md-sys-color-outline);
+    }
   }
   &.disabled {
     opacity: 0.5;
     cursor: not-allowed !important;
     &,
     .value,
     .icon {
@@ -110,7 +124,12 @@
       text-decoration: line-through;
     }
   }
-`,t=o(e.Button)`
+  /* filled icon */
+  .icon.filled {
+    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
+  }
+`,n=o(e.Button)`
   &.expander {
     background-color: unset;
     padding: 2px;
@@ -119,7 +138,7 @@
       background-color: var(--md-sys-color-surface-container-high-hover);
     }
   }
-`,n=o.div`
+`,t=o.div`
   border-radius: var(--border-radius-m);
   overflow: hidden;
   background-color: var(--md-sys-color-surface-container-low);
@@ -160,5 +179,5 @@
   &.active {
     background-color: var(--md-sys-color-surface-container-hover) !important;
   }
-`;exports.Cell=a;exports.Container=n;exports.Expander=t;exports.Header=i;exports.HeaderButton=d;exports.TableContainer=r;
+`;exports.Cell=a;exports.Container=t;exports.Expander=n;exports.Header=i;exports.HeaderButton=d;exports.TableContainer=r;
 //# sourceMappingURL=SimpleTable.styled.cjs.js.map

package/dist/shared/src/containers/SimpleTable/SimpleTable.styled.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleTable.styled.cjs.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const TableContainer = styled.div`\n display: flex;\n\n height: 100%;\n width: 100%;\n overflow: auto;\n padding: 4px;\n padding-top: 8px;\n\n &.isLoading {\n overflow: hidden;\n }\n\n /* make error icon smaller /\n .empty-placeholder {\n width: 100%;\n padding: 8px;\n max-width: 240px;\n .icon {\n font-size: 32px;\n }\n h3 {\n ${theme.titleMedium}\n }\n }\n\n table {\n height: fit-content;\n width: 100%;\n display: grid;\n }\n\n thead {\n display: none;\n }\n\n tbody {\n position: relative;\n display: grid;\n }\n\n tr {\n position: absolute;\n display: flex;\n width: 100%;\n / transform: set on dynamically */\n }\n\n td {\n padding: 1px 0px;\n width: 100%;\n }\n`\n\nexport const Cell = styled.div`\n width: 100%;\n min-height: 32px;\n user-select: none;\n padding: 0px 4px;\n\n display: flex;\n gap: var(--base-gap-small);\n align-items: center;\n cursor: pointer;\n\n border-radius: var(--border-radius-m);\n\n .value {\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .path {\n display: flex;\n gap: var(--base-gap-small);\n }\n\n .loading {\n pointer-events: none;\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-hover);\n }\n\n &.selected {\n background-color: var(--md-sys-color-primary-container);\n\n &,\n .icon {\n color: var(--md-sys-color-on-primary-container);\n }\n }\n\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed !important;\n \n &,\n .value,\n .icon {\n color: var(--md-sys-color-outline);\n }\n\n &:hover {\n background-color: transparent;\n }\n\n .value {\n text-decoration: line-through;\n }\n }\n`\n\nexport const Expander = styled(Button)`\n &.expander {\n background-color: unset;\n padding: 2px;\n cursor: pointer;\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n }\n`\n\n// utility styles for wrapping the table\nexport const Container = styled.div`\n border-radius: var(--border-radius-m);\n overflow: hidden;\n background-color: var(--md-sys-color-surface-container-low);\n height: 100%;\n flex: 1;\n\n display: flex;\n flex-direction: column;\n position: relative;\n`\n\nexport const Header = styled.div`\n padding: 2px;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n position: relative;\n\n display: flex;\n gap: var(--base-gap-small);\n\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const HeaderButton = styled(Button)`\n background-color: unset !important;\n z-index: 110;\n position: relative;\n\n &.hasIcon {\n padding: 4px;\n }\n\n &.open {\n background-color: unset !important;\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-hover) !important;\n }\n\n &.active {\n background-color: var(--md-sys-color-surface-container-hover) !important;\n }\n`\n"],"names":["TableContainer","styled","theme","Cell","Expander","Button","Container","Header","HeaderButton"],"mappings":"+JAGaA,EAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAsB7BC,QAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgCZC,EAAOF,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,~~EA8DdG~~,EAAWH,EAAOI,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYxBC,EAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYnBM,EAASN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAahBO,EAAeP,EAAOI,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"SimpleTable.styled.cjs.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const TableContainer = styled.div`\n display: flex;\n\n height: 100%;\n width: 100%;\n overflow: auto;\n padding: 4px;\n padding-top: 8px;\n\n &.isLoading {\n overflow: hidden;\n }\n\n /* make error icon smaller /\n .empty-placeholder {\n width: 100%;\n padding: 8px;\n max-width: 240px;\n .icon {\n font-size: 32px;\n }\n h3 {\n ${theme.titleMedium}\n }\n }\n\n table {\n height: fit-content;\n width: 100%;\n display: grid;\n }\n\n thead {\n display: none;\n }\n\n tbody {\n position: relative;\n display: grid;\n }\n\n tr {\n position: absolute;\n display: flex;\n width: 100%;\n / transform: set on dynamically /\n }\n\n td {\n padding: 1px 0px;\n width: 100%;\n }\n`\n\nexport const Cell = styled.div`\n width: 100%;\n min-height: 32px;\n user-select: none;\n padding: 0px 4px;\n\n display: flex;\n gap: var(--base-gap-small);\n align-items: center;\n cursor: pointer;\n\n border-radius: var(--border-radius-m);\n\n .value {\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .path {\n display: flex;\n gap: var(--base-gap-small);\n }\n\n .loading {\n pointer-events: none;\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-hover);\n }\n\n &.selected {\n background-color: var(--md-sys-color-primary-container);\n\n &,\n .icon {\n color: var(--md-sys-color-on-primary-container);\n }\n\n / update expander styles /\n .expander {\n &:hover {\n background-color: var(--md-sys-color-on-primary);\n }\n }\n }\n\n &.inactive {\n .icon,\n .value {\n color: var(--md-sys-color-outline);\n }\n }\n\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed !important;\n\n &,\n .value,\n .icon {\n color: var(--md-sys-color-outline);\n }\n\n &:hover {\n background-color: transparent;\n }\n\n .value {\n text-decoration: line-through;\n }\n }\n\n / filled icon */\n .icon.filled {\n font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n }\n`\n\nexport const Expander = styled(Button)`\n &.expander {\n background-color: unset;\n padding: 2px;\n cursor: pointer;\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n }\n`\n\n// utility styles for wrapping the table\nexport const Container = styled.div`\n border-radius: var(--border-radius-m);\n overflow: hidden;\n background-color: var(--md-sys-color-surface-container-low);\n height: 100%;\n flex: 1;\n\n display: flex;\n flex-direction: column;\n position: relative;\n`\n\nexport const Header = styled.div`\n padding: 2px;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n position: relative;\n\n display: flex;\n gap: var(--base-gap-small);\n\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const HeaderButton = styled(Button)`\n background-color: unset !important;\n z-index: 110;\n position: relative;\n\n &.hasIcon {\n padding: 4px;\n }\n\n &.open {\n background-color: unset !important;\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-hover) !important;\n }\n\n &.active {\n background-color: var(--md-sys-color-surface-container-hover) !important;\n }\n`\n"],"names":["TableContainer","styled","theme","Cell","Expander","Button","Container","Header","HeaderButton"],"mappings":"+JAGaA,EAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAsB7BC,QAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgCZC,EAAOF,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;AAAA,EAiFdG,EAAWH,EAAOI,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYxBC,EAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYnBM,EAASN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAahBO,EAAeP,EAAOI,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/containers/SimpleTable/SimpleTable.styled.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { theme as e, Button as r } from "@ynput/ayon-react-components";
 import o from "styled-components";
-const t = o.div`
+const n = o.div`
   display: flex;
   height: 100%;
@@ -52,7 +52,7 @@ const t = o.div`
     padding: 1px 0px;
     width: 100%;
   }
-`, n = o.div`
+`, t = o.div`
   width: 100%;
   min-height: 32px;
   user-select: none;
@@ -92,12 +92,26 @@ const t = o.div`
     .icon {
       color: var(--md-sys-color-on-primary-container);
     }
+    /* update expander styles */
+    .expander {
+      &:hover {
+        background-color: var(--md-sys-color-on-primary);
+      }
+    }
+  }
+  &.inactive {
+    .icon,
+    .value {
+      color: var(--md-sys-color-outline);
+    }
   }
   &.disabled {
     opacity: 0.5;
     cursor: not-allowed !important;
     &,
     .value,
     .icon {
@@ -112,6 +126,11 @@ const t = o.div`
       text-decoration: line-through;
     }
   }
+  /* filled icon */
+  .icon.filled {
+    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
+  }
 `, d = o(r)`
   &.expander {
     background-color: unset;
@@ -164,11 +183,11 @@ const t = o.div`
   }
 `;
 export {
-  n as Cell,
+  t as Cell,
   l as Container,
   d as Expander,
   s as Header,
   c as HeaderButton,
-  t as TableContainer
+  n as TableContainer
 };
 //# sourceMappingURL=SimpleTable.styled.es.js.map

package/dist/shared/src/containers/SimpleTable/SimpleTable.styled.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleTable.styled.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const TableContainer = styled.div`\n display: flex;\n\n height: 100%;\n width: 100%;\n overflow: auto;\n padding: 4px;\n padding-top: 8px;\n\n &.isLoading {\n overflow: hidden;\n }\n\n /* make error icon smaller /\n .empty-placeholder {\n width: 100%;\n padding: 8px;\n max-width: 240px;\n .icon {\n font-size: 32px;\n }\n h3 {\n ${theme.titleMedium}\n }\n }\n\n table {\n height: fit-content;\n width: 100%;\n display: grid;\n }\n\n thead {\n display: none;\n }\n\n tbody {\n position: relative;\n display: grid;\n }\n\n tr {\n position: absolute;\n display: flex;\n width: 100%;\n / transform: set on dynamically */\n }\n\n td {\n padding: 1px 0px;\n width: 100%;\n }\n`\n\nexport const Cell = styled.div`\n width: 100%;\n min-height: 32px;\n user-select: none;\n padding: 0px 4px;\n\n display: flex;\n gap: var(--base-gap-small);\n align-items: center;\n cursor: pointer;\n\n border-radius: var(--border-radius-m);\n\n .value {\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .path {\n display: flex;\n gap: var(--base-gap-small);\n }\n\n .loading {\n pointer-events: none;\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-hover);\n }\n\n &.selected {\n background-color: var(--md-sys-color-primary-container);\n\n &,\n .icon {\n color: var(--md-sys-color-on-primary-container);\n }\n }\n\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed !important;\n \n &,\n .value,\n .icon {\n color: var(--md-sys-color-outline);\n }\n\n &:hover {\n background-color: transparent;\n }\n\n .value {\n text-decoration: line-through;\n }\n }\n`\n\nexport const Expander = styled(Button)`\n &.expander {\n background-color: unset;\n padding: 2px;\n cursor: pointer;\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n }\n`\n\n// utility styles for wrapping the table\nexport const Container = styled.div`\n border-radius: var(--border-radius-m);\n overflow: hidden;\n background-color: var(--md-sys-color-surface-container-low);\n height: 100%;\n flex: 1;\n\n display: flex;\n flex-direction: column;\n position: relative;\n`\n\nexport const Header = styled.div`\n padding: 2px;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n position: relative;\n\n display: flex;\n gap: var(--base-gap-small);\n\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const HeaderButton = styled(Button)`\n background-color: unset !important;\n z-index: 110;\n position: relative;\n\n &.hasIcon {\n padding: 4px;\n }\n\n &.open {\n background-color: unset !important;\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-hover) !important;\n }\n\n &.active {\n background-color: var(--md-sys-color-surface-container-hover) !important;\n }\n`\n"],"names":["TableContainer","styled","theme","Cell","Expander","Button","Container","Header","HeaderButton"],"mappings":";;AAGO,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAsB7BC,EAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgCZC,IAAOF,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,~~GA8DdG~~,IAAWH,EAAOI,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYxBC,IAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYnBM,IAASN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAahBO,IAAeP,EAAOI,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"SimpleTable.styled.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const TableContainer = styled.div`\n display: flex;\n\n height: 100%;\n width: 100%;\n overflow: auto;\n padding: 4px;\n padding-top: 8px;\n\n &.isLoading {\n overflow: hidden;\n }\n\n /* make error icon smaller /\n .empty-placeholder {\n width: 100%;\n padding: 8px;\n max-width: 240px;\n .icon {\n font-size: 32px;\n }\n h3 {\n ${theme.titleMedium}\n }\n }\n\n table {\n height: fit-content;\n width: 100%;\n display: grid;\n }\n\n thead {\n display: none;\n }\n\n tbody {\n position: relative;\n display: grid;\n }\n\n tr {\n position: absolute;\n display: flex;\n width: 100%;\n / transform: set on dynamically /\n }\n\n td {\n padding: 1px 0px;\n width: 100%;\n }\n`\n\nexport const Cell = styled.div`\n width: 100%;\n min-height: 32px;\n user-select: none;\n padding: 0px 4px;\n\n display: flex;\n gap: var(--base-gap-small);\n align-items: center;\n cursor: pointer;\n\n border-radius: var(--border-radius-m);\n\n .value {\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .path {\n display: flex;\n gap: var(--base-gap-small);\n }\n\n .loading {\n pointer-events: none;\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-hover);\n }\n\n &.selected {\n background-color: var(--md-sys-color-primary-container);\n\n &,\n .icon {\n color: var(--md-sys-color-on-primary-container);\n }\n\n / update expander styles /\n .expander {\n &:hover {\n background-color: var(--md-sys-color-on-primary);\n }\n }\n }\n\n &.inactive {\n .icon,\n .value {\n color: var(--md-sys-color-outline);\n }\n }\n\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed !important;\n\n &,\n .value,\n .icon {\n color: var(--md-sys-color-outline);\n }\n\n &:hover {\n background-color: transparent;\n }\n\n .value {\n text-decoration: line-through;\n }\n }\n\n / filled icon */\n .icon.filled {\n font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n }\n`\n\nexport const Expander = styled(Button)`\n &.expander {\n background-color: unset;\n padding: 2px;\n cursor: pointer;\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n }\n`\n\n// utility styles for wrapping the table\nexport const Container = styled.div`\n border-radius: var(--border-radius-m);\n overflow: hidden;\n background-color: var(--md-sys-color-surface-container-low);\n height: 100%;\n flex: 1;\n\n display: flex;\n flex-direction: column;\n position: relative;\n`\n\nexport const Header = styled.div`\n padding: 2px;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n position: relative;\n\n display: flex;\n gap: var(--base-gap-small);\n\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const HeaderButton = styled(Button)`\n background-color: unset !important;\n z-index: 110;\n position: relative;\n\n &.hasIcon {\n padding: 4px;\n }\n\n &.open {\n background-color: unset !important;\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-hover) !important;\n }\n\n &.active {\n background-color: var(--md-sys-color-surface-container-hover) !important;\n }\n`\n"],"names":["TableContainer","styled","theme","Cell","Expander","Button","Container","Header","HeaderButton"],"mappings":";;AAGO,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAsB7BC,EAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgCZC,IAAOF,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;AAAA,GAiFdG,IAAWH,EAAOI,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYxBC,IAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYnBM,IAASN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAahBO,IAAeP,EAAOI,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/containers/SimpleTable/SimpleTableRowTemplate.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),x=require("react"),m=require("./SimpleTable.styled.cjs.js"),b=require("@ynput/ayon-react-components"),c=({isRowExpandable:o,isRowExpanded:t,isTableExpandable:r,onExpandClick:s})=>o?e.jsxRuntimeExports.jsx(m.Expander,{onClick:l=>{l.stopPropagation(),s==null||s()},icon:t?"expand_more":"chevron_right",className:"expander",style:{cursor:"pointer"}}):r&&e.jsxRuntimeExports.jsx("div",{style:{display:"inline-block",minWidth:24}}),v=x.forwardRef(({value:o,icon:t,parents:r,iconColor:s,isRowExpandable:l,isRowExpanded:j,isTableExpandable:u,onExpandClick:R,startContent:a,endContent:i,depth:d=0,isDisabled:p,disabledMessage:h,style:y,...E},g)=>e.jsxRuntimeExports.jsxs(m.Cell,{...E,ref:g,style:{...y,paddingLeft:`calc(${d*.5}rem + 4px)`,...p&&{cursor:"not-allowed"}},title:p?h:void 0,children:[e.jsxRuntimeExports.jsx(c,{isRowExpandable:l,isRowExpanded:j,isTableExpandable:u,onExpandClick:R}),a&&a,t&&e.jsxRuntimeExports.jsx(b.Icon,{icon:t,style:{color:s}}),r&&e.jsxRuntimeExports.jsx("span",{className:"path",children:r.map((T,n)=>e.jsxRuntimeExports.jsxs(x.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{children:T},n+"-path"),e.jsxRuntimeExports.jsx("span",{children:"/"},n+"-separator")]},n))}),e.jsxRuntimeExports.jsx("span",{className:"value",children:o}),i&&i]}));exports.RowExpander=c;exports.SimpleTableCellTemplate=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),p=require("react"),c=require("./SimpleTable.styled.cjs.js"),f=require("@ynput/ayon-react-components"),q=require("clsx"),m=({isRowExpandable:l,isRowExpanded:t,enableNonFolderIndent:r=!0,isTableExpandable:i,onExpandClick:s})=>l?e.jsxRuntimeExports.jsx(c.Expander,{onClick:a=>{a.stopPropagation(),s==null||s()},icon:t?"expand_more":"chevron_right",className:"expander",style:{cursor:"pointer"}}):i&&r&&e.jsxRuntimeExports.jsx("div",{style:{display:"inline-block",minWidth:24}}),S=p.forwardRef(({value:l,icon:t,parents:r,iconColor:i,iconFilled:s,isRowExpandable:a,isRowExpanded:u,isTableExpandable:j,enableNonFolderIndent:R=!0,onExpandClick:d,startContent:n,endContent:x,depth:h=0,isDisabled:y,disabledMessage:E,active:N,style:b,...g},v)=>e.jsxRuntimeExports.jsxs(c.Cell,{...g,ref:v,style:{...b,paddingLeft:`calc(${h*.5}rem + 4px)`},title:y?E:void 0,children:[e.jsxRuntimeExports.jsx(m,{isRowExpandable:a,isRowExpanded:u,isTableExpandable:j,onExpandClick:d,enableNonFolderIndent:R}),n&&n,t&&e.jsxRuntimeExports.jsx(f.Icon,{icon:t,className:q({filled:s}),style:{color:i}}),r&&e.jsxRuntimeExports.jsx("span",{className:"path",children:r.map((T,o)=>e.jsxRuntimeExports.jsxs(p.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{children:T},o+"-path"),e.jsxRuntimeExports.jsx("span",{children:"/"},o+"-separator")]},o))}),e.jsxRuntimeExports.jsx("span",{className:"value",children:l}),x&&x]}));exports.RowExpander=m;exports.SimpleTableCellTemplate=S;
 //# sourceMappingURL=SimpleTableRowTemplate.cjs.js.map

package/dist/shared/src/containers/SimpleTable/SimpleTableRowTemplate.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleTableRowTemplate.cjs.js","sources":["../../../../../src/containers/SimpleTable/SimpleTableRowTemplate.tsx"],"sourcesContent":["import { forwardRef, Fragment } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport { Icon } from '@ynput/ayon-react-components'\n\nexport type RowExpanderProps = {\n isRowExpandable?: boolean\n isRowExpanded?: boolean\n isTableExpandable?: boolean\n onExpandClick?: () => void\n}\n\nexport const RowExpander = ({\n isRowExpandable,\n isRowExpanded,\n isTableExpandable,\n onExpandClick,\n}: RowExpanderProps) =>\n isRowExpandable ? (\n <Styled.Expander\n onClick={(e) => {\n e.stopPropagation()\n onExpandClick?.()\n }}\n icon={isRowExpanded ? 'expand_more' : 'chevron_right'}\n className=\"expander\"\n style={{ cursor: 'pointer' }}\n />\n ) : (\n isTableExpandable && <div style={{ display: 'inline-block', minWidth: 24 }} />\n )\n\nexport interface SimpleTableCellTemplateProps extends React.HTMLAttributes<HTMLDivElement> {\n value: string\n icon?: string\n parents?: string[]\n iconColor?: string\n isRowExpandable?: boolean\n isRowExpanded?: boolean\n isTableExpandable?: boolean\n onExpandClick?: () => void\n // when used as a template\n startContent?: React.ReactNode\n endContent?: React.ReactNode\n depth?: number\n isDisabled?: boolean\n disabledMessage?: string\n}\n\nexport const SimpleTableCellTemplate = forwardRef<HTMLDivElement, SimpleTableCellTemplateProps>(\n (\n {\n value,\n icon,\n parents,\n iconColor,\n isRowExpandable,\n isRowExpanded,\n isTableExpandable,\n onExpandClick,\n startContent,\n endContent,\n depth = 0,\n isDisabled,\n disabledMessage,\n style,\n ...props\n },\n ref,\n ) => {\n return (\n <Styled.Cell\n {...props}\n ref={ref}\n style={{\n ...style,\n paddingLeft: `calc(${depth * 0.5}rem + 4px)`,\n ~~...(isDisabled && {\n cursor: 'not-allowed',\n }),\n~~ }}\n title={isDisabled ? disabledMessage : undefined}\n >\n <RowExpander\n isRowExpandable={isRowExpandable}\n isRowExpanded={isRowExpanded}\n isTableExpandable={isTableExpandable}\n onExpandClick={onExpandClick}\n />\n {startContent && startContent}\n {icon && <Icon icon={icon} style={{ color: iconColor }} />}\n {parents && (\n <span className=\"path\">\n {parents.map((part, index) => (\n <Fragment key={index}>\n <span key={index + '-path'}>{part}</span>\n <span key={index + '-separator'}>/</span>\n </Fragment>\n ))}\n </span>\n )}\n <span className=\"value\">{value}</span>\n {endContent && endContent}\n </Styled.Cell>\n )\n },\n)\n"],"names":["RowExpander","isRowExpandable","isRowExpanded","isTableExpandable","onExpandClick","jsx","Styled.Expander","e","SimpleTableCellTemplate","forwardRef","value","icon","parents","iconColor","startContent","endContent","depth","isDisabled","disabledMessage","style","props","ref","jsxs","Styled.Cell","Icon","part","index","Fragment"],"mappings":"~~iPAWaA~~,EAAc,CAAC,CAC1B,gBAAAC,EACA,cAAAC,EACA,kBAAAC,EACA,cAAAC,CACF,~~IACEH~~,~~EACEI~~,EAAA,kBAAA,IAACC,EAAO,SAAP,CACC,QAAUC,GAAM,CACdA,EAAE,gBAAgB,EACFH,GAAA,MAAAA,GAClB,EACA,~~KAAMF~~,EAAgB,cAAgB,gBACtC,UAAU,WACV,MAAO,CAAE,OAAQ,SAAU,CAAA,CAC7B,~~EAEAC~~,~~2BAAsB~~,MAAI,CAAA,MAAO,CAAE,QAAS,eAAgB,SAAU,~~GAAM~~,CAAA,~~EAoBnEK~~,EAA0BC,EAAA,WACrC,CACE,CACE,MAAAC,EACA,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,~~gBAAAZ~~,EACA,cAAAC,EACA,~~kBAAAC~~,EACA,~~cAAAC~~,EACA,~~aAAAU~~,EACA,WAAAC,EACA,MAAAC,EAAQ,EACR,WAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,GAAGC,GAELC,IAGEC,EAAA,kBAAA,KAACC,EAAO,KAAP,CACE,GAAGH,EACJ,IAAAC,EACA,MAAO,CACL,GAAGF,EACH,YAAa,~~QAAQH~~,EAAQ,EAAG,~~aAChC~~,~~GAAIC,GAAc,CAChB,OAAQ,aAAA,CAEZ,~~EACA,~~MAAOA~~,EAAaC,EAAkB,OAEtC,SAAA,~~CAAAb~~,EAAA,kBAAA,~~IAACL~~,EAAA,CACC,gBAAAC,EACA,cAAAC,EACA,~~kBAAAC~~,EACA,cAAAC,CAAA,CACF,~~EACCU~~,GAAgBA,~~EAChBH~~,~~2BAASa~~,~~EAAAA~~,~~KAAK~~,~~CAAA~~,~~KAAAb~~,EAAY,MAAO,~~CAAE~~,~~MAAOE~~,~~GAAa~~,~~EACvDD~~,GACEP,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,OACb,SAAQO,EAAA,IAAI,~~CAACa~~,EAAMC,~~IAClBJ~~,EAAA,kBAAA,~~KAACK~~,EACC,SAAA,CAAA,SAAA,~~CAACtB~~,EAAA,kBAAA,IAAA,OAAA,CAA4B,~~SAAlBoB~~,CAAA,EAAAC,EAAQ,OAAe,~~EACjCrB~~,EAAA,kBAAA,IAAA,OAAA,CAAgC,SAAtB,GAAA,~~EAAAqB~~,EAAQ,YAAe,CAAA,GAFrBA,CAGf,CACD,EACH,~~EAEDrB~~,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAS,SAAMK,EAAA,~~EAC9BK~~,GAAcA,CAAA,CAAA,CACjB,CAGN"}
1	+ {"version":3,"file":"SimpleTableRowTemplate.cjs.js","sources":["../../../../../src/containers/SimpleTable/SimpleTableRowTemplate.tsx"],"sourcesContent":["import { forwardRef, Fragment } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\n\nexport type RowExpanderProps = {\n isRowExpandable?: boolean\n isRowExpanded?: boolean\n enableNonFolderIndent?: boolean\n isTableExpandable?: boolean\n onExpandClick?: () => void\n}\n\nexport const RowExpander = ({\n isRowExpandable,\n isRowExpanded,\n enableNonFolderIndent = true,\n isTableExpandable,\n onExpandClick,\n}: RowExpanderProps) =>\n isRowExpandable ? (\n <Styled.Expander\n onClick={(e) => {\n e.stopPropagation()\n onExpandClick?.()\n }}\n icon={isRowExpanded ? 'expand_more' : 'chevron_right'}\n className=\"expander\"\n style={{ cursor: 'pointer' }}\n />\n ) : (\n isTableExpandable &&\n enableNonFolderIndent && <div style={{ display: 'inline-block', minWidth: 24 }} />\n )\n\nexport interface SimpleTableCellTemplateProps extends React.HTMLAttributes<HTMLDivElement> {\n value: string\n icon?: string\n parents?: string[]\n iconColor?: string\n iconFilled?: boolean\n isRowExpandable?: boolean\n isRowExpanded?: boolean\n isTableExpandable?: boolean\n enableNonFolderIndent?: boolean\n onExpandClick?: () => void\n // when used as a template\n startContent?: React.ReactNode\n endContent?: React.ReactNode\n depth?: number\n isDisabled?: boolean\n disabledMessage?: string\n active?: boolean\n}\n\nexport const SimpleTableCellTemplate = forwardRef<HTMLDivElement, SimpleTableCellTemplateProps>(\n (\n {\n value,\n icon,\n parents,\n iconColor,\n iconFilled,\n isRowExpandable,\n isRowExpanded,\n isTableExpandable,\n enableNonFolderIndent = true,\n onExpandClick,\n startContent,\n endContent,\n depth = 0,\n isDisabled,\n disabledMessage,\n active,\n style,\n ...props\n },\n ref,\n ) => {\n return (\n <Styled.Cell\n {...props}\n ref={ref}\n style={{\n ...style,\n paddingLeft: `calc(${depth * 0.5}rem + 4px)`,\n }}\n title={isDisabled ? disabledMessage : undefined}\n >\n <RowExpander\n isRowExpandable={isRowExpandable}\n isRowExpanded={isRowExpanded}\n isTableExpandable={isTableExpandable}\n onExpandClick={onExpandClick}\n enableNonFolderIndent={enableNonFolderIndent}\n />\n {startContent && startContent}\n {icon && (\n <Icon\n icon={icon}\n className={clsx({ filled: iconFilled })}\n style={{\n color: iconColor,\n }}\n />\n )}\n {parents && (\n <span className=\"path\">\n {parents.map((part, index) => (\n <Fragment key={index}>\n <span key={index + '-path'}>{part}</span>\n <span key={index + '-separator'}>/</span>\n </Fragment>\n ))}\n </span>\n )}\n <span className=\"value\">{value}</span>\n {endContent && endContent}\n </Styled.Cell>\n )\n },\n)\n"],"names":["RowExpander","isRowExpandable","isRowExpanded","enableNonFolderIndent","isTableExpandable","onExpandClick","jsx","Styled.Expander","e","SimpleTableCellTemplate","forwardRef","value","icon","parents","iconColor","iconFilled","startContent","endContent","depth","isDisabled","disabledMessage","active","style","props","ref","jsxs","Styled.Cell","Icon","clsx","part","index","Fragment"],"mappings":"mQAaaA,EAAc,CAAC,CAC1B,gBAAAC,EACA,cAAAC,EACA,sBAAAC,EAAwB,GACxB,kBAAAC,EACA,cAAAC,CACF,IACEJ,EACEK,EAAA,kBAAA,IAACC,EAAO,SAAP,CACC,QAAUC,GAAM,CACdA,EAAE,gBAAgB,EACFH,GAAA,MAAAA,GAClB,EACA,KAAMH,EAAgB,cAAgB,gBACtC,UAAU,WACV,MAAO,CAAE,OAAQ,SAAU,CAAA,CAC7B,EAEAE,GACAD,GAAyBG,EAAA,kBAAA,IAAC,MAAI,CAAA,MAAO,CAAE,QAAS,eAAgB,SAAU,EAAA,CAAM,CAAA,EAuBvEG,EAA0BC,EAAA,WACrC,CACE,CACE,MAAAC,EACA,KAAAC,EACA,QAAAC,EACA,UAAAC,EACA,WAAAC,EACA,gBAAAd,EACA,cAAAC,EACA,kBAAAE,EACA,sBAAAD,EAAwB,GACxB,cAAAE,EACA,aAAAW,EACA,WAAAC,EACA,MAAAC,EAAQ,EACR,WAAAC,EACA,gBAAAC,EACA,OAAAC,EACA,MAAAC,EACA,GAAGC,GAELC,IAGEC,EAAA,kBAAA,KAACC,EAAO,KAAP,CACE,GAAGH,EACJ,IAAAC,EACA,MAAO,CACL,GAAGF,EACH,YAAa,QAAQJ,EAAQ,EAAG,YAClC,EACA,MAAOC,EAAaC,EAAkB,OAEtC,SAAA,CAAAd,EAAA,kBAAA,IAACN,EAAA,CACC,gBAAAC,EACA,cAAAC,EACA,kBAAAE,EACA,cAAAC,EACA,sBAAAF,CAAA,CACF,EACCa,GAAgBA,EAChBJ,GACCN,EAAA,kBAAA,IAACqB,EAAA,KAAA,CACC,KAAAf,EACA,UAAWgB,EAAK,CAAE,OAAQb,EAAY,EACtC,MAAO,CACL,MAAOD,CAAA,CACT,CACF,EAEDD,GACEP,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,OACb,SAAQO,EAAA,IAAI,CAACgB,EAAMC,IAClBL,EAAA,kBAAA,KAACM,EACC,SAAA,CAAA,SAAA,CAACzB,EAAA,kBAAA,IAAA,OAAA,CAA4B,SAAlBuB,CAAA,EAAAC,EAAQ,OAAe,EACjCxB,EAAA,kBAAA,IAAA,OAAA,CAAgC,SAAtB,GAAA,EAAAwB,EAAQ,YAAe,CAAA,GAFrBA,CAGf,CACD,EACH,EAEDxB,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,QAAS,SAAMK,EAAA,EAC9BM,GAAcA,CAAA,CAAA,CACjB,CAGN"}

package/dist/shared/src/containers/SimpleTable/SimpleTableRowTemplate.es.js CHANGED Viewed

@@ -1,76 +1,88 @@
-import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
-import { forwardRef as g, Fragment as v } from "react";
-import { Cell as w, Expander as N } from "./SimpleTable.styled.es.js";
-import { Icon as R } from "@ynput/ayon-react-components";
-const T = ({
-  isRowExpandable: o,
+import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
+import { forwardRef as N, Fragment as R } from "react";
+import { Cell as b, Expander as w } from "./SimpleTable.styled.es.js";
+import { Icon as T } from "@ynput/ayon-react-components";
+import _ from "clsx";
+const F = ({
+  isRowExpandable: a,
   isRowExpanded: s,
-  isTableExpandable: l,
-  onExpandClick: e
-}) => o ? /* @__PURE__ */ r.jsx(
-  N,
+  enableNonFolderIndent: l = !0,
+  isTableExpandable: o,
+  onExpandClick: r
+}) => a ? /* @__PURE__ */ e.jsx(
+  w,
   {
-    onClick: (a) => {
-      a.stopPropagation(), e == null || e();
+    onClick: (t) => {
+      t.stopPropagation(), r == null || r();
     },
     icon: s ? "expand_more" : "chevron_right",
     className: "expander",
     style: { cursor: "pointer" }
   }
-) : l && /* @__PURE__ */ r.jsx("div", { style: { display: "inline-block", minWidth: 24 } }), L = g(
+) : o && l && /* @__PURE__ */ e.jsx("div", { style: { display: "inline-block", minWidth: 24 } }), q = N(
   ({
-    value: o,
+    value: a,
     icon: s,
     parents: l,
-    iconColor: e,
-    isRowExpandable: a,
+    iconColor: o,
+    iconFilled: r,
+    isRowExpandable: t,
     isRowExpanded: c,
-    isTableExpandable: n,
-    onExpandClick: j,
-    startContent: t,
-    endContent: m,
-    depth: x = 0,
-    isDisabled: i,
-    disabledMessage: h,
-    style: d,
-    ...f
-  }, u) => /* @__PURE__ */ r.jsxs(
-    w,
+    isTableExpandable: x,
+    enableNonFolderIndent: j = !0,
+    onExpandClick: n,
+    startContent: m,
+    endContent: p,
+    depth: d = 0,
+    isDisabled: h,
+    disabledMessage: f,
+    active: I,
+    style: u,
+    ...v
+  }, y) => /* @__PURE__ */ e.jsxs(
+    b,
     {
-      ...f,
-      ref: u,
+      ...v,
+      ref: y,
       style: {
-        ...d,
-        paddingLeft: `calc(${x * 0.5}rem + 4px)`,
-        ...i && {
-          cursor: "not-allowed"
-        }
+        ...u,
+        paddingLeft: `calc(${d * 0.5}rem + 4px)`
       },
-      title: i ? h : void 0,
+      title: h ? f : void 0,
       children: [
-        /* @__PURE__ */ r.jsx(
-          T,
+        /* @__PURE__ */ e.jsx(
+          F,
           {
-            isRowExpandable: a,
+            isRowExpandable: t,
             isRowExpanded: c,
-            isTableExpandable: n,
-            onExpandClick: j
+            isTableExpandable: x,
+            onExpandClick: n,
+            enableNonFolderIndent: j
+          }
+        ),
+        m && m,
+        s && /* @__PURE__ */ e.jsx(
+          T,
+          {
+            icon: s,
+            className: _({ filled: r }),
+            style: {
+              color: o
+            }
           }
         ),
-        t && t,
-        s && /* @__PURE__ */ r.jsx(R, { icon: s, style: { color: e } }),
-        l && /* @__PURE__ */ r.jsx("span", { className: "path", children: l.map((y, p) => /* @__PURE__ */ r.jsxs(v, { children: [
-          /* @__PURE__ */ r.jsx("span", { children: y }, p + "-path"),
-          /* @__PURE__ */ r.jsx("span", { children: "/" }, p + "-separator")
-        ] }, p)) }),
-        /* @__PURE__ */ r.jsx("span", { className: "value", children: o }),
-        m && m
+        l && /* @__PURE__ */ e.jsx("span", { className: "path", children: l.map((g, i) => /* @__PURE__ */ e.jsxs(R, { children: [
+          /* @__PURE__ */ e.jsx("span", { children: g }, i + "-path"),
+          /* @__PURE__ */ e.jsx("span", { children: "/" }, i + "-separator")
+        ] }, i)) }),
+        /* @__PURE__ */ e.jsx("span", { className: "value", children: a }),
+        p && p
       ]
     }
   )
 );
 export {
-  T as RowExpander,
-  L as SimpleTableCellTemplate
+  F as RowExpander,
+  q as SimpleTableCellTemplate
 };
 //# sourceMappingURL=SimpleTableRowTemplate.es.js.map

package/dist/shared/src/containers/SimpleTable/SimpleTableRowTemplate.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleTableRowTemplate.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTableRowTemplate.tsx"],"sourcesContent":["import { forwardRef, Fragment } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport { Icon } from '@ynput/ayon-react-components'\n\nexport type RowExpanderProps = {\n isRowExpandable?: boolean\n isRowExpanded?: boolean\n isTableExpandable?: boolean\n onExpandClick?: () => void\n}\n\nexport const RowExpander = ({\n isRowExpandable,\n isRowExpanded,\n isTableExpandable,\n onExpandClick,\n}: RowExpanderProps) =>\n isRowExpandable ? (\n <Styled.Expander\n onClick={(e) => {\n e.stopPropagation()\n onExpandClick?.()\n }}\n icon={isRowExpanded ? 'expand_more' : 'chevron_right'}\n className=\"expander\"\n style={{ cursor: 'pointer' }}\n />\n ) : (\n isTableExpandable && <div style={{ display: 'inline-block', minWidth: 24 }} />\n )\n\nexport interface SimpleTableCellTemplateProps extends React.HTMLAttributes<HTMLDivElement> {\n value: string\n icon?: string\n parents?: string[]\n iconColor?: string\n isRowExpandable?: boolean\n isRowExpanded?: boolean\n isTableExpandable?: boolean\n onExpandClick?: () => void\n // when used as a template\n startContent?: React.ReactNode\n endContent?: React.ReactNode\n depth?: number\n isDisabled?: boolean\n disabledMessage?: string\n}\n\nexport const SimpleTableCellTemplate = forwardRef<HTMLDivElement, SimpleTableCellTemplateProps>(\n (\n {\n value,\n icon,\n parents,\n iconColor,\n isRowExpandable,\n isRowExpanded,\n isTableExpandable,\n onExpandClick,\n startContent,\n endContent,\n depth = 0,\n isDisabled,\n disabledMessage,\n style,\n ...props\n },\n ref,\n ) => {\n return (\n <Styled.Cell\n {...props}\n ref={ref}\n style={{\n ...style,\n paddingLeft: `calc(${depth * 0.5}rem + 4px)`,\n ~~...(isDisabled && {\n cursor: 'not-allowed',\n }),\n~~ }}\n title={isDisabled ? disabledMessage : undefined}\n >\n <RowExpander\n isRowExpandable={isRowExpandable}\n isRowExpanded={isRowExpanded}\n isTableExpandable={isTableExpandable}\n onExpandClick={onExpandClick}\n />\n {startContent && startContent}\n {icon && <Icon icon={icon} style={{ color: iconColor }} />}\n {parents && (\n <span className=\"path\">\n {parents.map((part, index) => (\n <Fragment key={index}>\n <span key={index + '-path'}>{part}</span>\n <span key={index + '-separator'}>/</span>\n </Fragment>\n ))}\n </span>\n )}\n <span className=\"value\">{value}</span>\n {endContent && endContent}\n </Styled.Cell>\n )\n },\n)\n"],"names":["RowExpander","isRowExpandable","isRowExpanded","isTableExpandable","onExpandClick","jsx","Styled.Expander","e","SimpleTableCellTemplate","forwardRef","value","icon","parents","iconColor","startContent","endContent","depth","isDisabled","disabledMessage","style","props","ref","jsxs","Styled.Cell","Icon","part","index","Fragment"],"mappings":"~~;;;;AAWO~~,MAAMA,IAAc,CAAC;AAAA,EAC1B,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AACF,~~MACEH~~,~~IACEI~~,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SAAS,CAACC,MAAM;AACd,MAAAA,EAAE,gBAAgB,GACFH,KAAA,QAAAA;AAAA,IAClB;AAAA,IACA,~~MAAMF~~,IAAgB,gBAAgB;AAAA,IACtC,WAAU;AAAA,IACV,OAAO,EAAE,QAAQ,UAAU;AAAA,EAAA;AAC7B,~~IAEAC~~,~~2BAAsB~~,OAAI,EAAA,OAAO,EAAE,SAAS,gBAAgB,UAAU,~~KAAM~~,CAAA,~~GAoBnEK~~,IAA0BC;AAAA,EACrC,CACE;AAAA,IACE,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,~~iBAAAZ~~;AAAA,IACA,eAAAC;AAAA,IACA,~~mBAAAC~~;AAAA,IACA,~~eAAAC~~;AAAA,IACA,~~cAAAU~~;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MAGEC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,KAAAC;AAAA,MACA,OAAO;AAAA,QACL,GAAGF;AAAA,QACH,aAAa,~~QAAQH~~,IAAQ,GAAG;AAAA,~~QAChC,GAAIC,KAAc~~;AAAA,~~UAChB,QAAQ;AAAA,QAAA;AAAA,MAEZ;AAAA,~~MACA,~~OAAOA~~,IAAaC,IAAkB;AAAA,MAEtC,UAAA;AAAA,~~QAAAb~~,gBAAAA,EAAA;AAAA,~~UAACL~~;AAAA,UAAA;AAAA,YACC,iBAAAC;AAAA,YACA,eAAAC;AAAA,YACA,~~mBAAAC~~;AAAA,YACA,eAAAC;AAAA,UAAA;AAAA,QACF;AAAA,~~QACCU~~,KAAgBA;AAAA,~~QAChBH~~,~~2BAASa~~,~~GAAK~~,EAAA,~~MAAAb~~,GAAY,OAAO,~~EAAE~~,~~OAAOE~~,~~KAAa~~;AAAA,~~QACvDD~~,KACEP,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,QACb,UAAQO,EAAA,IAAI,~~CAACa~~,GAAMC,~~MAClBJ~~,gBAAAA,EAAA,~~KAACK~~,GACC,EAAA,UAAA;AAAA,~~UAACtB~~,gBAAAA,EAAA,IAAA,QAAA,EAA4B,~~UAAlBoB~~,EAAA,GAAAC,IAAQ,OAAe;AAAA,~~UACjCrB~~,gBAAAA,EAAA,IAAA,QAAA,EAAgC,UAAtB,IAAA,~~GAAAqB~~,IAAQ,YAAe;AAAA,QAAA,KAFrBA,CAGf,CACD,GACH;AAAA,~~QAEDrB~~,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAMK,GAAA;AAAA,~~QAC9BK~~,KAAcA;AAAA,MAAA;AAAA,IAAA;AAAA,EACjB;AAGN;"}
1	+ {"version":3,"file":"SimpleTableRowTemplate.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTableRowTemplate.tsx"],"sourcesContent":["import { forwardRef, Fragment } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\n\nexport type RowExpanderProps = {\n isRowExpandable?: boolean\n isRowExpanded?: boolean\n enableNonFolderIndent?: boolean\n isTableExpandable?: boolean\n onExpandClick?: () => void\n}\n\nexport const RowExpander = ({\n isRowExpandable,\n isRowExpanded,\n enableNonFolderIndent = true,\n isTableExpandable,\n onExpandClick,\n}: RowExpanderProps) =>\n isRowExpandable ? (\n <Styled.Expander\n onClick={(e) => {\n e.stopPropagation()\n onExpandClick?.()\n }}\n icon={isRowExpanded ? 'expand_more' : 'chevron_right'}\n className=\"expander\"\n style={{ cursor: 'pointer' }}\n />\n ) : (\n isTableExpandable &&\n enableNonFolderIndent && <div style={{ display: 'inline-block', minWidth: 24 }} />\n )\n\nexport interface SimpleTableCellTemplateProps extends React.HTMLAttributes<HTMLDivElement> {\n value: string\n icon?: string\n parents?: string[]\n iconColor?: string\n iconFilled?: boolean\n isRowExpandable?: boolean\n isRowExpanded?: boolean\n isTableExpandable?: boolean\n enableNonFolderIndent?: boolean\n onExpandClick?: () => void\n // when used as a template\n startContent?: React.ReactNode\n endContent?: React.ReactNode\n depth?: number\n isDisabled?: boolean\n disabledMessage?: string\n active?: boolean\n}\n\nexport const SimpleTableCellTemplate = forwardRef<HTMLDivElement, SimpleTableCellTemplateProps>(\n (\n {\n value,\n icon,\n parents,\n iconColor,\n iconFilled,\n isRowExpandable,\n isRowExpanded,\n isTableExpandable,\n enableNonFolderIndent = true,\n onExpandClick,\n startContent,\n endContent,\n depth = 0,\n isDisabled,\n disabledMessage,\n active,\n style,\n ...props\n },\n ref,\n ) => {\n return (\n <Styled.Cell\n {...props}\n ref={ref}\n style={{\n ...style,\n paddingLeft: `calc(${depth * 0.5}rem + 4px)`,\n }}\n title={isDisabled ? disabledMessage : undefined}\n >\n <RowExpander\n isRowExpandable={isRowExpandable}\n isRowExpanded={isRowExpanded}\n isTableExpandable={isTableExpandable}\n onExpandClick={onExpandClick}\n enableNonFolderIndent={enableNonFolderIndent}\n />\n {startContent && startContent}\n {icon && (\n <Icon\n icon={icon}\n className={clsx({ filled: iconFilled })}\n style={{\n color: iconColor,\n }}\n />\n )}\n {parents && (\n <span className=\"path\">\n {parents.map((part, index) => (\n <Fragment key={index}>\n <span key={index + '-path'}>{part}</span>\n <span key={index + '-separator'}>/</span>\n </Fragment>\n ))}\n </span>\n )}\n <span className=\"value\">{value}</span>\n {endContent && endContent}\n </Styled.Cell>\n )\n },\n)\n"],"names":["RowExpander","isRowExpandable","isRowExpanded","enableNonFolderIndent","isTableExpandable","onExpandClick","jsx","Styled.Expander","e","SimpleTableCellTemplate","forwardRef","value","icon","parents","iconColor","iconFilled","startContent","endContent","depth","isDisabled","disabledMessage","active","style","props","ref","jsxs","Styled.Cell","Icon","clsx","part","index","Fragment"],"mappings":";;;;;AAaO,MAAMA,IAAc,CAAC;AAAA,EAC1B,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,uBAAAC,IAAwB;AAAA,EACxB,mBAAAC;AAAA,EACA,eAAAC;AACF,MACEJ,IACEK,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SAAS,CAACC,MAAM;AACd,MAAAA,EAAE,gBAAgB,GACFH,KAAA,QAAAA;AAAA,IAClB;AAAA,IACA,MAAMH,IAAgB,gBAAgB;AAAA,IACtC,WAAU;AAAA,IACV,OAAO,EAAE,QAAQ,UAAU;AAAA,EAAA;AAC7B,IAEAE,KACAD,KAAyBG,gBAAAA,EAAA,IAAC,OAAI,EAAA,OAAO,EAAE,SAAS,gBAAgB,UAAU,GAAA,EAAM,CAAA,GAuBvEG,IAA0BC;AAAA,EACrC,CACE;AAAA,IACE,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAd;AAAA,IACA,eAAAC;AAAA,IACA,mBAAAE;AAAA,IACA,uBAAAD,IAAwB;AAAA,IACxB,eAAAE;AAAA,IACA,cAAAW;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MAGEC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,KAAAC;AAAA,MACA,OAAO;AAAA,QACL,GAAGF;AAAA,QACH,aAAa,QAAQJ,IAAQ,GAAG;AAAA,MAClC;AAAA,MACA,OAAOC,IAAaC,IAAkB;AAAA,MAEtC,UAAA;AAAA,QAAAd,gBAAAA,EAAA;AAAA,UAACN;AAAA,UAAA;AAAA,YACC,iBAAAC;AAAA,YACA,eAAAC;AAAA,YACA,mBAAAE;AAAA,YACA,eAAAC;AAAA,YACA,uBAAAF;AAAA,UAAA;AAAA,QACF;AAAA,QACCa,KAAgBA;AAAA,QAChBJ,KACCN,gBAAAA,EAAA;AAAA,UAACqB;AAAA,UAAA;AAAA,YACC,MAAAf;AAAA,YACA,WAAWgB,EAAK,EAAE,QAAQb,GAAY;AAAA,YACtC,OAAO;AAAA,cACL,OAAOD;AAAA,YAAA;AAAA,UACT;AAAA,QACF;AAAA,QAEDD,KACEP,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,QACb,UAAQO,EAAA,IAAI,CAACgB,GAAMC,MAClBL,gBAAAA,EAAA,KAACM,GACC,EAAA,UAAA;AAAA,UAACzB,gBAAAA,EAAA,IAAA,QAAA,EAA4B,UAAlBuB,EAAA,GAAAC,IAAQ,OAAe;AAAA,UACjCxB,gBAAAA,EAAA,IAAA,QAAA,EAAgC,UAAtB,IAAA,GAAAwB,IAAQ,YAAe;AAAA,QAAA,KAFrBA,CAGf,CACD,GACH;AAAA,QAEDxB,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,SAAS,UAAMK,GAAA;AAAA,QAC9BM,KAAcA;AAAA,MAAA;AAAA,IAAA;AAAA,EACjB;AAGN;"}

package/dist/shared/src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../../../_virtual/jsx-runtime.cjs.js"),S=require("../context/ViewsContext.cjs.js");require("react");const D=require("../../../hooks/useLoadModule.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");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("lodash");require("react-toastify");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 j=require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("react-redux");require("custom-protocol-check");const C=require("./ViewFormDialogFallback.cjs.js"),k=require("@ynput/ayon-react-components"),t="views-dialog",v=({})=>{const{editingView:e,editingViewData:o,isLoadingEditingViewData:s,setEditingView:u,viewType:r,projectName:n,currentUser:a,viewSettings:d,shareOptions:l,setSelectedView:c,onCreateView:w,onUpdateView:p,onDeleteView:g,api:V,dispatch:m}=S.useViewsContext(),{powerLicense:x}=j.usePowerpack(),[L,{isLoading:E,outdated:q}]=D.useLoadModule({addon:"powerpack",remote:"views",module:"ViewFormDialog",fallback:C,minVersion:"1.1.1",skip:!r||!x});return!r||!e?null:e&&q?i.jsxRuntimeExports.jsx(k.Dialog,{isOpen:!0,header:"Powerpack Update Required",onClose:()=>u(null),size:"sm",children:i.jsxRuntimeExports.jsxs("p",{children:["Please update the Powerpack addon to at least ",q.required]})}):i.jsxRuntimeExports.jsx(L,{editingView:{viewId:e===!0?void 0:e,...o||{}},isLoading:s,viewSettings:d,setEditingView:u,viewType:r,projectName:n,shareOptions:l,setSelected:c,onCreateView:w,onUpdateView:p,onDeleteView:g,api:V,dispatch:m,currentUser:a,pt:{dialog:{className:t}}})};exports.VIEWS_DIALOG_CLASS=t;exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../../../_virtual/jsx-runtime.cjs.js"),S=require("../context/ViewsContext.cjs.js");require("react");const D=require("../../../hooks/useLoadModule.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");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/entityLists/listFolders.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("lodash");require("react-toastify");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 j=require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("react-redux");require("custom-protocol-check");const C=require("./ViewFormDialogFallback.cjs.js"),k=require("@ynput/ayon-react-components"),t="views-dialog",v=({})=>{const{editingView:e,editingViewData:o,isLoadingEditingViewData:s,setEditingView:u,viewType:r,projectName:n,currentUser:a,viewSettings:d,shareOptions:l,setSelectedView:c,onCreateView:w,onUpdateView:p,onDeleteView:g,api:V,dispatch:m}=S.useViewsContext(),{powerLicense:x}=j.usePowerpack(),[L,{isLoading:E,outdated:q}]=D.useLoadModule({addon:"powerpack",remote:"views",module:"ViewFormDialog",fallback:C,minVersion:"1.1.1",skip:!r||!x});return!r||!e?null:e&&q?i.jsxRuntimeExports.jsx(k.Dialog,{isOpen:!0,header:"Powerpack Update Required",onClose:()=>u(null),size:"sm",children:i.jsxRuntimeExports.jsxs("p",{children:["Please update the Powerpack addon to at least ",q.required]})}):i.jsxRuntimeExports.jsx(L,{editingView:{viewId:e===!0?void 0:e,...o||{}},isLoading:s,viewSettings:d,setEditingView:u,viewType:r,projectName:n,shareOptions:l,setSelected:c,onCreateView:w,onUpdateView:p,onDeleteView:g,api:V,dispatch:m,currentUser:a,pt:{dialog:{className:t}}})};exports.VIEWS_DIALOG_CLASS=t;exports.default=v;
 //# sourceMappingURL=ViewsDialogContainer.cjs.js.map

package/dist/shared/src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ViewsDialogContainer.cjs.js","sources":["../../../../../../src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { useLoadModule } from '@shared/hooks'\nimport ViewFormDialogFallback from './ViewFormDialogFallback'\nimport { Dialog } from '@ynput/ayon-react-components'\nimport { usePowerpack } from '@shared/context'\n\nexport const VIEWS_DIALOG_CLASS = 'views-dialog' as const\n\ninterface ViewsDialogContainerProps {}\n\nconst ViewsDialogContainer: FC<ViewsDialogContainerProps> = ({}) => {\n const {\n editingView,\n editingViewData,\n isLoadingEditingViewData,\n setEditingView,\n viewType,\n projectName,\n currentUser,\n viewSettings,\n shareOptions,\n setSelectedView,\n onCreateView,\n onUpdateView,\n onDeleteView,\n api,\n dispatch,\n } = useViewsContext()\n\n const { powerLicense } = usePowerpack()\n\n const [ViewFormDialog, { isLoading: isLoadingQueries, outdated }] = useLoadModule({\n addon: 'powerpack',\n remote: 'views',\n module: 'ViewFormDialog',\n fallback: ViewFormDialogFallback,\n minVersion: '1.1.1',\n skip: !viewType \|\| !powerLicense,\n })\n\n if (!viewType \|\| !editingView) return null\n\n if (editingView && outdated) {\n return (\n <Dialog\n isOpen\n header=\"Powerpack Update Required\"\n onClose={() => setEditingView(null)}\n size=\"sm\"\n >\n <p>Please update the Powerpack addon to at least {outdated.required}</p>\n </Dialog>\n )\n }\n\n return (\n <ViewFormDialog\n editingView={{\n viewId: editingView === true ? undefined : editingView,\n ...(editingViewData \|\| {}),\n }}\n isLoading={isLoadingEditingViewData}\n viewSettings={viewSettings}\n setEditingView={setEditingView}\n viewType={viewType}\n projectName={projectName}\n shareOptions={shareOptions}\n setSelected={setSelectedView}\n onCreateView={onCreateView}\n onUpdateView={onUpdateView}\n onDeleteView={onDeleteView}\n api={api}\n dispatch={dispatch}\n currentUser={currentUser}\n pt={{\n dialog: {\n className: VIEWS_DIALOG_CLASS,\n },\n }}\n />\n )\n}\n\nexport default ViewsDialogContainer\n"],"names":["VIEWS_DIALOG_CLASS","ViewsDialogContainer","editingView","editingViewData","isLoadingEditingViewData","setEditingView","viewType","projectName","currentUser","viewSettings","shareOptions","setSelectedView","onCreateView","onUpdateView","onDeleteView","api","dispatch","useViewsContext","powerLicense","usePowerpack","ViewFormDialog","isLoadingQueries","outdated","useLoadModule","ViewFormDialogFallback","jsx","Dialog"],"mappings":"~~41KAOaA~~,EAAqB,eAI5BC,EAAsD,CAAC,CAAA,IAAO,CAC5D,KAAA,CACJ,YAAAC,EACA,gBAAAC,EACA,yBAAAC,EACA,eAAAC,EACA,SAAAC,EACA,YAAAC,EACA,YAAAC,EACA,aAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,IAAAC,EACA,SAAAC,GACEC,kBAAgB,EAEd,CAAE,aAAAC,CAAa,EAAIC,eAAa,EAEhC,CAACC,EAAgB,CAAE,UAAWC,EAAkB,SAAAC,CAAS,CAAC,EAAIC,gBAAc,CAChF,MAAO,YACP,OAAQ,QACR,OAAQ,iBACR,SAAUC,EACV,WAAY,QACZ,KAAM,CAAClB,GAAY,CAACY,CAAA,CACrB,EAED,MAAI,CAACZ,GAAY,CAACJ,EAAoB,KAElCA,GAAeoB,EAEfG,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,OAAM,GACN,OAAO,4BACP,QAAS,IAAMrB,EAAe,IAAI,EAClC,KAAK,KAEL,kCAAC,IAAE,CAAA,SAAA,CAAA,iDAA+CiB,EAAS,QAAA,CAAS,CAAA,CAAA,CACtE,EAKFG,EAAA,kBAAA,IAACL,EAAA,CACC,YAAa,CACX,OAAQlB,IAAgB,GAAO,OAAYA,EAC3C,GAAIC,GAAmB,CAAA,CACzB,EACA,UAAWC,EACX,aAAAK,EACA,eAAAJ,EACA,SAAAC,EACA,YAAAC,EACA,aAAAG,EACA,YAAaC,EACb,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,IAAAC,EACA,SAAAC,EACA,YAAAR,EACA,GAAI,CACF,OAAQ,CACN,UAAWR,CAAA,CACb,CACF,CACF,CAEJ"}
1	+ {"version":3,"file":"ViewsDialogContainer.cjs.js","sources":["../../../../../../src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { useLoadModule } from '@shared/hooks'\nimport ViewFormDialogFallback from './ViewFormDialogFallback'\nimport { Dialog } from '@ynput/ayon-react-components'\nimport { usePowerpack } from '@shared/context'\n\nexport const VIEWS_DIALOG_CLASS = 'views-dialog' as const\n\ninterface ViewsDialogContainerProps {}\n\nconst ViewsDialogContainer: FC<ViewsDialogContainerProps> = ({}) => {\n const {\n editingView,\n editingViewData,\n isLoadingEditingViewData,\n setEditingView,\n viewType,\n projectName,\n currentUser,\n viewSettings,\n shareOptions,\n setSelectedView,\n onCreateView,\n onUpdateView,\n onDeleteView,\n api,\n dispatch,\n } = useViewsContext()\n\n const { powerLicense } = usePowerpack()\n\n const [ViewFormDialog, { isLoading: isLoadingQueries, outdated }] = useLoadModule({\n addon: 'powerpack',\n remote: 'views',\n module: 'ViewFormDialog',\n fallback: ViewFormDialogFallback,\n minVersion: '1.1.1',\n skip: !viewType \|\| !powerLicense,\n })\n\n if (!viewType \|\| !editingView) return null\n\n if (editingView && outdated) {\n return (\n <Dialog\n isOpen\n header=\"Powerpack Update Required\"\n onClose={() => setEditingView(null)}\n size=\"sm\"\n >\n <p>Please update the Powerpack addon to at least {outdated.required}</p>\n </Dialog>\n )\n }\n\n return (\n <ViewFormDialog\n editingView={{\n viewId: editingView === true ? undefined : editingView,\n ...(editingViewData \|\| {}),\n }}\n isLoading={isLoadingEditingViewData}\n viewSettings={viewSettings}\n setEditingView={setEditingView}\n viewType={viewType}\n projectName={projectName}\n shareOptions={shareOptions}\n setSelected={setSelectedView}\n onCreateView={onCreateView}\n onUpdateView={onUpdateView}\n onDeleteView={onDeleteView}\n api={api}\n dispatch={dispatch}\n currentUser={currentUser}\n pt={{\n dialog: {\n className: VIEWS_DIALOG_CLASS,\n },\n }}\n />\n )\n}\n\nexport default ViewsDialogContainer\n"],"names":["VIEWS_DIALOG_CLASS","ViewsDialogContainer","editingView","editingViewData","isLoadingEditingViewData","setEditingView","viewType","projectName","currentUser","viewSettings","shareOptions","setSelectedView","onCreateView","onUpdateView","onDeleteView","api","dispatch","useViewsContext","powerLicense","usePowerpack","ViewFormDialog","isLoadingQueries","outdated","useLoadModule","ViewFormDialogFallback","jsx","Dialog"],"mappings":"08KAOaA,EAAqB,eAI5BC,EAAsD,CAAC,CAAA,IAAO,CAC5D,KAAA,CACJ,YAAAC,EACA,gBAAAC,EACA,yBAAAC,EACA,eAAAC,EACA,SAAAC,EACA,YAAAC,EACA,YAAAC,EACA,aAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,IAAAC,EACA,SAAAC,GACEC,kBAAgB,EAEd,CAAE,aAAAC,CAAa,EAAIC,eAAa,EAEhC,CAACC,EAAgB,CAAE,UAAWC,EAAkB,SAAAC,CAAS,CAAC,EAAIC,gBAAc,CAChF,MAAO,YACP,OAAQ,QACR,OAAQ,iBACR,SAAUC,EACV,WAAY,QACZ,KAAM,CAAClB,GAAY,CAACY,CAAA,CACrB,EAED,MAAI,CAACZ,GAAY,CAACJ,EAAoB,KAElCA,GAAeoB,EAEfG,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,OAAM,GACN,OAAO,4BACP,QAAS,IAAMrB,EAAe,IAAI,EAClC,KAAK,KAEL,kCAAC,IAAE,CAAA,SAAA,CAAA,iDAA+CiB,EAAS,QAAA,CAAS,CAAA,CAAA,CACtE,EAKFG,EAAA,kBAAA,IAACL,EAAA,CACC,YAAa,CACX,OAAQlB,IAAgB,GAAO,OAAYA,EAC3C,GAAIC,GAAmB,CAAA,CACzB,EACA,UAAWC,EACX,aAAAK,EACA,eAAAJ,EACA,SAAAC,EACA,YAAAC,EACA,aAAAG,EACA,YAAaC,EACb,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,IAAAC,EACA,SAAAC,EACA,YAAAR,EACA,GAAI,CACF,OAAQ,CACN,UAAWR,CAAA,CACb,CACF,CACF,CAEJ"}

package/dist/shared/src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.es.js CHANGED Viewed

@@ -60,6 +60,7 @@ import "../../../api/queries/entityLists/getLists.es.js";
 import "../../../api/queries/entityLists/updateLists.es.js";
 import "../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/entityLists/listFolders.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/links/updateLinks.es.js";
@@ -95,11 +96,12 @@ import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
 import { usePowerpack as x } from "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
+import "../../../context/MenuContext.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import h from "./ViewFormDialogFallback.es.js";
 import { Dialog as j } from "@ynput/ayon-react-components";
-const v = "views-dialog", ko = ({}) => {
+const v = "views-dialog", ho = ({}) => {
   const {
     editingView: i,
     editingViewData: m,
@@ -166,6 +168,6 @@ const v = "views-dialog", ko = ({}) => {
 };
 export {
   v as VIEWS_DIALOG_CLASS,
-  ko as default
+  ho as default
 };
 //# sourceMappingURL=ViewsDialogContainer.es.js.map

package/dist/shared/src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ViewsDialogContainer.es.js","sources":["../../../../../../src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { useLoadModule } from '@shared/hooks'\nimport ViewFormDialogFallback from './ViewFormDialogFallback'\nimport { Dialog } from '@ynput/ayon-react-components'\nimport { usePowerpack } from '@shared/context'\n\nexport const VIEWS_DIALOG_CLASS = 'views-dialog' as const\n\ninterface ViewsDialogContainerProps {}\n\nconst ViewsDialogContainer: FC<ViewsDialogContainerProps> = ({}) => {\n const {\n editingView,\n editingViewData,\n isLoadingEditingViewData,\n setEditingView,\n viewType,\n projectName,\n currentUser,\n viewSettings,\n shareOptions,\n setSelectedView,\n onCreateView,\n onUpdateView,\n onDeleteView,\n api,\n dispatch,\n } = useViewsContext()\n\n const { powerLicense } = usePowerpack()\n\n const [ViewFormDialog, { isLoading: isLoadingQueries, outdated }] = useLoadModule({\n addon: 'powerpack',\n remote: 'views',\n module: 'ViewFormDialog',\n fallback: ViewFormDialogFallback,\n minVersion: '1.1.1',\n skip: !viewType \|\| !powerLicense,\n })\n\n if (!viewType \|\| !editingView) return null\n\n if (editingView && outdated) {\n return (\n <Dialog\n isOpen\n header=\"Powerpack Update Required\"\n onClose={() => setEditingView(null)}\n size=\"sm\"\n >\n <p>Please update the Powerpack addon to at least {outdated.required}</p>\n </Dialog>\n )\n }\n\n return (\n <ViewFormDialog\n editingView={{\n viewId: editingView === true ? undefined : editingView,\n ...(editingViewData \|\| {}),\n }}\n isLoading={isLoadingEditingViewData}\n viewSettings={viewSettings}\n setEditingView={setEditingView}\n viewType={viewType}\n projectName={projectName}\n shareOptions={shareOptions}\n setSelected={setSelectedView}\n onCreateView={onCreateView}\n onUpdateView={onUpdateView}\n onDeleteView={onDeleteView}\n api={api}\n dispatch={dispatch}\n currentUser={currentUser}\n pt={{\n dialog: {\n className: VIEWS_DIALOG_CLASS,\n },\n }}\n />\n )\n}\n\nexport default ViewsDialogContainer\n"],"names":["VIEWS_DIALOG_CLASS","ViewsDialogContainer","editingView","editingViewData","isLoadingEditingViewData","setEditingView","viewType","projectName","currentUser","viewSettings","shareOptions","setSelectedView","onCreateView","onUpdateView","onDeleteView","api","dispatch","useViewsContext","powerLicense","usePowerpack","ViewFormDialog","isLoadingQueries","outdated","useLoadModule","ViewFormDialogFallback","jsx","Dialog"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAOO,MAAMA,IAAqB,gBAI5BC,KAAsD,CAAC,CAAA,MAAO;AAC5D,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,MACEC,EAAgB,GAEd,EAAE,cAAAC,EAAa,IAAIC,EAAa,GAEhC,CAACC,GAAgB,EAAE,WAAWC,GAAkB,UAAAC,EAAS,CAAC,IAAIC,EAAc;AAAA,IAChF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAUC;AAAA,IACV,YAAY;AAAA,IACZ,MAAM,CAAClB,KAAY,CAACY;AAAA,EAAA,CACrB;AAED,SAAI,CAACZ,KAAY,CAACJ,IAAoB,OAElCA,KAAeoB,IAEfG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAS,MAAMrB,EAAe,IAAI;AAAA,MAClC,MAAK;AAAA,MAEL,iCAAC,KAAE,EAAA,UAAA;AAAA,QAAA;AAAA,QAA+CiB,EAAS;AAAA,MAAA,EAAS,CAAA;AAAA,IAAA;AAAA,EACtE,IAKFG,gBAAAA,EAAA;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,QACX,QAAQlB,MAAgB,KAAO,SAAYA;AAAA,QAC3C,GAAIC,KAAmB,CAAA;AAAA,MACzB;AAAA,MACA,WAAWC;AAAA,MACX,cAAAK;AAAA,MACA,gBAAAJ;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAG;AAAA,MACA,aAAaC;AAAA,MACb,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,KAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAR;AAAA,MACA,IAAI;AAAA,QACF,QAAQ;AAAA,UACN,WAAWR;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEJ;"}
1	+ {"version":3,"file":"ViewsDialogContainer.es.js","sources":["../../../../../../src/containers/Views/ViewsDialogContainer/ViewsDialogContainer.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { useLoadModule } from '@shared/hooks'\nimport ViewFormDialogFallback from './ViewFormDialogFallback'\nimport { Dialog } from '@ynput/ayon-react-components'\nimport { usePowerpack } from '@shared/context'\n\nexport const VIEWS_DIALOG_CLASS = 'views-dialog' as const\n\ninterface ViewsDialogContainerProps {}\n\nconst ViewsDialogContainer: FC<ViewsDialogContainerProps> = ({}) => {\n const {\n editingView,\n editingViewData,\n isLoadingEditingViewData,\n setEditingView,\n viewType,\n projectName,\n currentUser,\n viewSettings,\n shareOptions,\n setSelectedView,\n onCreateView,\n onUpdateView,\n onDeleteView,\n api,\n dispatch,\n } = useViewsContext()\n\n const { powerLicense } = usePowerpack()\n\n const [ViewFormDialog, { isLoading: isLoadingQueries, outdated }] = useLoadModule({\n addon: 'powerpack',\n remote: 'views',\n module: 'ViewFormDialog',\n fallback: ViewFormDialogFallback,\n minVersion: '1.1.1',\n skip: !viewType \|\| !powerLicense,\n })\n\n if (!viewType \|\| !editingView) return null\n\n if (editingView && outdated) {\n return (\n <Dialog\n isOpen\n header=\"Powerpack Update Required\"\n onClose={() => setEditingView(null)}\n size=\"sm\"\n >\n <p>Please update the Powerpack addon to at least {outdated.required}</p>\n </Dialog>\n )\n }\n\n return (\n <ViewFormDialog\n editingView={{\n viewId: editingView === true ? undefined : editingView,\n ...(editingViewData \|\| {}),\n }}\n isLoading={isLoadingEditingViewData}\n viewSettings={viewSettings}\n setEditingView={setEditingView}\n viewType={viewType}\n projectName={projectName}\n shareOptions={shareOptions}\n setSelected={setSelectedView}\n onCreateView={onCreateView}\n onUpdateView={onUpdateView}\n onDeleteView={onDeleteView}\n api={api}\n dispatch={dispatch}\n currentUser={currentUser}\n pt={{\n dialog: {\n className: VIEWS_DIALOG_CLASS,\n },\n }}\n />\n )\n}\n\nexport default ViewsDialogContainer\n"],"names":["VIEWS_DIALOG_CLASS","ViewsDialogContainer","editingView","editingViewData","isLoadingEditingViewData","setEditingView","viewType","projectName","currentUser","viewSettings","shareOptions","setSelectedView","onCreateView","onUpdateView","onDeleteView","api","dispatch","useViewsContext","powerLicense","usePowerpack","ViewFormDialog","isLoadingQueries","outdated","useLoadModule","ViewFormDialogFallback","jsx","Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAMA,IAAqB,gBAI5BC,KAAsD,CAAC,CAAA,MAAO;AAC5D,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,MACEC,EAAgB,GAEd,EAAE,cAAAC,EAAa,IAAIC,EAAa,GAEhC,CAACC,GAAgB,EAAE,WAAWC,GAAkB,UAAAC,EAAS,CAAC,IAAIC,EAAc;AAAA,IAChF,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAUC;AAAA,IACV,YAAY;AAAA,IACZ,MAAM,CAAClB,KAAY,CAACY;AAAA,EAAA,CACrB;AAED,SAAI,CAACZ,KAAY,CAACJ,IAAoB,OAElCA,KAAeoB,IAEfG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAS,MAAMrB,EAAe,IAAI;AAAA,MAClC,MAAK;AAAA,MAEL,iCAAC,KAAE,EAAA,UAAA;AAAA,QAAA;AAAA,QAA+CiB,EAAS;AAAA,MAAA,EAAS,CAAA;AAAA,IAAA;AAAA,EACtE,IAKFG,gBAAAA,EAAA;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,QACX,QAAQlB,MAAgB,KAAO,SAAYA;AAAA,QAC3C,GAAIC,KAAmB,CAAA;AAAA,MACzB;AAAA,MACA,WAAWC;AAAA,MACX,cAAAK;AAAA,MACA,gBAAAJ;AAAA,MACA,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAG;AAAA,MACA,aAAaC;AAAA,MACb,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,KAAAC;AAAA,MACA,UAAAC;AAAA,MACA,aAAAR;AAAA,MACA,IAAI;AAAA,QACF,QAAQ;AAAA,UACN,WAAWR;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/shared/src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js CHANGED Viewed

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../../_virtual/jsx-runtime.cjs.js"),c=require("react"),M=require("react-dom"),b=require("../context/ViewsContext.cjs.js"),L=require("../utils/portalUtils.cjs.js"),W=require("../ViewsMenu/ViewsMenu.cjs.js"),O=require("../ViewItem/ViewItem.cjs.js"),V=require("@ynput/ayon-react-components"),P=require("styled-components");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");const h=require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");const S=require("../Views.styled.cjs.js"),G=require("../ViewsDialogContainer/ViewsDialogContainer.cjs.js"),N=P(V.Icon)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../../_virtual/jsx-runtime.cjs.js"),c=require("react"),M=require("react-dom"),b=require("../context/ViewsContext.cjs.js"),L=require("../utils/portalUtils.cjs.js"),W=require("../ViewsMenu/ViewsMenu.cjs.js"),O=require("../ViewItem/ViewItem.cjs.js"),V=require("@ynput/ayon-react-components"),P=require("styled-components");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");const h=require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");const S=require("../Views.styled.cjs.js"),G=require("../ViewsDialogContainer/ViewsDialogContainer.cjs.js"),N=P(V.Icon)`
   color: var(--md-sys-color-tertiary);
   font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
-`,f="_working_",R="_new_view_",A=()=>{const{viewType:g,isMenuOpen:n,setIsMenuOpen:s,setEditingView:w,selectedView:u,workingView:d,viewMenuItems:y}=b.useViewsContext(),{powerLicense:a,setPowerpackDialog:m}=h.usePowerpack(),o=c.useRef(null),e=L.getViewsPortalContainer(g),i=e==null?void 0:e.getBoundingClientRect(),_={top:i?i.bottom+8:0,left:i?i.left:0};c.useEffect(()=>{const x=l=>{var E,q,p;const r=l.target,v=((E=o.current)==null?void 0:E.contains(r))||(e==null?void 0:e.contains(r)),k=(q=document.querySelector("."+G.VIEWS_DIALOG_CLASS))==null?void 0:q.contains(r),D=(p=document.querySelector(".options"))==null?void 0:p.contains(r);!v&&!k&&!D&&n&&s(!1)},I=l=>{l.key==="Escape"&&n&&s(!1)};return document.addEventListener("mousedown",x),document.addEventListener("keydown",I),()=>{document.removeEventListener("mousedown",x),document.removeEventListener("keydown",I)}},[n,e,s]),c.useEffect(()=>{n&&o.current&&o.current.focus()},[n]);const j=c.useCallback(()=>{a?w(!0):m("sharedViews")},[a,m,w,s]),C=!u||(d==null?void 0:d.id)===u.id?f:u.id;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:n&&M.createPortal(t.jsxRuntimeExports.jsxs(S.ViewsModal,{style:_,ref:o,tabIndex:0,children:[t.jsxRuntimeExports.jsx(W.ViewsMenu,{items:y,selected:C}),t.jsxRuntimeExports.jsx(O.ViewItem,{label:"Create new view",id:R,startContent:t.jsxRuntimeExports.jsx(V.Icon,{icon:"add"}),endContent:!a&&t.jsxRuntimeExports.jsx(N,{icon:"bolt"}),onClick:j,tabIndex:0})]}),document.body)})};exports.NEW_VIEW_ID=R;exports.ViewsMenuContainer=A;exports.WORKING_VIEW_ID=f;
+`,f="_working_",R="_new_view_",A=()=>{const{viewType:g,isMenuOpen:n,setIsMenuOpen:s,setEditingView:w,selectedView:u,workingView:d,viewMenuItems:y}=b.useViewsContext(),{powerLicense:a,setPowerpackDialog:m}=h.usePowerpack(),o=c.useRef(null),e=L.getViewsPortalContainer(g),i=e==null?void 0:e.getBoundingClientRect(),_={top:i?i.bottom+8:0,left:i?i.left:0};c.useEffect(()=>{const x=l=>{var q,E,p;const r=l.target,v=((q=o.current)==null?void 0:q.contains(r))||(e==null?void 0:e.contains(r)),k=(E=document.querySelector("."+G.VIEWS_DIALOG_CLASS))==null?void 0:E.contains(r),D=(p=document.querySelector(".options"))==null?void 0:p.contains(r);!v&&!k&&!D&&n&&s(!1)},I=l=>{l.key==="Escape"&&n&&s(!1)};return document.addEventListener("mousedown",x),document.addEventListener("keydown",I),()=>{document.removeEventListener("mousedown",x),document.removeEventListener("keydown",I)}},[n,e,s]),c.useEffect(()=>{n&&o.current&&o.current.focus()},[n]);const j=c.useCallback(()=>{a?w(!0):m("sharedViews")},[a,m,w,s]),C=!u||(d==null?void 0:d.id)===u.id?f:u.id;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:n&&M.createPortal(t.jsxRuntimeExports.jsxs(S.ViewsModal,{style:_,ref:o,tabIndex:0,children:[t.jsxRuntimeExports.jsx(W.ViewsMenu,{items:y,selected:C}),t.jsxRuntimeExports.jsx(O.ViewItem,{label:"Create new view",id:R,startContent:t.jsxRuntimeExports.jsx(V.Icon,{icon:"add"}),endContent:!a&&t.jsxRuntimeExports.jsx(N,{icon:"bolt"}),onClick:j,tabIndex:0})]}),document.body)})};exports.NEW_VIEW_ID=R;exports.ViewsMenuContainer=A;exports.WORKING_VIEW_ID=f;
 //# sourceMappingURL=ViewsMenuContainer.cjs.js.map

package/dist/shared/src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ViewsMenuContainer.cjs.js","sources":["../../../../../../src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { getViewsPortalContainer } from '../utils/portalUtils'\nimport { ViewsMenu } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { usePowerpack } from '@shared/context'\nimport * as Styled from '../Views.styled'\nimport { VIEWS_DIALOG_CLASS } from '../ViewsDialogContainer/ViewsDialogContainer'\n\nconst PowerIcon = styled(Icon)`\n color: var(--md-sys-color-tertiary);\n font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n`\n\n// constants\nexport const WORKING_VIEW_ID = '_working_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\n\nexport const ViewsMenuContainer: FC = () => {\n const {\n viewType,\n isMenuOpen,\n setIsMenuOpen,\n setEditingView,\n selectedView,\n workingView,\n viewMenuItems,\n } = useViewsContext()\n\n const { powerLicense, setPowerpackDialog } = usePowerpack()\n const modalRef = useRef<HTMLDivElement>(null)\n\n // Modal position calculation\n const portalContainer = getViewsPortalContainer(viewType)\n const buttonRect = portalContainer?.getBoundingClientRect()\n const gap = 8\n const modalPosition = {\n top: buttonRect ? buttonRect.bottom + gap : 0,\n left: buttonRect ? buttonRect.left : 0,\n }\n\n // Close menu when clicking outside or pressing Escape\n useEffect(() => {\n const handleClickOutside = (e: MouseEvent) => {\n const target = e.target as HTMLElement\n\n const clickInsideMenu =\n modalRef.current?.contains(target) \|\| portalContainer?.contains(target)\n const clickInsideEditDialog = document\n .querySelector('.' + VIEWS_DIALOG_CLASS)\n ?.contains(target)\n const clickInsideDropdown = document.querySelector('.options')?.contains(target)\n\n if (!clickInsideMenu && !clickInsideEditDialog && !clickInsideDropdown && isMenuOpen) {\n setIsMenuOpen(false)\n }\n }\n\n const handleEscapeKey = (e: KeyboardEvent) => {\n if (e.key === 'Escape' && isMenuOpen) {\n setIsMenuOpen(false)\n }\n }\n\n document.addEventListener('mousedown', handleClickOutside)\n document.addEventListener('keydown', handleEscapeKey)\n\n return () => {\n document.removeEventListener('mousedown', handleClickOutside)\n document.removeEventListener('keydown', handleEscapeKey)\n }\n }, [isMenuOpen, portalContainer, setIsMenuOpen])\n\n // when the view is open, focus the modal\n useEffect(() => {\n if (isMenuOpen && modalRef.current) {\n modalRef.current.focus()\n }\n }, [isMenuOpen])\n\n const handleCreateView = useCallback(() => {\n if (!powerLicense) {\n setPowerpackDialog('sharedViews')\n } else {\n setEditingView(true)\n }\n }, [powerLicense, setPowerpackDialog, setEditingView, setIsMenuOpen])\n\n const selectedViewId =\n !selectedView \|\| workingView?.id === selectedView.id\n ? WORKING_VIEW_ID\n : (selectedView.id as string)\n\n return (\n <>\n {isMenuOpen &&\n createPortal(\n <Styled.ViewsModal style={modalPosition} ref={modalRef} tabIndex={0}>\n <ViewsMenu items={viewMenuItems} selected={selectedViewId} />\n <ViewItem\n label=\"Create new view\"\n id={NEW_VIEW_ID}\n startContent={<Icon icon=\"add\" />}\n endContent={!powerLicense && <PowerIcon icon=\"bolt\" />}\n onClick={handleCreateView}\n tabIndex={0}\n />\n </Styled.ViewsModal>,\n document.body,\n )}\n </>\n )\n}\n"],"names":["PowerIcon","styled","Icon","WORKING_VIEW_ID","NEW_VIEW_ID","ViewsMenuContainer","viewType","isMenuOpen","setIsMenuOpen","setEditingView","selectedView","workingView","viewMenuItems","useViewsContext","powerLicense","setPowerpackDialog","usePowerpack","modalRef","useRef","portalContainer","getViewsPortalContainer","buttonRect","modalPosition","useEffect","handleClickOutside","e","target","clickInsideMenu","_a","clickInsideEditDialog","_b","VIEWS_DIALOG_CLASS","clickInsideDropdown","_c","handleEscapeKey","handleCreateView","useCallback","selectedViewId","createPortal","jsxs","Styled.ViewsModal","jsx","ViewsMenu","ViewItem"],"mappings":"~~qjCAYMA~~,EAAYC,EAAOC,MAAI;AAAA;AAAA;AAAA,EAMhBC,EAAkB,YAClBC,EAAc,aAEdC,EAAyB,IAAM,CACpC,KAAA,CACJ,SAAAC,EACA,WAAAC,EACA,cAAAC,EACA,eAAAC,EACA,aAAAC,EACA,YAAAC,EACA,cAAAC,GACEC,kBAAgB,EAEd,CAAE,aAAAC,EAAc,mBAAAC,CAAmB,EAAIC,eAAa,EACpDC,EAAWC,SAAuB,IAAI,EAGtCC,EAAkBC,0BAAwBd,CAAQ,EAClDe,EAAaF,GAAA,YAAAA,EAAiB,wBAE9BG,EAAgB,CACpB,IAAKD,EAAaA,EAAW,OAFnB,EAEkC,EAC5C,KAAMA,EAAaA,EAAW,KAAO,CACvC,EAGAE,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAsBC,GAAkB,WAC5C,MAAMC,EAASD,EAAE,OAEXE,IACJC,EAAAX,EAAS,UAAT,YAAAW,EAAkB,SAASF,MAAWP,GAAA,YAAAA,EAAiB,SAASO,IAC5DG,GAAwBC,EAAA,SAC3B,cAAc,IAAMC,oBAAkB,IADX,YAAAD,EAE1B,SAASJ,GACPM,GAAsBC,EAAA,SAAS,cAAc,UAAU,IAAjC,YAAAA,EAAoC,SAASP,GAErE,CAACC,GAAmB,CAACE,GAAyB,CAACG,GAAuBzB,GACxEC,EAAc,EAAK,CAEvB,EAEM0B,EAAmBT,GAAqB,CACxCA,EAAE,MAAQ,UAAYlB,GACxBC,EAAc,EAAK,CAEvB,EAES,gBAAA,iBAAiB,YAAagB,CAAkB,EAChD,SAAA,iBAAiB,UAAWU,CAAe,EAE7C,IAAM,CACF,SAAA,oBAAoB,YAAaV,CAAkB,EACnD,SAAA,oBAAoB,UAAWU,CAAe,CACzD,CACC,EAAA,CAAC3B,EAAYY,EAAiBX,CAAa,CAAC,EAG/Ce,EAAAA,UAAU,IAAM,CACVhB,GAAcU,EAAS,SACzBA,EAAS,QAAQ,MAAM,CACzB,EACC,CAACV,CAAU,CAAC,EAET,MAAA4B,EAAmBC,EAAAA,YAAY,IAAM,CACpCtB,EAGHL,EAAe,EAAI,EAFnBM,EAAmB,aAAa,GAIjC,CAACD,EAAcC,EAAoBN,EAAgBD,CAAa,CAAC,EAE9D6B,EACJ,CAAC3B,IAAgBC,GAAA,YAAAA,EAAa,MAAOD,EAAa,GAC9CP,EACCO,EAAa,GAEpB,6DAEK,SACCH,GAAA+B,EAAA,aACEC,yBAACC,EAAAA,WAAA,CAAkB,MAAOlB,EAAe,IAAKL,EAAU,SAAU,EAChE,SAAA,CAAAwB,EAAA,kBAAA,IAACC,EAAU,UAAA,CAAA,MAAO9B,EAAe,SAAUyB,EAAgB,EAC3DI,EAAA,kBAAA,IAACE,EAAA,SAAA,CACC,MAAM,kBACN,GAAIvC,EACJ,aAAcqC,EAAAA,kBAAAA,IAACvC,EAAAA,KAAK,CAAA,KAAK,KAAM,CAAA,EAC/B,WAAY,CAACY,GAAiB2B,EAAA,kBAAA,IAAAzC,EAAA,CAAU,KAAK,OAAO,EACpD,QAASmC,EACT,SAAU,CAAA,CAAA,CACZ,EACF,EACA,SAAS,IAAA,EAEf,CAEJ"}
1	+ {"version":3,"file":"ViewsMenuContainer.cjs.js","sources":["../../../../../../src/containers/Views/ViewsMenuContainer/ViewsMenuContainer.tsx"],"sourcesContent":["import { FC, useCallback, useEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { useViewsContext } from '../context/ViewsContext'\nimport { getViewsPortalContainer } from '../utils/portalUtils'\nimport { ViewsMenu } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport { usePowerpack } from '@shared/context'\nimport * as Styled from '../Views.styled'\nimport { VIEWS_DIALOG_CLASS } from '../ViewsDialogContainer/ViewsDialogContainer'\n\nconst PowerIcon = styled(Icon)`\n color: var(--md-sys-color-tertiary);\n font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n`\n\n// constants\nexport const WORKING_VIEW_ID = '_working_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\n\nexport const ViewsMenuContainer: FC = () => {\n const {\n viewType,\n isMenuOpen,\n setIsMenuOpen,\n setEditingView,\n selectedView,\n workingView,\n viewMenuItems,\n } = useViewsContext()\n\n const { powerLicense, setPowerpackDialog } = usePowerpack()\n const modalRef = useRef<HTMLDivElement>(null)\n\n // Modal position calculation\n const portalContainer = getViewsPortalContainer(viewType)\n const buttonRect = portalContainer?.getBoundingClientRect()\n const gap = 8\n const modalPosition = {\n top: buttonRect ? buttonRect.bottom + gap : 0,\n left: buttonRect ? buttonRect.left : 0,\n }\n\n // Close menu when clicking outside or pressing Escape\n useEffect(() => {\n const handleClickOutside = (e: MouseEvent) => {\n const target = e.target as HTMLElement\n\n const clickInsideMenu =\n modalRef.current?.contains(target) \|\| portalContainer?.contains(target)\n const clickInsideEditDialog = document\n .querySelector('.' + VIEWS_DIALOG_CLASS)\n ?.contains(target)\n const clickInsideDropdown = document.querySelector('.options')?.contains(target)\n\n if (!clickInsideMenu && !clickInsideEditDialog && !clickInsideDropdown && isMenuOpen) {\n setIsMenuOpen(false)\n }\n }\n\n const handleEscapeKey = (e: KeyboardEvent) => {\n if (e.key === 'Escape' && isMenuOpen) {\n setIsMenuOpen(false)\n }\n }\n\n document.addEventListener('mousedown', handleClickOutside)\n document.addEventListener('keydown', handleEscapeKey)\n\n return () => {\n document.removeEventListener('mousedown', handleClickOutside)\n document.removeEventListener('keydown', handleEscapeKey)\n }\n }, [isMenuOpen, portalContainer, setIsMenuOpen])\n\n // when the view is open, focus the modal\n useEffect(() => {\n if (isMenuOpen && modalRef.current) {\n modalRef.current.focus()\n }\n }, [isMenuOpen])\n\n const handleCreateView = useCallback(() => {\n if (!powerLicense) {\n setPowerpackDialog('sharedViews')\n } else {\n setEditingView(true)\n }\n }, [powerLicense, setPowerpackDialog, setEditingView, setIsMenuOpen])\n\n const selectedViewId =\n !selectedView \|\| workingView?.id === selectedView.id\n ? WORKING_VIEW_ID\n : (selectedView.id as string)\n\n return (\n <>\n {isMenuOpen &&\n createPortal(\n <Styled.ViewsModal style={modalPosition} ref={modalRef} tabIndex={0}>\n <ViewsMenu items={viewMenuItems} selected={selectedViewId} />\n <ViewItem\n label=\"Create new view\"\n id={NEW_VIEW_ID}\n startContent={<Icon icon=\"add\" />}\n endContent={!powerLicense && <PowerIcon icon=\"bolt\" />}\n onClick={handleCreateView}\n tabIndex={0}\n />\n </Styled.ViewsModal>,\n document.body,\n )}\n </>\n )\n}\n"],"names":["PowerIcon","styled","Icon","WORKING_VIEW_ID","NEW_VIEW_ID","ViewsMenuContainer","viewType","isMenuOpen","setIsMenuOpen","setEditingView","selectedView","workingView","viewMenuItems","useViewsContext","powerLicense","setPowerpackDialog","usePowerpack","modalRef","useRef","portalContainer","getViewsPortalContainer","buttonRect","modalPosition","useEffect","handleClickOutside","e","target","clickInsideMenu","_a","clickInsideEditDialog","_b","VIEWS_DIALOG_CLASS","clickInsideDropdown","_c","handleEscapeKey","handleCreateView","useCallback","selectedViewId","createPortal","jsxs","Styled.ViewsModal","jsx","ViewsMenu","ViewItem"],"mappings":"omCAYMA,EAAYC,EAAOC,MAAI;AAAA;AAAA;AAAA,EAMhBC,EAAkB,YAClBC,EAAc,aAEdC,EAAyB,IAAM,CACpC,KAAA,CACJ,SAAAC,EACA,WAAAC,EACA,cAAAC,EACA,eAAAC,EACA,aAAAC,EACA,YAAAC,EACA,cAAAC,GACEC,kBAAgB,EAEd,CAAE,aAAAC,EAAc,mBAAAC,CAAmB,EAAIC,eAAa,EACpDC,EAAWC,SAAuB,IAAI,EAGtCC,EAAkBC,0BAAwBd,CAAQ,EAClDe,EAAaF,GAAA,YAAAA,EAAiB,wBAE9BG,EAAgB,CACpB,IAAKD,EAAaA,EAAW,OAFnB,EAEkC,EAC5C,KAAMA,EAAaA,EAAW,KAAO,CACvC,EAGAE,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAsBC,GAAkB,WAC5C,MAAMC,EAASD,EAAE,OAEXE,IACJC,EAAAX,EAAS,UAAT,YAAAW,EAAkB,SAASF,MAAWP,GAAA,YAAAA,EAAiB,SAASO,IAC5DG,GAAwBC,EAAA,SAC3B,cAAc,IAAMC,oBAAkB,IADX,YAAAD,EAE1B,SAASJ,GACPM,GAAsBC,EAAA,SAAS,cAAc,UAAU,IAAjC,YAAAA,EAAoC,SAASP,GAErE,CAACC,GAAmB,CAACE,GAAyB,CAACG,GAAuBzB,GACxEC,EAAc,EAAK,CAEvB,EAEM0B,EAAmBT,GAAqB,CACxCA,EAAE,MAAQ,UAAYlB,GACxBC,EAAc,EAAK,CAEvB,EAES,gBAAA,iBAAiB,YAAagB,CAAkB,EAChD,SAAA,iBAAiB,UAAWU,CAAe,EAE7C,IAAM,CACF,SAAA,oBAAoB,YAAaV,CAAkB,EACnD,SAAA,oBAAoB,UAAWU,CAAe,CACzD,CACC,EAAA,CAAC3B,EAAYY,EAAiBX,CAAa,CAAC,EAG/Ce,EAAAA,UAAU,IAAM,CACVhB,GAAcU,EAAS,SACzBA,EAAS,QAAQ,MAAM,CACzB,EACC,CAACV,CAAU,CAAC,EAET,MAAA4B,EAAmBC,EAAAA,YAAY,IAAM,CACpCtB,EAGHL,EAAe,EAAI,EAFnBM,EAAmB,aAAa,GAIjC,CAACD,EAAcC,EAAoBN,EAAgBD,CAAa,CAAC,EAE9D6B,EACJ,CAAC3B,IAAgBC,GAAA,YAAAA,EAAa,MAAOD,EAAa,GAC9CP,EACCO,EAAa,GAEpB,6DAEK,SACCH,GAAA+B,EAAA,aACEC,yBAACC,EAAAA,WAAA,CAAkB,MAAOlB,EAAe,IAAKL,EAAU,SAAU,EAChE,SAAA,CAAAwB,EAAA,kBAAA,IAACC,EAAU,UAAA,CAAA,MAAO9B,EAAe,SAAUyB,EAAgB,EAC3DI,EAAA,kBAAA,IAACE,EAAA,SAAA,CACC,MAAM,kBACN,GAAIvC,EACJ,aAAcqC,EAAAA,kBAAAA,IAACvC,EAAAA,KAAK,CAAA,KAAK,KAAM,CAAA,EAC/B,WAAY,CAACY,GAAiB2B,EAAA,kBAAA,IAAAzC,EAAA,CAAU,KAAK,OAAO,EACpD,QAASmC,EACT,SAAU,CAAA,CAAA,CACZ,EACF,EACA,SAAS,IAAA,EAEf,CAEJ"}