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

@ynput/ayon-frontend-shared 0.2.28 → 0.2.29

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 (781) hide show

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 &.~~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~~,~~EA0EdG~~,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\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"}

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

@@ -94,17 +94,10 @@ const t = o.div`
     }
   }
-  &.inactive {
-    .icon,
-    .value {
-      color: var(--md-sys-color-outline);
-    }
-  }
   &.disabled {
     opacity: 0.5;
     cursor: not-allowed !important;
     &,
     .value,
     .icon {
@@ -119,11 +112,6 @@ 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;

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 &.~~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~~,~~GA0EdG~~,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\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;"}

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"),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;
+"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;
 //# 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'\~~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"}
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"}

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

@@ -1,88 +1,76 @@
-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,
+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,
   isRowExpanded: s,
-  enableNonFolderIndent: l = !0,
-  isTableExpandable: o,
-  onExpandClick: r
-}) => a ? /* @__PURE__ */ e.jsx(
-  w,
+  isTableExpandable: l,
+  onExpandClick: e
+}) => o ? /* @__PURE__ */ r.jsx(
+  N,
   {
-    onClick: (t) => {
-      t.stopPropagation(), r == null || r();
+    onClick: (a) => {
+      a.stopPropagation(), e == null || e();
     },
     icon: s ? "expand_more" : "chevron_right",
     className: "expander",
     style: { cursor: "pointer" }
   }
-) : o && l && /* @__PURE__ */ e.jsx("div", { style: { display: "inline-block", minWidth: 24 } }), q = N(
+) : l && /* @__PURE__ */ r.jsx("div", { style: { display: "inline-block", minWidth: 24 } }), L = g(
   ({
-    value: a,
+    value: o,
     icon: s,
     parents: l,
-    iconColor: o,
-    iconFilled: r,
-    isRowExpandable: t,
+    iconColor: e,
+    isRowExpandable: a,
     isRowExpanded: c,
-    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,
+    isTableExpandable: n,
+    onExpandClick: j,
+    startContent: t,
+    endContent: m,
+    depth: x = 0,
+    isDisabled: i,
+    disabledMessage: h,
+    style: d,
+    ...f
+  }, u) => /* @__PURE__ */ r.jsxs(
+    w,
     {
-      ...v,
-      ref: y,
+      ...f,
+      ref: u,
       style: {
-        ...u,
-        paddingLeft: `calc(${d * 0.5}rem + 4px)`
+        ...d,
+        paddingLeft: `calc(${x * 0.5}rem + 4px)`,
+        ...i && {
+          cursor: "not-allowed"
+        }
       },
-      title: h ? f : void 0,
+      title: i ? h : void 0,
       children: [
-        /* @__PURE__ */ e.jsx(
-          F,
-          {
-            isRowExpandable: t,
-            isRowExpanded: c,
-            isTableExpandable: x,
-            onExpandClick: n,
-            enableNonFolderIndent: j
-          }
-        ),
-        m && m,
-        s && /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ r.jsx(
           T,
           {
-            icon: s,
-            className: _({ filled: r }),
-            style: {
-              color: o
-            }
+            isRowExpandable: a,
+            isRowExpanded: c,
+            isTableExpandable: n,
+            onExpandClick: j
           }
         ),
-        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
+        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
       ]
     }
   )
 );
 export {
-  F as RowExpander,
-  q as SimpleTableCellTemplate
+  T as RowExpander,
+  L 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'\~~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;"}
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;"}

package/dist/shared/src/context/DetailsPanelContext.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelContext.cjs.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType, useGetCurrentUserQuery } from '@shared/api'\nimport type { UserModel } from '@shared/api'\nimport { useLocation, useNavigate, useParams } from 'react-router-dom'\nimport { useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\n\nexport type FeedFilters = 'activity' \| 'comments' \| 'versions' \| 'checklists'\n\nexport type DetailsPanelTab = FeedFilters \| 'attribs' \| 'files'\n\nexport type SlideOut = {\n entityId: string\n entityType: DetailsPanelEntityType\n projectName: string\n}\n\nexport type DetailsPanelPip = {\n entityType: DetailsPanelEntityType\n entities: { id: string; projectName: string }[]\n scope: string\n}\n\nexport interface OpenStateByScope {\n [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n user: UserModel\n viewer?: {\n reviewableIds: string[]\n taskId?: string \| null\n folderId?: string \| null\n }\n // redux callback actions\n onOpenImage?: (args: any) => void\n onGoToFrame?: (frame: number) => void\n onOpenViewer?: (args: any) => void\n onUpdateEntity?: (data: { operations: any[]; entityType: string }) => void\n // route hooks\n useParams: typeof useParams\n useNavigate: typeof useNavigate\n useLocation: typeof useLocation\n useSearchParams: typeof useSearchParams\n feedAnnotationsEnabled?: boolean\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n // user\n isDeveloperMode: boolean\n // Open state for the panel by scope\n panelOpenByScope: OpenStateByScope\n getOpenForScope: (scope: string) => boolean\n setPanelOpen: (scope: string, isOpen: boolean) => void\n setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n // Tab preferences by scope\n tabsByScope: TabStateByScope\n getTabForScope: (scope: string) => DetailsPanelTab\n setTab: (scope: string, tab: DetailsPanelTab) => void\n\n // Slide out state\n slideOut: null \| SlideOut\n openSlideOut: (slideOut: SlideOut) => void\n closeSlideOut: () => void\n\n // Highlighted activities\n highlightedActivities: string[]\n setHighlightedActivities: (activities: string[]) => void\n\n // PiP state\n pip: DetailsPanelPip \| null\n openPip: (pip: DetailsPanelPip) => void\n closePip: () => void\n\n // Annotations\n feedAnnotations: SavedAnnotationMetadata[]\n setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType \| undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n children: ReactNode\n defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n children,\n defaultTab = 'activity',\n ...forwardedProps\n}) => {\n // get current user\n const { data: currentUser } = useGetCurrentUserQuery()\n const isDeveloperMode = currentUser?.attrib?.developerMode ?? false\n\n // keep track of the currently open panel by scope\n const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n const [feedAnnotations, setFeedAnnotations] = useState<SavedAnnotationMetadata[]>([])\n\n // get the current open state for a specific scope\n const getOpenForScope = useCallback(\n (scope: string): boolean => {\n // Check if we have a saved preference for this scope\n if (panelOpenByScope[scope]) {\n return panelOpenByScope[scope]\n }\n\n // Fall back to default\n return false\n },\n [panelOpenByScope],\n )\n // Set open state for a scope\n const setPanelOpen = useCallback(\n (scope: string, isOpen: boolean) => {\n // Create a new state object based on current open state\n const newState = { ...panelOpenByScope }\n newState[scope] = isOpen\n\n // Update the state with the new object\n setPanelOpenByScope(newState)\n },\n [panelOpenByScope],\n )\n\n // Use localStorage to persist tab preferences by scope\n const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n 'details/tabs-by-scope',\n {},\n )\n\n // Get the current tab for a specific scope\n const getTabForScope = useCallback(\n (scope: string): DetailsPanelTab => {\n // Check if we have a saved preference for this scope\n if (tabsByScope[scope]) {\n return tabsByScope[scope]\n }\n\n // Fall back to default\n return defaultTab\n },\n [tabsByScope, defaultTab],\n )\n\n // Set tab for a scope\n const setTab = useCallback(\n (scope: string, tab: DetailsPanelTab) => {\n // Create a new state object based on current tabsByScope\n const newState = { ...tabsByScope }\n newState[scope] = tab\n\n // Update the state with the new object\n setTabsByScope(newState)\n },\n [tabsByScope, setTabsByScope],\n )\n\n // is the slide out open?\n const [slideOut, setSlideOut] = useState<null \| SlideOut>(null)\n\n // open the slide out\n const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n setSlideOut(params)\n }, [])\n\n // close the slide out\n const closeSlideOut = useCallback(() => {\n setSlideOut(null)\n setHighlightedActivities([])\n }, [])\n\n const [pip, setPip] = useState<DetailsPanelPip \| null>(null)\n\n const openPip = useCallback((pip: DetailsPanelPip) => {\n setPip(pip)\n }, [])\n const closePip = useCallback(() => {\n setPip(null)\n }, [])\n\n const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n const value = {\n // open state for the panel by scope\n panelOpenByScope,\n getOpenForScope,\n setPanelOpen,\n setPanelOpenByScope,\n // tab preferences\n tabsByScope,\n getTabForScope,\n setTab,\n // slide out state\n slideOut,\n openSlideOut,\n closeSlideOut,\n // highlighted activities\n highlightedActivities,\n setHighlightedActivities,\n // PiP state\n pip,\n openPip,\n closePip,\n feedAnnotations,\n setFeedAnnotations,\n isDeveloperMode,\n ...forwardedProps,\n }\n\n return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n const context = useContext(DetailsPanelContext)\n if (context === undefined) {\n throw new Error('useDetailsPanel must be used within a DetailsProvider')\n }\n return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n return {\n isOpen: getOpenForScope(scope),\n setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n currentTab: getTabForScope(scope),\n setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n }\n}\n"],"names":["DetailsPanelContext","createContext","DetailsPanelProvider","children","defaultTab","forwardedProps","currentUser","useGetCurrentUserQuery","isDeveloperMode","_a","panelOpenByScope","setPanelOpenByScope","useState","feedAnnotations","setFeedAnnotations","getOpenForScope","useCallback","scope","setPanelOpen","isOpen","newState","tabsByScope","setTabsByScope","useLocalStorage","getTabForScope","setTab","tab","slideOut","setSlideOut","openSlideOut","params","closeSlideOut","setHighlightedActivities","pip","setPip","openPip","closePip","highlightedActivities","value","jsx","useDetailsPanelContext","context","useContext","useScopedDetailsPanel"],"mappings":"2gJA2FA,MAAMA,EAAsBC,gBAAmD,MAAS,EAQ3EC,EAA4D,CAAC,CACxE,SAAAC,EACA,WAAAC,EAAa,WACb,GAAGC,CACL,IAAM,OAEJ,KAAM,CAAE,KAAMC,CAAY,EAAIC,yBAAuB,EAC/CC,IAAkBC,EAAAH,GAAA,YAAAA,EAAa,SAAb,YAAAG,EAAqB,gBAAiB,GAGxD,CAACC,EAAkBC,CAAmB,EAAIC,EAAAA,SAA2B,CAAA,CAAE,EACvE,CAACC,EAAiBC,CAAkB,EAAIF,EAAAA,SAAoC,CAAA,CAAE,EAG9EG,EAAkBC,EAAA,YACrBC,GAEKP,EAAiBO,CAAK,EACjBP,EAAiBO,CAAK,EAIxB,GAET,CAACP,CAAgB,CACnB,EAEMQ,EAAeF,EAAA,YACnB,CAACC,EAAeE,IAAoB,CAE5B,MAAAC,EAAW,CAAE,GAAGV,CAAiB,EACvCU,EAASH,CAAK,EAAIE,EAGlBR,EAAoBS,CAAQ,CAC9B,EACA,CAACV,CAAgB,CACnB,EAGM,CAACW,EAAaC,CAAc,EAAIC,EAAA,gBACpC,wBACA,CAAA,CACF,EAGMC,EAAiBR,EAAA,YACpBC,GAEKI,EAAYJ,CAAK,EACZI,EAAYJ,CAAK,EAInBb,EAET,CAACiB,EAAajB,CAAU,CAC1B,EAGMqB,EAAST,EAAA,YACb,CAACC,EAAeS,IAAyB,CAEjC,MAAAN,EAAW,CAAE,GAAGC,CAAY,EAClCD,EAASH,CAAK,EAAIS,EAGlBJ,EAAeF,CAAQ,CACzB,EACA,CAACC,EAAaC,CAAc,CAC9B,EAGM,CAACK,EAAUC,CAAW,EAAIhB,EAAAA,SAA0B,IAAI,EAGxDiB,EAAeb,cAAsDc,GAAW,CACpFF,EAAYE,CAAM,CACpB,EAAG,EAAE,EAGCC,EAAgBf,EAAAA,YAAY,IAAM,CACtCY,EAAY,IAAI,EAChBI,EAAyB,CAAA,CAAE,CAC7B,EAAG,EAAE,EAEC,CAACC,EAAKC,CAAM,EAAItB,EAAAA,SAAiC,IAAI,EAErDuB,EAAUnB,cAAaiB,GAAyB,CACpDC,EAAOD,CAAG,CACZ,EAAG,EAAE,EACCG,EAAWpB,EAAAA,YAAY,IAAM,CACjCkB,EAAO,IAAI,CACb,EAAG,EAAE,EAEC,CAACG,EAAuBL,CAAwB,EAAIpB,EAAAA,SAAmB,CAAA,CAAE,EAEzE0B,EAAQ,CAEZ,iBAAA5B,EACA,gBAAAK,EACA,aAAAG,EACA,oBAAAP,EAEA,YAAAU,EACA,eAAAG,EACA,OAAAC,EAEA,SAAAE,EACA,aAAAE,EACA,cAAAE,EAEA,sBAAAM,EACA,yBAAAL,EAEA,IAAAC,EACA,QAAAE,EACA,SAAAC,EACA,gBAAAvB,EACA,mBAAAC,EACA,gBAAAN,EACA,GAAGH,CACL,EAEA,OAAQkC,EAAAA,kBAAAA,IAAAvC,EAAoB,SAApB,CAA6B,MAAAsC,EAAe,SAAAnC,CAAS,CAAA,CAC/D,EAGaqC,EAAyB,IAA+B,CAC7D,MAAAC,EAAUC,aAAW1C,CAAmB,EAC9C,GAAIyC,IAAY,OACR,MAAA,IAAI,MAAM,uDAAuD,EAElE,OAAAA,CACT,EAGaE,EAAyB1B,GAAkB,CACtD,KAAM,CAAE,eAAAO,EAAgB,OAAAC,EAAQ,gBAAAV,EAAiB,aAAAG,CAAA,EAAiBsB,EAAuB,EAElF,MAAA,CACL,OAAQzB,EAAgBE,CAAK,EAC7B,QAAUE,GAAoBD,EAAaD,EAAOE,CAAM,EACxD,WAAYK,EAAeP,CAAK,EAChC,OAASS,GAAyBD,EAAOR,EAAOS,CAAG,EACnD,OAAQ,CAAC,WAAY,WAAY,WAAY,YAAY,EAAE,SAASF,EAAeP,CAAK,CAAC,CAC3F,CACF"}
1	+ {"version":3,"file":"DetailsPanelContext.cjs.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType, useGetCurrentUserQuery } from '@shared/api'\nimport type { UserModel } from '@shared/api'\nimport { useLocation, useNavigate, useParams } from 'react-router-dom'\nimport { useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\n\nexport type FeedFilters = 'activity' \| 'comments' \| 'versions' \| 'checklists'\n\nexport type DetailsPanelTab = FeedFilters \| 'details' \| 'files'\n\nexport type SlideOut = {\n entityId: string\n entityType: DetailsPanelEntityType\n projectName: string\n}\n\nexport type DetailsPanelPip = {\n entityType: DetailsPanelEntityType\n entities: { id: string; projectName: string }[]\n scope: string\n}\n\nexport interface OpenStateByScope {\n [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n user: UserModel\n viewer?: {\n reviewableIds: string[]\n taskId?: string \| null\n folderId?: string \| null\n }\n // redux callback actions\n onOpenImage?: (args: any) => void\n onGoToFrame?: (frame: number) => void\n onOpenViewer?: (args: any) => void\n onUpdateEntity?: (data: { operations: any[]; entityType: string }) => void\n // route hooks\n useParams: typeof useParams\n useNavigate: typeof useNavigate\n useLocation: typeof useLocation\n useSearchParams: typeof useSearchParams\n feedAnnotationsEnabled?: boolean\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n // user\n isDeveloperMode: boolean\n // Open state for the panel by scope\n panelOpenByScope: OpenStateByScope\n getOpenForScope: (scope: string) => boolean\n setPanelOpen: (scope: string, isOpen: boolean) => void\n setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n // Tab preferences by scope\n tabsByScope: TabStateByScope\n getTabForScope: (scope: string) => DetailsPanelTab\n setTab: (scope: string, tab: DetailsPanelTab) => void\n\n // Slide out state\n slideOut: null \| SlideOut\n openSlideOut: (slideOut: SlideOut) => void\n closeSlideOut: () => void\n\n // Highlighted activities\n highlightedActivities: string[]\n setHighlightedActivities: (activities: string[]) => void\n\n // PiP state\n pip: DetailsPanelPip \| null\n openPip: (pip: DetailsPanelPip) => void\n closePip: () => void\n\n // Annotations\n feedAnnotations: SavedAnnotationMetadata[]\n setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType \| undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n children: ReactNode\n defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n children,\n defaultTab = 'activity',\n ...forwardedProps\n}) => {\n // get current user\n const { data: currentUser } = useGetCurrentUserQuery()\n const isDeveloperMode = currentUser?.attrib?.developerMode ?? false\n\n // keep track of the currently open panel by scope\n const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n const [feedAnnotations, setFeedAnnotations] = useState<SavedAnnotationMetadata[]>([])\n\n // get the current open state for a specific scope\n const getOpenForScope = useCallback(\n (scope: string): boolean => {\n // Check if we have a saved preference for this scope\n if (panelOpenByScope[scope]) {\n return panelOpenByScope[scope]\n }\n\n // Fall back to default\n return false\n },\n [panelOpenByScope],\n )\n // Set open state for a scope\n const setPanelOpen = useCallback(\n (scope: string, isOpen: boolean) => {\n // Create a new state object based on current open state\n const newState = { ...panelOpenByScope }\n newState[scope] = isOpen\n\n // Update the state with the new object\n setPanelOpenByScope(newState)\n },\n [panelOpenByScope],\n )\n\n // Use localStorage to persist tab preferences by scope\n const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n 'details/tabs-by-scope',\n {},\n )\n\n // Get the current tab for a specific scope\n const getTabForScope = useCallback(\n (scope: string): DetailsPanelTab => {\n // Check if we have a saved preference for this scope\n if (tabsByScope[scope]) {\n return tabsByScope[scope]\n }\n\n // Fall back to default\n return defaultTab\n },\n [tabsByScope, defaultTab],\n )\n\n // Set tab for a scope\n const setTab = useCallback(\n (scope: string, tab: DetailsPanelTab) => {\n // Create a new state object based on current tabsByScope\n const newState = { ...tabsByScope }\n newState[scope] = tab\n\n // Update the state with the new object\n setTabsByScope(newState)\n },\n [tabsByScope, setTabsByScope],\n )\n\n // is the slide out open?\n const [slideOut, setSlideOut] = useState<null \| SlideOut>(null)\n\n // open the slide out\n const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n setSlideOut(params)\n }, [])\n\n // close the slide out\n const closeSlideOut = useCallback(() => {\n setSlideOut(null)\n setHighlightedActivities([])\n }, [])\n\n const [pip, setPip] = useState<DetailsPanelPip \| null>(null)\n\n const openPip = useCallback((pip: DetailsPanelPip) => {\n setPip(pip)\n }, [])\n const closePip = useCallback(() => {\n setPip(null)\n }, [])\n\n const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n const value = {\n // open state for the panel by scope\n panelOpenByScope,\n getOpenForScope,\n setPanelOpen,\n setPanelOpenByScope,\n // tab preferences\n tabsByScope,\n getTabForScope,\n setTab,\n // slide out state\n slideOut,\n openSlideOut,\n closeSlideOut,\n // highlighted activities\n highlightedActivities,\n setHighlightedActivities,\n // PiP state\n pip,\n openPip,\n closePip,\n feedAnnotations,\n setFeedAnnotations,\n isDeveloperMode,\n ...forwardedProps,\n }\n\n return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n const context = useContext(DetailsPanelContext)\n if (context === undefined) {\n throw new Error('useDetailsPanel must be used within a DetailsProvider')\n }\n return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n return {\n isOpen: getOpenForScope(scope),\n setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n currentTab: getTabForScope(scope),\n setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n }\n}\n"],"names":["DetailsPanelContext","createContext","DetailsPanelProvider","children","defaultTab","forwardedProps","currentUser","useGetCurrentUserQuery","isDeveloperMode","_a","panelOpenByScope","setPanelOpenByScope","useState","feedAnnotations","setFeedAnnotations","getOpenForScope","useCallback","scope","setPanelOpen","isOpen","newState","tabsByScope","setTabsByScope","useLocalStorage","getTabForScope","setTab","tab","slideOut","setSlideOut","openSlideOut","params","closeSlideOut","setHighlightedActivities","pip","setPip","openPip","closePip","highlightedActivities","value","jsx","useDetailsPanelContext","context","useContext","useScopedDetailsPanel"],"mappings":"2gJA2FA,MAAMA,EAAsBC,gBAAmD,MAAS,EAQ3EC,EAA4D,CAAC,CACxE,SAAAC,EACA,WAAAC,EAAa,WACb,GAAGC,CACL,IAAM,OAEJ,KAAM,CAAE,KAAMC,CAAY,EAAIC,yBAAuB,EAC/CC,IAAkBC,EAAAH,GAAA,YAAAA,EAAa,SAAb,YAAAG,EAAqB,gBAAiB,GAGxD,CAACC,EAAkBC,CAAmB,EAAIC,EAAAA,SAA2B,CAAA,CAAE,EACvE,CAACC,EAAiBC,CAAkB,EAAIF,EAAAA,SAAoC,CAAA,CAAE,EAG9EG,EAAkBC,EAAA,YACrBC,GAEKP,EAAiBO,CAAK,EACjBP,EAAiBO,CAAK,EAIxB,GAET,CAACP,CAAgB,CACnB,EAEMQ,EAAeF,EAAA,YACnB,CAACC,EAAeE,IAAoB,CAE5B,MAAAC,EAAW,CAAE,GAAGV,CAAiB,EACvCU,EAASH,CAAK,EAAIE,EAGlBR,EAAoBS,CAAQ,CAC9B,EACA,CAACV,CAAgB,CACnB,EAGM,CAACW,EAAaC,CAAc,EAAIC,EAAA,gBACpC,wBACA,CAAA,CACF,EAGMC,EAAiBR,EAAA,YACpBC,GAEKI,EAAYJ,CAAK,EACZI,EAAYJ,CAAK,EAInBb,EAET,CAACiB,EAAajB,CAAU,CAC1B,EAGMqB,EAAST,EAAA,YACb,CAACC,EAAeS,IAAyB,CAEjC,MAAAN,EAAW,CAAE,GAAGC,CAAY,EAClCD,EAASH,CAAK,EAAIS,EAGlBJ,EAAeF,CAAQ,CACzB,EACA,CAACC,EAAaC,CAAc,CAC9B,EAGM,CAACK,EAAUC,CAAW,EAAIhB,EAAAA,SAA0B,IAAI,EAGxDiB,EAAeb,cAAsDc,GAAW,CACpFF,EAAYE,CAAM,CACpB,EAAG,EAAE,EAGCC,EAAgBf,EAAAA,YAAY,IAAM,CACtCY,EAAY,IAAI,EAChBI,EAAyB,CAAA,CAAE,CAC7B,EAAG,EAAE,EAEC,CAACC,EAAKC,CAAM,EAAItB,EAAAA,SAAiC,IAAI,EAErDuB,EAAUnB,cAAaiB,GAAyB,CACpDC,EAAOD,CAAG,CACZ,EAAG,EAAE,EACCG,EAAWpB,EAAAA,YAAY,IAAM,CACjCkB,EAAO,IAAI,CACb,EAAG,EAAE,EAEC,CAACG,EAAuBL,CAAwB,EAAIpB,EAAAA,SAAmB,CAAA,CAAE,EAEzE0B,EAAQ,CAEZ,iBAAA5B,EACA,gBAAAK,EACA,aAAAG,EACA,oBAAAP,EAEA,YAAAU,EACA,eAAAG,EACA,OAAAC,EAEA,SAAAE,EACA,aAAAE,EACA,cAAAE,EAEA,sBAAAM,EACA,yBAAAL,EAEA,IAAAC,EACA,QAAAE,EACA,SAAAC,EACA,gBAAAvB,EACA,mBAAAC,EACA,gBAAAN,EACA,GAAGH,CACL,EAEA,OAAQkC,EAAAA,kBAAAA,IAAAvC,EAAoB,SAApB,CAA6B,MAAAsC,EAAe,SAAAnC,CAAS,CAAA,CAC/D,EAGaqC,EAAyB,IAA+B,CAC7D,MAAAC,EAAUC,aAAW1C,CAAmB,EAC9C,GAAIyC,IAAY,OACR,MAAA,IAAI,MAAM,uDAAuD,EAElE,OAAAA,CACT,EAGaE,EAAyB1B,GAAkB,CACtD,KAAM,CAAE,eAAAO,EAAgB,OAAAC,EAAQ,gBAAAV,EAAiB,aAAAG,CAAA,EAAiBsB,EAAuB,EAElF,MAAA,CACL,OAAQzB,EAAgBE,CAAK,EAC7B,QAAUE,GAAoBD,EAAaD,EAAOE,CAAM,EACxD,WAAYK,EAAeP,CAAK,EAChC,OAASS,GAAyBD,EAAOR,EAAOS,CAAG,EACnD,OAAQ,CAAC,WAAY,WAAY,WAAY,YAAY,EAAE,SAASF,EAAeP,CAAK,CAAC,CAC3F,CACF"}

package/dist/shared/src/context/DetailsPanelContext.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelContext.es.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType, useGetCurrentUserQuery } from '@shared/api'\nimport type { UserModel } from '@shared/api'\nimport { useLocation, useNavigate, useParams } from 'react-router-dom'\nimport { useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\n\nexport type FeedFilters = 'activity' \| 'comments' \| 'versions' \| 'checklists'\n\nexport type DetailsPanelTab = FeedFilters \| 'attribs' \| 'files'\n\nexport type SlideOut = {\n entityId: string\n entityType: DetailsPanelEntityType\n projectName: string\n}\n\nexport type DetailsPanelPip = {\n entityType: DetailsPanelEntityType\n entities: { id: string; projectName: string }[]\n scope: string\n}\n\nexport interface OpenStateByScope {\n [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n user: UserModel\n viewer?: {\n reviewableIds: string[]\n taskId?: string \| null\n folderId?: string \| null\n }\n // redux callback actions\n onOpenImage?: (args: any) => void\n onGoToFrame?: (frame: number) => void\n onOpenViewer?: (args: any) => void\n onUpdateEntity?: (data: { operations: any[]; entityType: string }) => void\n // route hooks\n useParams: typeof useParams\n useNavigate: typeof useNavigate\n useLocation: typeof useLocation\n useSearchParams: typeof useSearchParams\n feedAnnotationsEnabled?: boolean\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n // user\n isDeveloperMode: boolean\n // Open state for the panel by scope\n panelOpenByScope: OpenStateByScope\n getOpenForScope: (scope: string) => boolean\n setPanelOpen: (scope: string, isOpen: boolean) => void\n setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n // Tab preferences by scope\n tabsByScope: TabStateByScope\n getTabForScope: (scope: string) => DetailsPanelTab\n setTab: (scope: string, tab: DetailsPanelTab) => void\n\n // Slide out state\n slideOut: null \| SlideOut\n openSlideOut: (slideOut: SlideOut) => void\n closeSlideOut: () => void\n\n // Highlighted activities\n highlightedActivities: string[]\n setHighlightedActivities: (activities: string[]) => void\n\n // PiP state\n pip: DetailsPanelPip \| null\n openPip: (pip: DetailsPanelPip) => void\n closePip: () => void\n\n // Annotations\n feedAnnotations: SavedAnnotationMetadata[]\n setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType \| undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n children: ReactNode\n defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n children,\n defaultTab = 'activity',\n ...forwardedProps\n}) => {\n // get current user\n const { data: currentUser } = useGetCurrentUserQuery()\n const isDeveloperMode = currentUser?.attrib?.developerMode ?? false\n\n // keep track of the currently open panel by scope\n const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n const [feedAnnotations, setFeedAnnotations] = useState<SavedAnnotationMetadata[]>([])\n\n // get the current open state for a specific scope\n const getOpenForScope = useCallback(\n (scope: string): boolean => {\n // Check if we have a saved preference for this scope\n if (panelOpenByScope[scope]) {\n return panelOpenByScope[scope]\n }\n\n // Fall back to default\n return false\n },\n [panelOpenByScope],\n )\n // Set open state for a scope\n const setPanelOpen = useCallback(\n (scope: string, isOpen: boolean) => {\n // Create a new state object based on current open state\n const newState = { ...panelOpenByScope }\n newState[scope] = isOpen\n\n // Update the state with the new object\n setPanelOpenByScope(newState)\n },\n [panelOpenByScope],\n )\n\n // Use localStorage to persist tab preferences by scope\n const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n 'details/tabs-by-scope',\n {},\n )\n\n // Get the current tab for a specific scope\n const getTabForScope = useCallback(\n (scope: string): DetailsPanelTab => {\n // Check if we have a saved preference for this scope\n if (tabsByScope[scope]) {\n return tabsByScope[scope]\n }\n\n // Fall back to default\n return defaultTab\n },\n [tabsByScope, defaultTab],\n )\n\n // Set tab for a scope\n const setTab = useCallback(\n (scope: string, tab: DetailsPanelTab) => {\n // Create a new state object based on current tabsByScope\n const newState = { ...tabsByScope }\n newState[scope] = tab\n\n // Update the state with the new object\n setTabsByScope(newState)\n },\n [tabsByScope, setTabsByScope],\n )\n\n // is the slide out open?\n const [slideOut, setSlideOut] = useState<null \| SlideOut>(null)\n\n // open the slide out\n const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n setSlideOut(params)\n }, [])\n\n // close the slide out\n const closeSlideOut = useCallback(() => {\n setSlideOut(null)\n setHighlightedActivities([])\n }, [])\n\n const [pip, setPip] = useState<DetailsPanelPip \| null>(null)\n\n const openPip = useCallback((pip: DetailsPanelPip) => {\n setPip(pip)\n }, [])\n const closePip = useCallback(() => {\n setPip(null)\n }, [])\n\n const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n const value = {\n // open state for the panel by scope\n panelOpenByScope,\n getOpenForScope,\n setPanelOpen,\n setPanelOpenByScope,\n // tab preferences\n tabsByScope,\n getTabForScope,\n setTab,\n // slide out state\n slideOut,\n openSlideOut,\n closeSlideOut,\n // highlighted activities\n highlightedActivities,\n setHighlightedActivities,\n // PiP state\n pip,\n openPip,\n closePip,\n feedAnnotations,\n setFeedAnnotations,\n isDeveloperMode,\n ...forwardedProps,\n }\n\n return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n const context = useContext(DetailsPanelContext)\n if (context === undefined) {\n throw new Error('useDetailsPanel must be used within a DetailsProvider')\n }\n return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n return {\n isOpen: getOpenForScope(scope),\n setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n currentTab: getTabForScope(scope),\n setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n }\n}\n"],"names":["DetailsPanelContext","createContext","DetailsPanelProvider","children","defaultTab","forwardedProps","currentUser","useGetCurrentUserQuery","isDeveloperMode","_a","panelOpenByScope","setPanelOpenByScope","useState","feedAnnotations","setFeedAnnotations","getOpenForScope","useCallback","scope","setPanelOpen","isOpen","newState","tabsByScope","setTabsByScope","useLocalStorage","getTabForScope","setTab","tab","slideOut","setSlideOut","openSlideOut","params","closeSlideOut","setHighlightedActivities","pip","setPip","openPip","closePip","highlightedActivities","value","jsx","useDetailsPanelContext","context","useContext","useScopedDetailsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FA,MAAMA,IAAsBC,EAAmD,MAAS,GAQ3EC,KAA4D,CAAC;AAAA,EACxE,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,MAAM;;AAEJ,QAAM,EAAE,MAAMC,EAAY,IAAIC,EAAuB,GAC/CC,MAAkBC,IAAAH,KAAA,gBAAAA,EAAa,WAAb,gBAAAG,EAAqB,kBAAiB,IAGxD,CAACC,GAAkBC,CAAmB,IAAIC,EAA2B,CAAA,CAAE,GACvE,CAACC,GAAiBC,CAAkB,IAAIF,EAAoC,CAAA,CAAE,GAG9EG,IAAkBC;AAAA,IACtB,CAACC,MAEKP,EAAiBO,CAAK,IACjBP,EAAiBO,CAAK,IAIxB;AAAA,IAET,CAACP,CAAgB;AAAA,EACnB,GAEMQ,IAAeF;AAAA,IACnB,CAACC,GAAeE,MAAoB;AAE5B,YAAAC,IAAW,EAAE,GAAGV,EAAiB;AACvC,MAAAU,EAASH,CAAK,IAAIE,GAGlBR,EAAoBS,CAAQ;AAAA,IAC9B;AAAA,IACA,CAACV,CAAgB;AAAA,EACnB,GAGM,CAACW,GAAaC,CAAc,IAAIC;AAAA,IACpC;AAAA,IACA,CAAA;AAAA,EACF,GAGMC,IAAiBR;AAAA,IACrB,CAACC,MAEKI,EAAYJ,CAAK,IACZI,EAAYJ,CAAK,IAInBb;AAAA,IAET,CAACiB,GAAajB,CAAU;AAAA,EAC1B,GAGMqB,IAAST;AAAA,IACb,CAACC,GAAeS,MAAyB;AAEjC,YAAAN,IAAW,EAAE,GAAGC,EAAY;AAClC,MAAAD,EAASH,CAAK,IAAIS,GAGlBJ,EAAeF,CAAQ;AAAA,IACzB;AAAA,IACA,CAACC,GAAaC,CAAc;AAAA,EAC9B,GAGM,CAACK,GAAUC,CAAW,IAAIhB,EAA0B,IAAI,GAGxDiB,IAAeb,EAAqD,CAACc,MAAW;AACpF,IAAAF,EAAYE,CAAM;AAAA,EACpB,GAAG,EAAE,GAGCC,IAAgBf,EAAY,MAAM;AACtC,IAAAY,EAAY,IAAI,GAChBI,EAAyB,CAAA,CAAE;AAAA,EAC7B,GAAG,EAAE,GAEC,CAACC,GAAKC,CAAM,IAAItB,EAAiC,IAAI,GAErDuB,IAAUnB,EAAY,CAACiB,MAAyB;AACpD,IAAAC,EAAOD,CAAG;AAAA,EACZ,GAAG,EAAE,GACCG,IAAWpB,EAAY,MAAM;AACjC,IAAAkB,EAAO,IAAI;AAAA,EACb,GAAG,EAAE,GAEC,CAACG,GAAuBL,CAAwB,IAAIpB,EAAmB,CAAA,CAAE,GAEzE0B,IAAQ;AAAA;AAAA,IAEZ,kBAAA5B;AAAA,IACA,iBAAAK;AAAA,IACA,cAAAG;AAAA,IACA,qBAAAP;AAAA;AAAA,IAEA,aAAAU;AAAA,IACA,gBAAAG;AAAA,IACA,QAAAC;AAAA;AAAA,IAEA,UAAAE;AAAA,IACA,cAAAE;AAAA,IACA,eAAAE;AAAA;AAAA,IAEA,uBAAAM;AAAA,IACA,0BAAAL;AAAA;AAAA,IAEA,KAAAC;AAAA,IACA,SAAAE;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAvB;AAAA,IACA,oBAAAC;AAAA,IACA,iBAAAN;AAAA,IACA,GAAGH;AAAA,EACL;AAEA,SAAQkC,gBAAAA,EAAAA,IAAAvC,EAAoB,UAApB,EAA6B,OAAAsC,GAAe,UAAAnC,EAAS,CAAA;AAC/D,GAGaqC,IAAyB,MAA+B;AAC7D,QAAAC,IAAUC,EAAW1C,CAAmB;AAC9C,MAAIyC,MAAY;AACR,UAAA,IAAI,MAAM,uDAAuD;AAElE,SAAAA;AACT,GAGaE,KAAwB,CAAC1B,MAAkB;AACtD,QAAM,EAAE,gBAAAO,GAAgB,QAAAC,GAAQ,iBAAAV,GAAiB,cAAAG,EAAA,IAAiBsB,EAAuB;AAElF,SAAA;AAAA,IACL,QAAQzB,EAAgBE,CAAK;AAAA,IAC7B,SAAS,CAACE,MAAoBD,EAAaD,GAAOE,CAAM;AAAA,IACxD,YAAYK,EAAeP,CAAK;AAAA,IAChC,QAAQ,CAACS,MAAyBD,EAAOR,GAAOS,CAAG;AAAA,IACnD,QAAQ,CAAC,YAAY,YAAY,YAAY,YAAY,EAAE,SAASF,EAAeP,CAAK,CAAC;AAAA,EAC3F;AACF;"}
1	+ {"version":3,"file":"DetailsPanelContext.es.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType, useGetCurrentUserQuery } from '@shared/api'\nimport type { UserModel } from '@shared/api'\nimport { useLocation, useNavigate, useParams } from 'react-router-dom'\nimport { useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\n\nexport type FeedFilters = 'activity' \| 'comments' \| 'versions' \| 'checklists'\n\nexport type DetailsPanelTab = FeedFilters \| 'details' \| 'files'\n\nexport type SlideOut = {\n entityId: string\n entityType: DetailsPanelEntityType\n projectName: string\n}\n\nexport type DetailsPanelPip = {\n entityType: DetailsPanelEntityType\n entities: { id: string; projectName: string }[]\n scope: string\n}\n\nexport interface OpenStateByScope {\n [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n user: UserModel\n viewer?: {\n reviewableIds: string[]\n taskId?: string \| null\n folderId?: string \| null\n }\n // redux callback actions\n onOpenImage?: (args: any) => void\n onGoToFrame?: (frame: number) => void\n onOpenViewer?: (args: any) => void\n onUpdateEntity?: (data: { operations: any[]; entityType: string }) => void\n // route hooks\n useParams: typeof useParams\n useNavigate: typeof useNavigate\n useLocation: typeof useLocation\n useSearchParams: typeof useSearchParams\n feedAnnotationsEnabled?: boolean\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n // user\n isDeveloperMode: boolean\n // Open state for the panel by scope\n panelOpenByScope: OpenStateByScope\n getOpenForScope: (scope: string) => boolean\n setPanelOpen: (scope: string, isOpen: boolean) => void\n setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n // Tab preferences by scope\n tabsByScope: TabStateByScope\n getTabForScope: (scope: string) => DetailsPanelTab\n setTab: (scope: string, tab: DetailsPanelTab) => void\n\n // Slide out state\n slideOut: null \| SlideOut\n openSlideOut: (slideOut: SlideOut) => void\n closeSlideOut: () => void\n\n // Highlighted activities\n highlightedActivities: string[]\n setHighlightedActivities: (activities: string[]) => void\n\n // PiP state\n pip: DetailsPanelPip \| null\n openPip: (pip: DetailsPanelPip) => void\n closePip: () => void\n\n // Annotations\n feedAnnotations: SavedAnnotationMetadata[]\n setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType \| undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n children: ReactNode\n defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n children,\n defaultTab = 'activity',\n ...forwardedProps\n}) => {\n // get current user\n const { data: currentUser } = useGetCurrentUserQuery()\n const isDeveloperMode = currentUser?.attrib?.developerMode ?? false\n\n // keep track of the currently open panel by scope\n const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n const [feedAnnotations, setFeedAnnotations] = useState<SavedAnnotationMetadata[]>([])\n\n // get the current open state for a specific scope\n const getOpenForScope = useCallback(\n (scope: string): boolean => {\n // Check if we have a saved preference for this scope\n if (panelOpenByScope[scope]) {\n return panelOpenByScope[scope]\n }\n\n // Fall back to default\n return false\n },\n [panelOpenByScope],\n )\n // Set open state for a scope\n const setPanelOpen = useCallback(\n (scope: string, isOpen: boolean) => {\n // Create a new state object based on current open state\n const newState = { ...panelOpenByScope }\n newState[scope] = isOpen\n\n // Update the state with the new object\n setPanelOpenByScope(newState)\n },\n [panelOpenByScope],\n )\n\n // Use localStorage to persist tab preferences by scope\n const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n 'details/tabs-by-scope',\n {},\n )\n\n // Get the current tab for a specific scope\n const getTabForScope = useCallback(\n (scope: string): DetailsPanelTab => {\n // Check if we have a saved preference for this scope\n if (tabsByScope[scope]) {\n return tabsByScope[scope]\n }\n\n // Fall back to default\n return defaultTab\n },\n [tabsByScope, defaultTab],\n )\n\n // Set tab for a scope\n const setTab = useCallback(\n (scope: string, tab: DetailsPanelTab) => {\n // Create a new state object based on current tabsByScope\n const newState = { ...tabsByScope }\n newState[scope] = tab\n\n // Update the state with the new object\n setTabsByScope(newState)\n },\n [tabsByScope, setTabsByScope],\n )\n\n // is the slide out open?\n const [slideOut, setSlideOut] = useState<null \| SlideOut>(null)\n\n // open the slide out\n const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n setSlideOut(params)\n }, [])\n\n // close the slide out\n const closeSlideOut = useCallback(() => {\n setSlideOut(null)\n setHighlightedActivities([])\n }, [])\n\n const [pip, setPip] = useState<DetailsPanelPip \| null>(null)\n\n const openPip = useCallback((pip: DetailsPanelPip) => {\n setPip(pip)\n }, [])\n const closePip = useCallback(() => {\n setPip(null)\n }, [])\n\n const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n const value = {\n // open state for the panel by scope\n panelOpenByScope,\n getOpenForScope,\n setPanelOpen,\n setPanelOpenByScope,\n // tab preferences\n tabsByScope,\n getTabForScope,\n setTab,\n // slide out state\n slideOut,\n openSlideOut,\n closeSlideOut,\n // highlighted activities\n highlightedActivities,\n setHighlightedActivities,\n // PiP state\n pip,\n openPip,\n closePip,\n feedAnnotations,\n setFeedAnnotations,\n isDeveloperMode,\n ...forwardedProps,\n }\n\n return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n const context = useContext(DetailsPanelContext)\n if (context === undefined) {\n throw new Error('useDetailsPanel must be used within a DetailsProvider')\n }\n return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n return {\n isOpen: getOpenForScope(scope),\n setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n currentTab: getTabForScope(scope),\n setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n }\n}\n"],"names":["DetailsPanelContext","createContext","DetailsPanelProvider","children","defaultTab","forwardedProps","currentUser","useGetCurrentUserQuery","isDeveloperMode","_a","panelOpenByScope","setPanelOpenByScope","useState","feedAnnotations","setFeedAnnotations","getOpenForScope","useCallback","scope","setPanelOpen","isOpen","newState","tabsByScope","setTabsByScope","useLocalStorage","getTabForScope","setTab","tab","slideOut","setSlideOut","openSlideOut","params","closeSlideOut","setHighlightedActivities","pip","setPip","openPip","closePip","highlightedActivities","value","jsx","useDetailsPanelContext","context","useContext","useScopedDetailsPanel"],"mappings":"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"}

package/dist/shared/src/context/PowerpackContext.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../../../_virtual/jsx-runtime.cjs.js"),r=require("react"),v=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("./RemoteModulesContext.cjs.js");require("./DetailsPanelContext.cjs.js");require("./ThumbnailUploaderContext.cjs.js");require("./SettingsPanelContext.cjs.js");require("./pip/PiPProvider.cjs.js");require("react-dom");require("./pip/PiPWrapper.cjs.js");require("./AddonProjectContext.cjs.js");require("./AddonContext.cjs.js");require("./MoveEntityContext.cjs.js");require("react-redux");require("custom-protocol-check");const l={slicer:{label:"Slicer",description:"Advanced filtering system for project organization.",bullet:"Powerful project filtering tools"},annotations:{label:"Annotations",description:"Create detailed visual feedback directly on media files.",bullet:"Advanced media review tools"},releases:{label:"Release History",description:"Access and download the complete archive of releases",bullet:"Full release archive access"},advancedFilters:{label:"Advanced Filters",description:"Customize your view and find your data with powerful filtering options",bullet:"Advanced filtering options"},listAttributes:{label:"List Attributes",description:"Add custom attributes to your lists for better collaboration and organization.",bullet:"Custom attributes for lists"},listAccess:{label:"List Access",description:"Manage and control access to your lists with advanced sharing options.",bullet:"Advanced list sharing options"},groupAttributes:{label:"Group Attributes",description:"Group tasks by assignees, status, or other attributes for better organization.",bullet:"Group tasks by attributes"},sharedViews:{label:"Shared Views",description:"Save custom views and share them with team members for better collaboration.",bullet:"Save and share custom views"}},d=r.createContext(void 0),k=({children:i,debug:e})=>{const[t,a]=r.useState(null),p=o=>o?l[o]:null,[c,u]=r.useState(!1),w=async()=>!1,[n,{isLoaded:q,isLoading:P}]=v.useLoadModule({addon:"powerpack",remote:"license",module:"checkPowerLicense",fallback:w});r.useEffect(()=>{(async()=>{if((e==null?void 0:e.powerLicense)!==void 0)console.warn("Using debug power license:",e.powerLicense),u(e.powerLicense);else if(q)try{const s=await n();u(s)}catch(s){console.error("Error checking power license:",s),u(!1)}})()},[e,q,n]);const b=r.useMemo(()=>({powerLicense:c,selectedPowerPack:t,setPowerpackDialog:a,powerpackDialog:p(t)}),[c,t,a]);return f.jsxRuntimeExports.jsx(d.Provider,{value:b,children:i})},h=()=>{const i=r.useContext(d);if(i===void 0)throw new Error("usePowerpack must be used within a PowerpackProvider");return i};exports.PowerpackProvider=k;exports.powerpackFeatures=l;exports.usePowerpack=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../../../_virtual/jsx-runtime.cjs.js"),r=require("react"),k=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("./RemoteModulesContext.cjs.js");require("./DetailsPanelContext.cjs.js");require("./ThumbnailUploaderContext.cjs.js");require("./SettingsPanelContext.cjs.js");require("./pip/PiPProvider.cjs.js");require("react-dom");require("./pip/PiPWrapper.cjs.js");require("./AddonProjectContext.cjs.js");require("./AddonContext.cjs.js");require("./MoveEntityContext.cjs.js");require("react-redux");require("custom-protocol-check");const l={slicer:{label:"Slicer",description:"Advanced filtering system for project organization.",bullet:"Powerful project filtering tools"},annotations:{label:"Annotations",description:"Create detailed visual feedback directly on media files.",bullet:"Advanced media review tools"},releases:{label:"Release History",description:"Access and download the complete archive of releases",bullet:"Full release archive access"},advancedFilters:{label:"Advanced Filters",description:"Customize your view and find your data with powerful filtering options",bullet:"Advanced filtering options"},listAttributes:{label:"List Attributes",description:"Add custom attributes to your lists for better collaboration and organization.",bullet:"Custom attributes for lists"},groupAttributes:{label:"Group Attributes",description:"Group tasks by assignees, status, or other attributes for better organization.",bullet:"Group tasks by attributes"},sharedViews:{label:"Shared Views",description:"Save custom views and share them with team members for better collaboration.",bullet:"Save and share custom views"}},d=r.createContext(void 0),v=({children:i,debug:e})=>{const[u,a]=r.useState(null),p=o=>o?l[o]:null,[c,t]=r.useState(!1),w=async()=>!1,[q,{isLoaded:n,isLoading:h}]=k.useLoadModule({addon:"powerpack",remote:"license",module:"checkPowerLicense",fallback:w});r.useEffect(()=>{(async()=>{if((e==null?void 0:e.powerLicense)!==void 0)console.warn("Using debug power license:",e.powerLicense),t(e.powerLicense);else if(n)try{const s=await q();t(s)}catch(s){console.error("Error checking power license:",s),t(!1)}})()},[e,n,q]);const b=r.useMemo(()=>({powerLicense:c,selectedPowerPack:u,setPowerpackDialog:a,powerpackDialog:p(u)}),[c,u,a]);return f.jsxRuntimeExports.jsx(d.Provider,{value:b,children:i})},P=()=>{const i=r.useContext(d);if(i===void 0)throw new Error("usePowerpack must be used within a PowerpackProvider");return i};exports.PowerpackProvider=v;exports.powerpackFeatures=l;exports.usePowerpack=P;
 //# sourceMappingURL=PowerpackContext.cjs.js.map

package/dist/shared/src/context/PowerpackContext.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PowerpackContext.cjs.js","sources":["../../../../src/context/PowerpackContext.tsx"],"sourcesContent":["import { useLoadModule } from '@shared/hooks'\nimport { createContext, useContext, ReactNode, useState, useEffect, useMemo } from 'react'\n\nexport type PowerpackFeature =\n \| 'slicer'\n \| 'annotations'\n \| 'releases'\n \| 'advancedFilters'\n \| 'listAttributes'\n \| '~~listAccess'\n \| '~~groupAttributes'\n \| 'sharedViews'\nexport type PowerpackDialogType = {\n label: string\n description: string\n bullet: string\n icon?: string\n}\n\nexport const powerpackFeatures: {\n [key in PowerpackFeature]: PowerpackDialogType\n} = {\n slicer: {\n label: 'Slicer',\n description: 'Advanced filtering system for project organization.',\n bullet: 'Powerful project filtering tools',\n },\n annotations: {\n label: 'Annotations',\n description: 'Create detailed visual feedback directly on media files.',\n bullet: 'Advanced media review tools',\n },\n releases: {\n label: 'Release History',\n description: 'Access and download the complete archive of releases',\n bullet: 'Full release archive access',\n },\n advancedFilters: {\n label: 'Advanced Filters',\n description: 'Customize your view and find your data with powerful filtering options',\n bullet: 'Advanced filtering options',\n },\n listAttributes: {\n label: 'List Attributes',\n description: 'Add custom attributes to your lists for better collaboration and organization.',\n bullet: 'Custom attributes for lists',\n },\n ~~listAccess: {\n label: 'List Access',\n description: 'Manage and control access to your lists with advanced sharing options.',\n bullet: 'Advanced list sharing options',\n },\n~~ groupAttributes: {\n label: 'Group Attributes',\n description: 'Group tasks by assignees, status, or other attributes for better organization.',\n bullet: 'Group tasks by attributes',\n },\n sharedViews: {\n label: 'Shared Views',\n description: 'Save custom views and share them with team members for better collaboration.',\n bullet: 'Save and share custom views',\n },\n}\nexport type PowerpackContextType = {\n selectedPowerPack: null \| PowerpackFeature\n setPowerpackDialog: (open: PowerpackContextType['selectedPowerPack']) => void\n powerpackDialog: PowerpackDialogType \| null\n powerLicense: boolean\n}\n\nconst PowerpackContext = createContext<PowerpackContextType \| undefined>(undefined)\n\nexport const PowerpackProvider = ({\n children,\n debug,\n}: {\n children: ReactNode\n debug?: { powerLicense?: boolean }\n}) => {\n const [selectedPowerPack, setPowerpackDialog] =\n useState<PowerpackContextType['selectedPowerPack']>(null)\n\n const resolvePowerPackDialog = (selected: PowerpackContextType['selectedPowerPack']) => {\n if (!selected) return null\n return powerpackFeatures[selected]\n }\n\n // check license state\n const [powerLicense, setPowerLicense] = useState(false)\n\n // Define the type for the license check function\n type CheckPowerLicenseFunction = () => Promise<boolean>\n\n // Fallback function that returns false when the module isn't loaded\n const fallbackCheckLicense: CheckPowerLicenseFunction = async () => false\n\n // Load the remote module\n const [checkPowerLicense, { isLoaded, isLoading }] = useLoadModule<CheckPowerLicenseFunction>({\n addon: 'powerpack',\n remote: 'license',\n module: 'checkPowerLicense',\n fallback: fallbackCheckLicense,\n })\n\n useEffect(() => {\n const checkLicense = async () => {\n if (debug?.powerLicense !== undefined) {\n console.warn('Using debug power license:', debug.powerLicense)\n setPowerLicense(debug.powerLicense)\n } else if (isLoaded) {\n try {\n const hasPowerLicense = await checkPowerLicense()\n setPowerLicense(hasPowerLicense)\n } catch (error) {\n console.error('Error checking power license:', error)\n setPowerLicense(false)\n }\n }\n }\n\n checkLicense()\n }, [debug, isLoaded, checkPowerLicense])\n\n const value = useMemo(\n () => ({\n powerLicense: powerLicense,\n selectedPowerPack,\n setPowerpackDialog,\n powerpackDialog: resolvePowerPackDialog(selectedPowerPack),\n }),\n [powerLicense, selectedPowerPack, setPowerpackDialog],\n )\n\n return <PowerpackContext.Provider value={value}>{children}</PowerpackContext.Provider>\n}\n\nexport const usePowerpack = () => {\n const context = useContext(PowerpackContext)\n if (context === undefined) {\n throw new Error('usePowerpack must be used within a PowerpackProvider')\n }\n return context\n}\n"],"names":["powerpackFeatures","PowerpackContext","createContext","PowerpackProvider","children","debug","selectedPowerPack","setPowerpackDialog","useState","resolvePowerPackDialog","selected","powerLicense","setPowerLicense","fallbackCheckLicense","checkPowerLicense","isLoaded","isLoading","useLoadModule","useEffect","hasPowerLicense","error","value","useMemo","jsx","usePowerpack","context","useContext"],"mappings":"~~ogJAmBO~~,MAAMA,EAET,CACF,OAAQ,CACN,MAAO,SACP,YAAa,sDACb,OAAQ,kCACV,EACA,YAAa,CACX,MAAO,cACP,YAAa,2DACb,OAAQ,6BACV,EACA,SAAU,CACR,MAAO,kBACP,YAAa,uDACb,OAAQ,6BACV,EACA,gBAAiB,CACf,MAAO,mBACP,YAAa,yEACb,OAAQ,4BACV,EACA,eAAgB,CACd,MAAO,kBACP,YAAa,iFACb,OAAQ,6BACV,EACA,~~WAAY,CACV,MAAO,cACP,YAAa,yEACb,OAAQ,+BACV,EACA,~~gBAAiB,CACf,MAAO,mBACP,YAAa,iFACb,OAAQ,2BACV,EACA,YAAa,CACX,MAAO,eACP,YAAa,+EACb,OAAQ,6BAAA,CAEZ,EAQMC,EAAmBC,gBAAgD,MAAS,EAErEC,EAAoB,CAAC,CAChC,SAAAC,EACA,MAAAC,CACF,IAGM,CACJ,KAAM,CAACC,EAAmBC,CAAkB,EAC1CC,EAAAA,SAAoD,IAAI,EAEpDC,EAA0BC,GACzBA,EACEV,EAAkBU,CAAQ,EADX,KAKlB,CAACC,EAAcC,CAAe,EAAIJ,EAAAA,SAAS,EAAK,EAMhDK,EAAkD,SAAY,GAG9D,CAACC,EAAmB,CAAE,SAAAC,EAAU,UAAAC,CAAW,CAAA,EAAIC,EAAAA,cAAyC,CAC5F,MAAO,YACP,OAAQ,UACR,OAAQ,oBACR,SAAUJ,CAAA,CACX,EAEDK,EAAAA,UAAU,IAAM,EACO,SAAY,CAC3B,IAAAb,GAAA,YAAAA,EAAO,gBAAiB,OAClB,QAAA,KAAK,6BAA8BA,EAAM,YAAY,EAC7DO,EAAgBP,EAAM,YAAY,UACzBU,EACL,GAAA,CACI,MAAAI,EAAkB,MAAML,EAAkB,EAChDF,EAAgBO,CAAe,QACxBC,EAAO,CACN,QAAA,MAAM,gCAAiCA,CAAK,EACpDR,EAAgB,EAAK,CAAA,CAG3B,GAEa,CACZ,EAAA,CAACP,EAAOU,EAAUD,CAAiB,CAAC,EAEvC,MAAMO,EAAQC,EAAA,QACZ,KAAO,CACL,aAAAX,EACA,kBAAAL,EACA,mBAAAC,EACA,gBAAiBE,EAAuBH,CAAiB,CAAA,GAE3D,CAACK,EAAcL,EAAmBC,CAAkB,CACtD,EAEA,OAAQgB,EAAAA,kBAAAA,IAAAtB,EAAiB,SAAjB,CAA0B,MAAAoB,EAAe,SAAAjB,CAAS,CAAA,CAC5D,EAEaoB,EAAe,IAAM,CAC1B,MAAAC,EAAUC,aAAWzB,CAAgB,EAC3C,GAAIwB,IAAY,OACR,MAAA,IAAI,MAAM,sDAAsD,EAEjE,OAAAA,CACT"}
1	+ {"version":3,"file":"PowerpackContext.cjs.js","sources":["../../../../src/context/PowerpackContext.tsx"],"sourcesContent":["import { useLoadModule } from '@shared/hooks'\nimport { createContext, useContext, ReactNode, useState, useEffect, useMemo } from 'react'\n\nexport type PowerpackFeature =\n \| 'slicer'\n \| 'annotations'\n \| 'releases'\n \| 'advancedFilters'\n \| 'listAttributes'\n \| 'groupAttributes'\n \| 'sharedViews'\nexport type PowerpackDialogType = {\n label: string\n description: string\n bullet: string\n icon?: string\n}\n\nexport const powerpackFeatures: {\n [key in PowerpackFeature]: PowerpackDialogType\n} = {\n slicer: {\n label: 'Slicer',\n description: 'Advanced filtering system for project organization.',\n bullet: 'Powerful project filtering tools',\n },\n annotations: {\n label: 'Annotations',\n description: 'Create detailed visual feedback directly on media files.',\n bullet: 'Advanced media review tools',\n },\n releases: {\n label: 'Release History',\n description: 'Access and download the complete archive of releases',\n bullet: 'Full release archive access',\n },\n advancedFilters: {\n label: 'Advanced Filters',\n description: 'Customize your view and find your data with powerful filtering options',\n bullet: 'Advanced filtering options',\n },\n listAttributes: {\n label: 'List Attributes',\n description: 'Add custom attributes to your lists for better collaboration and organization.',\n bullet: 'Custom attributes for lists',\n },\n groupAttributes: {\n label: 'Group Attributes',\n description: 'Group tasks by assignees, status, or other attributes for better organization.',\n bullet: 'Group tasks by attributes',\n },\n sharedViews: {\n label: 'Shared Views',\n description: 'Save custom views and share them with team members for better collaboration.',\n bullet: 'Save and share custom views',\n },\n}\nexport type PowerpackContextType = {\n selectedPowerPack: null \| PowerpackFeature\n setPowerpackDialog: (open: PowerpackContextType['selectedPowerPack']) => void\n powerpackDialog: PowerpackDialogType \| null\n powerLicense: boolean\n}\n\nconst PowerpackContext = createContext<PowerpackContextType \| undefined>(undefined)\n\nexport const PowerpackProvider = ({\n children,\n debug,\n}: {\n children: ReactNode\n debug?: { powerLicense?: boolean }\n}) => {\n const [selectedPowerPack, setPowerpackDialog] =\n useState<PowerpackContextType['selectedPowerPack']>(null)\n\n const resolvePowerPackDialog = (selected: PowerpackContextType['selectedPowerPack']) => {\n if (!selected) return null\n return powerpackFeatures[selected]\n }\n\n // check license state\n const [powerLicense, setPowerLicense] = useState(false)\n\n // Define the type for the license check function\n type CheckPowerLicenseFunction = () => Promise<boolean>\n\n // Fallback function that returns false when the module isn't loaded\n const fallbackCheckLicense: CheckPowerLicenseFunction = async () => false\n\n // Load the remote module\n const [checkPowerLicense, { isLoaded, isLoading }] = useLoadModule<CheckPowerLicenseFunction>({\n addon: 'powerpack',\n remote: 'license',\n module: 'checkPowerLicense',\n fallback: fallbackCheckLicense,\n })\n\n useEffect(() => {\n const checkLicense = async () => {\n if (debug?.powerLicense !== undefined) {\n console.warn('Using debug power license:', debug.powerLicense)\n setPowerLicense(debug.powerLicense)\n } else if (isLoaded) {\n try {\n const hasPowerLicense = await checkPowerLicense()\n setPowerLicense(hasPowerLicense)\n } catch (error) {\n console.error('Error checking power license:', error)\n setPowerLicense(false)\n }\n }\n }\n\n checkLicense()\n }, [debug, isLoaded, checkPowerLicense])\n\n const value = useMemo(\n () => ({\n powerLicense: powerLicense,\n selectedPowerPack,\n setPowerpackDialog,\n powerpackDialog: resolvePowerPackDialog(selectedPowerPack),\n }),\n [powerLicense, selectedPowerPack, setPowerpackDialog],\n )\n\n return <PowerpackContext.Provider value={value}>{children}</PowerpackContext.Provider>\n}\n\nexport const usePowerpack = () => {\n const context = useContext(PowerpackContext)\n if (context === undefined) {\n throw new Error('usePowerpack must be used within a PowerpackProvider')\n }\n return context\n}\n"],"names":["powerpackFeatures","PowerpackContext","createContext","PowerpackProvider","children","debug","selectedPowerPack","setPowerpackDialog","useState","resolvePowerPackDialog","selected","powerLicense","setPowerLicense","fallbackCheckLicense","checkPowerLicense","isLoaded","isLoading","useLoadModule","useEffect","hasPowerLicense","error","value","useMemo","jsx","usePowerpack","context","useContext"],"mappings":"ogJAkBO,MAAMA,EAET,CACF,OAAQ,CACN,MAAO,SACP,YAAa,sDACb,OAAQ,kCACV,EACA,YAAa,CACX,MAAO,cACP,YAAa,2DACb,OAAQ,6BACV,EACA,SAAU,CACR,MAAO,kBACP,YAAa,uDACb,OAAQ,6BACV,EACA,gBAAiB,CACf,MAAO,mBACP,YAAa,yEACb,OAAQ,4BACV,EACA,eAAgB,CACd,MAAO,kBACP,YAAa,iFACb,OAAQ,6BACV,EACA,gBAAiB,CACf,MAAO,mBACP,YAAa,iFACb,OAAQ,2BACV,EACA,YAAa,CACX,MAAO,eACP,YAAa,+EACb,OAAQ,6BAAA,CAEZ,EAQMC,EAAmBC,gBAAgD,MAAS,EAErEC,EAAoB,CAAC,CAChC,SAAAC,EACA,MAAAC,CACF,IAGM,CACJ,KAAM,CAACC,EAAmBC,CAAkB,EAC1CC,EAAAA,SAAoD,IAAI,EAEpDC,EAA0BC,GACzBA,EACEV,EAAkBU,CAAQ,EADX,KAKlB,CAACC,EAAcC,CAAe,EAAIJ,EAAAA,SAAS,EAAK,EAMhDK,EAAkD,SAAY,GAG9D,CAACC,EAAmB,CAAE,SAAAC,EAAU,UAAAC,CAAW,CAAA,EAAIC,EAAAA,cAAyC,CAC5F,MAAO,YACP,OAAQ,UACR,OAAQ,oBACR,SAAUJ,CAAA,CACX,EAEDK,EAAAA,UAAU,IAAM,EACO,SAAY,CAC3B,IAAAb,GAAA,YAAAA,EAAO,gBAAiB,OAClB,QAAA,KAAK,6BAA8BA,EAAM,YAAY,EAC7DO,EAAgBP,EAAM,YAAY,UACzBU,EACL,GAAA,CACI,MAAAI,EAAkB,MAAML,EAAkB,EAChDF,EAAgBO,CAAe,QACxBC,EAAO,CACN,QAAA,MAAM,gCAAiCA,CAAK,EACpDR,EAAgB,EAAK,CAAA,CAG3B,GAEa,CACZ,EAAA,CAACP,EAAOU,EAAUD,CAAiB,CAAC,EAEvC,MAAMO,EAAQC,EAAA,QACZ,KAAO,CACL,aAAAX,EACA,kBAAAL,EACA,mBAAAC,EACA,gBAAiBE,EAAuBH,CAAiB,CAAA,GAE3D,CAACK,EAAcL,EAAmBC,CAAkB,CACtD,EAEA,OAAQgB,EAAAA,kBAAAA,IAAAtB,EAAiB,SAAjB,CAA0B,MAAAoB,EAAe,SAAAjB,CAAS,CAAA,CAC5D,EAEaoB,EAAe,IAAM,CAC1B,MAAAC,EAAUC,aAAWzB,CAAgB,EAC3C,GAAIwB,IAAY,OACR,MAAA,IAAI,MAAM,sDAAsD,EAEjE,OAAAA,CACT"}

package/dist/shared/src/context/PowerpackContext.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { j as b } from "../../../_virtual/jsx-runtime.es.js";
-import { createContext as f, useContext as h, useState as n, useEffect as v, useMemo as k } from "react";
+import { j as f } from "../../../_virtual/jsx-runtime.es.js";
+import { createContext as b, useContext as k, useState as n, useEffect as v, useMemo as h } from "react";
 import { useLoadModule as P } from "../hooks/useLoadModule.es.js";
 import "../../../_virtual/runtime.es.js";
 import "../../../_virtual/semver.es.js";
@@ -121,11 +121,6 @@ const L = {
     description: "Add custom attributes to your lists for better collaboration and organization.",
     bullet: "Custom attributes for lists"
   },
-  listAccess: {
-    label: "List Access",
-    description: "Manage and control access to your lists with advanced sharing options.",
-    bullet: "Advanced list sharing options"
-  },
   groupAttributes: {
     label: "Group Attributes",
     description: "Group tasks by assignees, status, or other attributes for better organization.",
@@ -136,15 +131,15 @@ const L = {
     description: "Save custom views and share them with team members for better collaboration.",
     bullet: "Save and share custom views"
   }
-}, l = f(void 0), uo = ({
+}, l = b(void 0), uo = ({
   children: o,
   debug: t
 }) => {
-  const [r, p] = n(null), d = (e) => e ? L[e] : null, [m, i] = n(!1), u = async () => !1, [a, { isLoaded: c, isLoading: A }] = P({
+  const [r, s] = n(null), u = (e) => e ? L[e] : null, [m, i] = n(!1), d = async () => !1, [a, { isLoaded: c, isLoading: y }] = P({
     addon: "powerpack",
     remote: "license",
     module: "checkPowerLicense",
-    fallback: u
+    fallback: d
   });
   v(() => {
     (async () => {
@@ -152,25 +147,25 @@ const L = {
         console.warn("Using debug power license:", t.powerLicense), i(t.powerLicense);
       else if (c)
         try {
-          const s = await a();
-          i(s);
-        } catch (s) {
-          console.error("Error checking power license:", s), i(!1);
+          const p = await a();
+          i(p);
+        } catch (p) {
+          console.error("Error checking power license:", p), i(!1);
         }
     })();
   }, [t, c, a]);
-  const w = k(
+  const w = h(
     () => ({
       powerLicense: m,
       selectedPowerPack: r,
-      setPowerpackDialog: p,
-      powerpackDialog: d(r)
+      setPowerpackDialog: s,
+      powerpackDialog: u(r)
     }),
-    [m, r, p]
+    [m, r, s]
   );
-  return /* @__PURE__ */ b.jsx(l.Provider, { value: w, children: o });
+  return /* @__PURE__ */ f.jsx(l.Provider, { value: w, children: o });
 }, wo = () => {
-  const o = h(l);
+  const o = k(l);
   if (o === void 0)
     throw new Error("usePowerpack must be used within a PowerpackProvider");
   return o;