npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.15 → 0.2.17 - Mend

@ynput/ayon-frontend-shared 0.2.15 → 0.2.17

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

package/dist/shared/src/components/ReviewableProgressCard/ReviewableProgressCard.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReviewableProgressCard.es.js","sources":["../../../../../src/components/ReviewableProgressCard/ReviewableProgressCard.tsx"],"sourcesContent":["import { FC, HTMLProps } from 'react'\nimport * as Styled from './ReviewableProgressCard.styled'\nimport { Button, getFileSizeString, Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\n\nexport interface ReviewableProgress {\n name: string\n size?: number\n fileId?: string\n progress?: number // 0 - 100\n error?: string\n src?: string\n}\n\nexport interface ReviewableProgressCardProps\n extends ReviewableProgress,\n Omit<HTMLProps<HTMLDivElement>, 'name' \| 'children' \| 'as' \| 'ref'> {\n onRemove?: () => void\n tooltip?: string\n type: 'upload' \| 'processing' \| 'unsupported' \| 'queued'\n}\n\nexport const ReviewableProgressCard: FC<ReviewableProgressCardProps> = ({\n name,\n progress,\n size,\n type,\n fileId,\n src,\n error,\n tooltip,\n onRemove,\n ...props\n}) => {\n let message = '',\n isSpinning = false,\n icon = ''\n switch (type) {\n case 'processing':\n message = 'Transcoding'\n isSpinning = true\n icon = 'settings'\n break\n case 'unsupported':\n message = 'Unsupported - conversion required'\n icon = 'visibility_off'\n break\n case 'upload':\n message = 'Uploading'\n isSpinning = true\n icon = 'sync'\n break\n case 'queued':\n message = 'Queued - waiting to be transcoded'\n icon = 'hourglass'\n break\n default:\n break\n }\n\n if (error) {\n isSpinning = false\n icon = 'error'\n }\n\n const progressString = progress !== undefined ? `- ${progress}%` : ''\n const finished = progress === 100\n return (\n <Styled.UploadCard\n key={name}\n className={clsx({ finished, error: !!error, [type]: true })}\n id={fileId}\n {...props}\n >\n <Styled.Type>\n {src && <img src={src} />}\n {icon && <Icon icon={icon} className={clsx({ spinning: isSpinning })} />}\n </Styled.Type>\n\n <span className=\"content\">\n <span className=\"name\">{name}</span>\n <span className=\"message\">{error ? error : `${message} ${progressString}`}</span>\n </span>\n {size && <span className=\"size\">{getFileSizeString(size)}</span>}\n {tooltip && (\n <Icon icon=\"info\" className=\"info\" data-tooltip={tooltip} data-tooltip-as=\"markdown\" />\n )}\n {error && <Button icon=\"close\" variant=\"~~danger~~\" onClick={onRemove} />}\n <Styled.ProgressBar className=\"progress\" style={{ right: `${100 - (progress ?? 0)}%` }} />\n </Styled.UploadCard>\n )\n}\n"],"names":["jsxs","Styled.UploadCard","Styled.Type","jsx","Styled.ProgressBar"],"mappings":";;;;AAsBO,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,UAAU,IACZ,aAAa,OACb,OAAO;AACT,UAAQ,MAAM;AAAA,IACZ,KAAK;AACO,gBAAA;AACG,mBAAA;AACN,aAAA;AACP;AAAA,IACF,KAAK;AACO,gBAAA;AACH,aAAA;AACP;AAAA,IACF,KAAK;AACO,gBAAA;AACG,mBAAA;AACN,aAAA;AACP;AAAA,IACF,KAAK;AACO,gBAAA;AACH,aAAA;AACP;AAAA,EAEA;AAGJ,MAAI,OAAO;AACI,iBAAA;AACN,WAAA;AAAA,EAAA;AAGT,QAAM,iBAAiB,aAAa,SAAY,KAAK,QAAQ,MAAM;AACnE,QAAM,WAAW,aAAa;AAE5B,SAAAA,kCAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,WAAW,KAAK,EAAE,UAAU,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,GAAG,MAAM;AAAA,MAC1D,IAAI;AAAA,MACH,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACD,uCAAAE,MAAA,EACE,UAAA;AAAA,UAAO,OAAAC,kCAAA,IAAC,SAAI,IAAU,CAAA;AAAA,UACtB,QAASA,kCAAAA,IAAA,MAAA,EAAK,MAAY,WAAW,KAAK,EAAE,UAAU,WAAW,CAAC,EAAG,CAAA;AAAA,QAAA,GACxE;AAAA,QAEAH,kCAAAA,KAAC,QAAK,EAAA,WAAU,WACd,UAAA;AAAA,UAACG,kCAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAK,MAAA;AAAA,UAC7BA,kCAAAA,IAAC,QAAK,EAAA,WAAU,WAAW,UAAA,QAAQ,QAAQ,GAAG,OAAO,IAAI,cAAc,GAAG,CAAA;AAAA,QAAA,GAC5E;AAAA,QACC,QAASA,kCAAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAA,kBAAkB,IAAI,GAAE;AAAA,QACxD,WACEA,kCAAA,IAAA,MAAA,EAAK,MAAK,QAAO,WAAU,QAAO,gBAAc,SAAS,mBAAgB,WAAW,CAAA;AAAA,~~QAEtF,+CAAU~~,~~QAAO~~,~~EAAA~~,MAAK,SAAQ,SAAQ,~~UAAS~~,SAAS,~~UAAU~~;AAAA,~~QAClEA~~,kCAAAA,IAAAC,aAAA,EAAmB,WAAU,YAAW,OAAO,EAAE,OAAO,GAAG,OAAO,YAAY,EAAE,MAAO,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAnBnF;AAAA,EAoBP;AAEJ;"}
1	+ {"version":3,"file":"ReviewableProgressCard.es.js","sources":["../../../../../src/components/ReviewableProgressCard/ReviewableProgressCard.tsx"],"sourcesContent":["import { FC, HTMLProps } from 'react'\nimport * as Styled from './ReviewableProgressCard.styled'\nimport { Button, getFileSizeString, Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\n\nexport interface ReviewableProgress {\n name: string\n size?: number\n fileId?: string\n progress?: number // 0 - 100\n error?: string\n src?: string\n}\n\nexport interface ReviewableProgressCardProps\n extends ReviewableProgress,\n Omit<HTMLProps<HTMLDivElement>, 'name' \| 'children' \| 'as' \| 'ref'> {\n onRemove?: () => void\n tooltip?: string\n type: 'upload' \| 'processing' \| 'unsupported' \| 'queued' \| 'waiting'\n}\n\nexport const ReviewableProgressCard: FC<ReviewableProgressCardProps> = ({\n name,\n progress,\n size,\n type,\n fileId,\n src,\n error,\n tooltip,\n onRemove,\n ...props\n}) => {\n let message = '',\n isSpinning = false,\n icon = ''\n switch (type) {\n case 'processing':\n message = 'Transcoding'\n isSpinning = true\n icon = 'settings'\n break\n case 'unsupported':\n message = 'Unsupported - conversion required'\n icon = 'visibility_off'\n break\n case 'upload':\n message = 'Uploading'\n isSpinning = true\n icon = 'sync'\n break\n case 'queued':\n message = 'Queued - waiting to be transcoded'\n icon = 'hourglass'\n break\n case 'waiting':\n message = 'Waiting for upload'\n icon = 'schedule'\n break\n default:\n break\n }\n\n if (error) {\n isSpinning = false\n icon = 'error'\n }\n\n const progressString = progress !== undefined ? `- ${progress}%` : ''\n const finished = progress === 100\n return (\n <Styled.UploadCard\n key={name}\n className={clsx({ finished, error: !!error, [type]: true })}\n id={fileId}\n {...props}\n >\n <Styled.Type>\n {src && <img src={src} />}\n {icon && <Icon icon={icon} className={clsx({ spinning: isSpinning })} />}\n </Styled.Type>\n\n <span className=\"content\">\n <span className=\"name\">{name}</span>\n <span className=\"message\">{error ? error : `${message} ${progressString}`}</span>\n </span>\n {size && <span className=\"size\">{getFileSizeString(size)}</span>}\n {tooltip && (\n <Icon icon=\"info\" className=\"info\" data-tooltip={tooltip} data-tooltip-as=\"markdown\" />\n )}\n {(error \|\| type === 'waiting') && <Button icon=\"close\" variant=\"text\" onClick={onRemove} />}\n <Styled.ProgressBar className=\"progress\" style={{ right: `${100 - (progress ?? 0)}%` }} />\n </Styled.UploadCard>\n )\n}\n"],"names":["jsxs","Styled.UploadCard","Styled.Type","jsx","Styled.ProgressBar"],"mappings":";;;;AAsBO,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,UAAU,IACZ,aAAa,OACb,OAAO;AACT,UAAQ,MAAM;AAAA,IACZ,KAAK;AACO,gBAAA;AACG,mBAAA;AACN,aAAA;AACP;AAAA,IACF,KAAK;AACO,gBAAA;AACH,aAAA;AACP;AAAA,IACF,KAAK;AACO,gBAAA;AACG,mBAAA;AACN,aAAA;AACP;AAAA,IACF,KAAK;AACO,gBAAA;AACH,aAAA;AACP;AAAA,IACF,KAAK;AACO,gBAAA;AACH,aAAA;AACP;AAAA,EAEA;AAGJ,MAAI,OAAO;AACI,iBAAA;AACN,WAAA;AAAA,EAAA;AAGT,QAAM,iBAAiB,aAAa,SAAY,KAAK,QAAQ,MAAM;AACnE,QAAM,WAAW,aAAa;AAE5B,SAAAA,kCAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MAEC,WAAW,KAAK,EAAE,UAAU,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,GAAG,MAAM;AAAA,MAC1D,IAAI;AAAA,MACH,GAAG;AAAA,MAEJ,UAAA;AAAA,QAACD,uCAAAE,MAAA,EACE,UAAA;AAAA,UAAO,OAAAC,kCAAA,IAAC,SAAI,IAAU,CAAA;AAAA,UACtB,QAASA,kCAAAA,IAAA,MAAA,EAAK,MAAY,WAAW,KAAK,EAAE,UAAU,WAAW,CAAC,EAAG,CAAA;AAAA,QAAA,GACxE;AAAA,QAEAH,kCAAAA,KAAC,QAAK,EAAA,WAAU,WACd,UAAA;AAAA,UAACG,kCAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAK,MAAA;AAAA,UAC7BA,kCAAAA,IAAC,QAAK,EAAA,WAAU,WAAW,UAAA,QAAQ,QAAQ,GAAG,OAAO,IAAI,cAAc,GAAG,CAAA;AAAA,QAAA,GAC5E;AAAA,QACC,QAASA,kCAAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAA,kBAAkB,IAAI,GAAE;AAAA,QACxD,WACEA,kCAAA,IAAA,MAAA,EAAK,MAAK,QAAO,WAAU,QAAO,gBAAc,SAAS,mBAAgB,WAAW,CAAA;AAAA,SAErF,SAAS,SAAS,cAAeA,kCAAAA,IAAA,QAAA,EAAO,MAAK,SAAQ,SAAQ,QAAO,SAAS,SAAU,CAAA;AAAA,QACxFA,kCAAAA,IAAAC,aAAA,EAAmB,WAAU,YAAW,OAAO,EAAE,OAAO,GAAG,OAAO,YAAY,EAAE,MAAO,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAnBnF;AAAA,EAoBP;AAEJ;"}

package/dist/shared/src/components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js CHANGED Viewed

@@ -23,14 +23,14 @@ const UploadCard = styled.div`
   gap: var(--base-gap-large);
   border-radius: var(--border-radius-m);
   padding: 0 var(--padding-s);
-  background-color: var(--md-sys-color-surface-container);
-  border: 1px solid var(--md-sys-color-surface-container);
+  background-color: var(--md-sys-color-surface-container-high);
+  border: 1px solid var(--md-sys-color-surface-container-high);
   /* only show affect for unsupported */
   &.unsupported {
     &:hover {
-      background-color: var(--md-sys-color-surface-container-hover);
-      border: 1px solid var(--md-sys-color-surface-container-hover);
+      background-color: var(--md-sys-color-surface-container-high-hover);
+      border: 1px solid var(--md-sys-color-surface-container-high-hover);
     }
   }
@@ -94,7 +94,7 @@ const Type = styled.div`
   align-items: center;
   justify-content: center;
-  background-color: var(--md-sys-color-surface-container-low);
+  background-color: var(--md-sys-color-surface-container-high-low);
   border-radius: var(--border-radius-m);
   overflow: hidden;

package/dist/shared/src/components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReviewableProgressCard.styled.cjs.js","sources":["../../../../../src/components/ReviewableProgressCard/ReviewableProgressCard.styled.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\n\n// spin animation\nconst spinAnimation = keyframes`\n from {\n transform: rotate(360deg);\n }\n\n to {\n transform: rotate(0deg);\n }\n\n`\n\nexport const UploadCard = styled.div`\n position: relative;\n width: 100%;\n min-height: 50px;\n display: flex;\n align-items: center;\n user-select: none;\n overflow: hidden;\n\n gap: var(--base-gap-large);\n border-radius: var(--border-radius-m);\n padding: 0 var(--padding-s);\n background-color: var(--md-sys-color-surface-container);\n border: 1px solid var(--md-sys-color-surface-container);\n\n /* only show affect for unsupported /\n &.unsupported {\n &:hover {\n background-color: var(--md-sys-color-surface-container-hover);\n border: 1px solid var(--md-sys-color-surface-container-hover);\n }\n }\n\n .content {\n flex: 1;\n }\n\n .name {\n display: block;\n }\n\n .message {\n color: var(--md-sys-color-outline);\n }\n\n .size {\n color: var(--md-sys-color-outline);\n }\n\n &.finished {\n .icon {\n / remove animation /\n animation: none;\n / full /\n font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n }\n }\n\n &.error {\n background-color: var(--md-sys-color-error-container);\n .progress {\n display: none;\n }\n & > ,\n .message {\n color: var(--md-sys-color-on-error-container);\n }\n }\n\n .info {\n margin-right: var(--padding-s);\n }\n\n & > * {\n z-index: 10;\n }\n`\n\nexport const ProgressBar = styled.div`\n position: absolute;\n inset: 0;\n background-color: var(--md-sys-color-primary-container);\n z-index: 0;\n transition: right 0.2s;\n`\n\nexport const Type = styled.div`\n position: relative;\n width: 71px;\n height: 40px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background-color: var(--md-sys-color-surface-container-low);\n border-radius: var(--border-radius-m);\n overflow: hidden;\n\n .icon {\n font-size: 24px;\n z-index: 10;\n\n &.spinning {\n /* spin animation */\n animation: ${spinAnimation} 1s infinite linear;\n }\n }\n\n img {\n width: 100%;\n height: 100%;\n position: absolute;\n inset: 0;\n object-fit: cover;\n opacity: 0.5;\n }\n`\n"],"names":["keyframes"],"mappings":";;;AAGA,MAAM,gBAAgBA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWf,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoE1B,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAmBR,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}
1	+ {"version":3,"file":"ReviewableProgressCard.styled.cjs.js","sources":["../../../../../src/components/ReviewableProgressCard/ReviewableProgressCard.styled.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\n\n// spin animation\nconst spinAnimation = keyframes`\n from {\n transform: rotate(360deg);\n }\n\n to {\n transform: rotate(0deg);\n }\n\n`\n\nexport const UploadCard = styled.div`\n position: relative;\n width: 100%;\n min-height: 50px;\n display: flex;\n align-items: center;\n user-select: none;\n overflow: hidden;\n\n gap: var(--base-gap-large);\n border-radius: var(--border-radius-m);\n padding: 0 var(--padding-s);\n background-color: var(--md-sys-color-surface-container-high);\n border: 1px solid var(--md-sys-color-surface-container-high);\n\n /* only show affect for unsupported /\n &.unsupported {\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n border: 1px solid var(--md-sys-color-surface-container-high-hover);\n }\n }\n\n .content {\n flex: 1;\n }\n\n .name {\n display: block;\n }\n\n .message {\n color: var(--md-sys-color-outline);\n }\n\n .size {\n color: var(--md-sys-color-outline);\n }\n\n &.finished {\n .icon {\n / remove animation /\n animation: none;\n / full /\n font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n }\n }\n\n &.error {\n background-color: var(--md-sys-color-error-container);\n .progress {\n display: none;\n }\n & > ,\n .message {\n color: var(--md-sys-color-on-error-container);\n }\n }\n\n .info {\n margin-right: var(--padding-s);\n }\n\n & > * {\n z-index: 10;\n }\n`\n\nexport const ProgressBar = styled.div`\n position: absolute;\n inset: 0;\n background-color: var(--md-sys-color-primary-container);\n z-index: 0;\n transition: right 0.2s;\n`\n\nexport const Type = styled.div`\n position: relative;\n width: 71px;\n height: 40px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background-color: var(--md-sys-color-surface-container-high-low);\n border-radius: var(--border-radius-m);\n overflow: hidden;\n\n .icon {\n font-size: 24px;\n z-index: 10;\n\n &.spinning {\n /* spin animation */\n animation: ${spinAnimation} 1s infinite linear;\n }\n }\n\n img {\n width: 100%;\n height: 100%;\n position: absolute;\n inset: 0;\n object-fit: cover;\n opacity: 0.5;\n }\n`\n"],"names":["keyframes"],"mappings":";;;AAGA,MAAM,gBAAgBA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWf,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoE1B,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAmBR,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/shared/src/components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js CHANGED Viewed

@@ -21,14 +21,14 @@ const UploadCard = styled.div`
   gap: var(--base-gap-large);
   border-radius: var(--border-radius-m);
   padding: 0 var(--padding-s);
-  background-color: var(--md-sys-color-surface-container);
-  border: 1px solid var(--md-sys-color-surface-container);
+  background-color: var(--md-sys-color-surface-container-high);
+  border: 1px solid var(--md-sys-color-surface-container-high);
   /* only show affect for unsupported */
   &.unsupported {
     &:hover {
-      background-color: var(--md-sys-color-surface-container-hover);
-      border: 1px solid var(--md-sys-color-surface-container-hover);
+      background-color: var(--md-sys-color-surface-container-high-hover);
+      border: 1px solid var(--md-sys-color-surface-container-high-hover);
     }
   }
@@ -92,7 +92,7 @@ const Type = styled.div`
   align-items: center;
   justify-content: center;
-  background-color: var(--md-sys-color-surface-container-low);
+  background-color: var(--md-sys-color-surface-container-high-low);
   border-radius: var(--border-radius-m);
   overflow: hidden;

package/dist/shared/src/components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReviewableProgressCard.styled.es.js","sources":["../../../../../src/components/ReviewableProgressCard/ReviewableProgressCard.styled.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\n\n// spin animation\nconst spinAnimation = keyframes`\n from {\n transform: rotate(360deg);\n }\n\n to {\n transform: rotate(0deg);\n }\n\n`\n\nexport const UploadCard = styled.div`\n position: relative;\n width: 100%;\n min-height: 50px;\n display: flex;\n align-items: center;\n user-select: none;\n overflow: hidden;\n\n gap: var(--base-gap-large);\n border-radius: var(--border-radius-m);\n padding: 0 var(--padding-s);\n background-color: var(--md-sys-color-surface-container);\n border: 1px solid var(--md-sys-color-surface-container);\n\n /* only show affect for unsupported /\n &.unsupported {\n &:hover {\n background-color: var(--md-sys-color-surface-container-hover);\n border: 1px solid var(--md-sys-color-surface-container-hover);\n }\n }\n\n .content {\n flex: 1;\n }\n\n .name {\n display: block;\n }\n\n .message {\n color: var(--md-sys-color-outline);\n }\n\n .size {\n color: var(--md-sys-color-outline);\n }\n\n &.finished {\n .icon {\n / remove animation /\n animation: none;\n / full /\n font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n }\n }\n\n &.error {\n background-color: var(--md-sys-color-error-container);\n .progress {\n display: none;\n }\n & > ,\n .message {\n color: var(--md-sys-color-on-error-container);\n }\n }\n\n .info {\n margin-right: var(--padding-s);\n }\n\n & > * {\n z-index: 10;\n }\n`\n\nexport const ProgressBar = styled.div`\n position: absolute;\n inset: 0;\n background-color: var(--md-sys-color-primary-container);\n z-index: 0;\n transition: right 0.2s;\n`\n\nexport const Type = styled.div`\n position: relative;\n width: 71px;\n height: 40px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background-color: var(--md-sys-color-surface-container-low);\n border-radius: var(--border-radius-m);\n overflow: hidden;\n\n .icon {\n font-size: 24px;\n z-index: 10;\n\n &.spinning {\n /* spin animation */\n animation: ${spinAnimation} 1s infinite linear;\n }\n }\n\n img {\n width: 100%;\n height: 100%;\n position: absolute;\n inset: 0;\n object-fit: cover;\n opacity: 0.5;\n }\n`\n"],"names":[],"mappings":";AAGA,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWf,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoE1B,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAmBR,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"ReviewableProgressCard.styled.es.js","sources":["../../../../../src/components/ReviewableProgressCard/ReviewableProgressCard.styled.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\n\n// spin animation\nconst spinAnimation = keyframes`\n from {\n transform: rotate(360deg);\n }\n\n to {\n transform: rotate(0deg);\n }\n\n`\n\nexport const UploadCard = styled.div`\n position: relative;\n width: 100%;\n min-height: 50px;\n display: flex;\n align-items: center;\n user-select: none;\n overflow: hidden;\n\n gap: var(--base-gap-large);\n border-radius: var(--border-radius-m);\n padding: 0 var(--padding-s);\n background-color: var(--md-sys-color-surface-container-high);\n border: 1px solid var(--md-sys-color-surface-container-high);\n\n /* only show affect for unsupported /\n &.unsupported {\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n border: 1px solid var(--md-sys-color-surface-container-high-hover);\n }\n }\n\n .content {\n flex: 1;\n }\n\n .name {\n display: block;\n }\n\n .message {\n color: var(--md-sys-color-outline);\n }\n\n .size {\n color: var(--md-sys-color-outline);\n }\n\n &.finished {\n .icon {\n / remove animation /\n animation: none;\n / full /\n font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n }\n }\n\n &.error {\n background-color: var(--md-sys-color-error-container);\n .progress {\n display: none;\n }\n & > ,\n .message {\n color: var(--md-sys-color-on-error-container);\n }\n }\n\n .info {\n margin-right: var(--padding-s);\n }\n\n & > * {\n z-index: 10;\n }\n`\n\nexport const ProgressBar = styled.div`\n position: absolute;\n inset: 0;\n background-color: var(--md-sys-color-primary-container);\n z-index: 0;\n transition: right 0.2s;\n`\n\nexport const Type = styled.div`\n position: relative;\n width: 71px;\n height: 40px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n background-color: var(--md-sys-color-surface-container-high-low);\n border-radius: var(--border-radius-m);\n overflow: hidden;\n\n .icon {\n font-size: 24px;\n z-index: 10;\n\n &.spinning {\n /* spin animation */\n animation: ${spinAnimation} 1s infinite linear;\n }\n }\n\n img {\n width: 100%;\n height: 100%;\n position: absolute;\n inset: 0;\n object-fit: cover;\n opacity: 0.5;\n }\n`\n"],"names":[],"mappings":";AAGA,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWf,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoE1B,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAmBR,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/components/ReviewablesList/EditReviewableDialog.cjs.js CHANGED Viewed

@@ -35,6 +35,7 @@ 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/queries/actions/getActions.cjs.js");
 require("../../api/queries/activities/getActivities.cjs.js");
 require("../../api/queries/activities/updateActivities.cjs.js");
@@ -65,6 +66,7 @@ require("../../api/queries/users/getUsers.cjs.js");
 require("../../api/queries/users/updateUsers.cjs.js");
 require("../../api/queries/watchers/getWatchers.cjs.js");
 require("../../api/queries/permissions/getPermissions.cjs.js");
+require("../../api/queries/grouping/getGrouping.cjs.js");
 const ayonReactComponents = require("@ynput/ayon-react-components");
 const React = require("react");
 const reactToastify = require("react-toastify");

package/dist/shared/src/components/ReviewablesList/EditReviewableDialog.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditReviewableDialog.cjs.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n Button,\n Dialog,\n DialogProps,\n InputText,\n SaveButton,\n Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n label: string\n onClose: () => void\n activityId: string\n projectName: string\n versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n onClose,\n label,\n projectName,\n versionId,\n activityId,\n ...props\n}) => {\n const labelRef = useRef<HTMLInputElement>(null)\n const [labelForm, setLabelForm] = useState('')\n\n // prefill the label form with current label\n useEffect(() => {\n if (!labelRef.current) return\n setLabelForm(label)\n // highlight the text\n labelRef.current?.select()\n\n return () => {\n setLabelForm('')\n }\n }, [label, labelRef.current])\n\n const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n const handleUpdateReviewable = async () => {\n try {\n // update reviewable\n await updateReviewable({\n projectName,\n versionId,\n activityId,\n updateReviewablesRequest: {\n label: labelForm,\n },\n }).unwrap()\n\n toast.success('Reviewable updated successfully')\n\n // close dialog\n onClose()\n } catch (error) {\n console.error(error)\n toast.error('Failed to update reviewable')\n }\n }\n\n const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n if (labelForm) {\n handleUpdateReviewable()\n }\n }\n\n const handleCancel = () => {\n // clear form\n setLabelForm('')\n // close dialog\n onClose()\n }\n\n return (\n <Dialog\n onClose={onClose}\n header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n footer={\n <Toolbar>\n <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n <SaveButton\n label=\"Save\"\n active={!!labelForm}\n saving={isLoading}\n type=\"submit\"\n form=\"reviewable-form\"\n />\n </Toolbar>\n }\n size=\"sm\"\n {...props}\n >\n <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n <InputText\n value={labelForm}\n onChange={(e) => setLabelForm(e.target.value)}\n placeholder=\"Enter a new label\"\n style={{ width: '100%' }}\n autoFocus\n onKeyDown={(e) =>\n e.key === 'Enter' && (e.ctrlKey \|\| e.metaKey) && handleUpdateReviewable()\n }\n ref={labelRef}\n />\n </form>\n </Dialog>\n )\n}\n\nexport default EditReviewableDialog\n"],"names":["useRef","useState","useEffect","useUpdateReviewableMutation","toast","jsx","Dialog","RenameTitle","Toolbar","Button","SaveButton","InputText"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAqBA,MAAM,uBAAsD,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,WAAWA,aAAyB,IAAI;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,EAAE;AAG7CC,QAAAA,UAAU,MAAM;;AACV,QAAA,CAAC,SAAS,QAAS;AACvB,iBAAa,KAAK;AAElB,mBAAS,YAAT,mBAAkB;AAElB,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACC,GAAA,CAAC,OAAO,SAAS,OAAO,CAAC;AAE5B,QAAM,CAAC,kBAAkB,EAAE,UAAW,CAAA,IAAIC,aAAAA,4BAA4B;AAEtE,QAAM,yBAAyB,YAAY;AACrC,QAAA;AAEF,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA,0BAA0B;AAAA,UACxB,OAAO;AAAA,QAAA;AAAA,MAEV,CAAA,EAAE,OAAO;AAEVC,oBAAA,MAAM,QAAQ,iCAAiC;AAGvC,cAAA;AAAA,aACD,OAAO;AACd,cAAQ,MAAM,KAAK;AACnBA,oBAAA,MAAM,MAAM,6BAA6B;AAAA,IAAA;AAAA,EAE7C;AAEM,QAAA,mBAAmB,CAAC,MAAkC;AAC1D,MAAE,eAAe;AACjB,QAAI,WAAW;AACU,6BAAA;AAAA,IAAA;AAAA,EAE3B;AAEA,QAAM,eAAe,MAAM;AAEzB,iBAAa,EAAE;AAEP,YAAA;AAAA,EACV;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAQD,2BAAAA,kBAAAA,IAACE,uBAAAA,aAAa,EAAA,UAAA,kBAAkB,KAAK,IAAG;AAAA,MAChD,0DACGC,6BACC,EAAA,UAAA;AAAA,QAAAH,iDAACI,oBAAAA,UAAO,OAAM,UAAS,SAAS,cAAc,SAAQ,QAAO;AAAA,QAC7DJ,2BAAA,kBAAA;AAAA,UAACK,oBAAA;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAQ,CAAC,CAAC;AAAA,YACV,QAAQ;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MAEF,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,UAACL,2BAAAA,kBAAAA,IAAA,QAAA,EAAK,UAAU,kBAAkB,IAAG,mBACnC,UAAAA,2BAAA,kBAAA;AAAA,QAACM,oBAAA;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,OAAO,EAAE,OAAO,OAAO;AAAA,UACvB,WAAS;AAAA,UACT,WAAW,CAAC,MACV,EAAE,QAAQ,YAAY,EAAE,WAAW,EAAE,YAAY,uBAAuB;AAAA,UAE1E,KAAK;AAAA,QAAA;AAAA,MAAA,EAET,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}
1	+ {"version":3,"file":"EditReviewableDialog.cjs.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n Button,\n Dialog,\n DialogProps,\n InputText,\n SaveButton,\n Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n label: string\n onClose: () => void\n activityId: string\n projectName: string\n versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n onClose,\n label,\n projectName,\n versionId,\n activityId,\n ...props\n}) => {\n const labelRef = useRef<HTMLInputElement>(null)\n const [labelForm, setLabelForm] = useState('')\n\n // prefill the label form with current label\n useEffect(() => {\n if (!labelRef.current) return\n setLabelForm(label)\n // highlight the text\n labelRef.current?.select()\n\n return () => {\n setLabelForm('')\n }\n }, [label, labelRef.current])\n\n const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n const handleUpdateReviewable = async () => {\n try {\n // update reviewable\n await updateReviewable({\n projectName,\n versionId,\n activityId,\n updateReviewablesRequest: {\n label: labelForm,\n },\n }).unwrap()\n\n toast.success('Reviewable updated successfully')\n\n // close dialog\n onClose()\n } catch (error) {\n console.error(error)\n toast.error('Failed to update reviewable')\n }\n }\n\n const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n if (labelForm) {\n handleUpdateReviewable()\n }\n }\n\n const handleCancel = () => {\n // clear form\n setLabelForm('')\n // close dialog\n onClose()\n }\n\n return (\n <Dialog\n onClose={onClose}\n header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n footer={\n <Toolbar>\n <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n <SaveButton\n label=\"Save\"\n active={!!labelForm}\n saving={isLoading}\n type=\"submit\"\n form=\"reviewable-form\"\n />\n </Toolbar>\n }\n size=\"sm\"\n {...props}\n >\n <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n <InputText\n value={labelForm}\n onChange={(e) => setLabelForm(e.target.value)}\n placeholder=\"Enter a new label\"\n style={{ width: '100%' }}\n autoFocus\n onKeyDown={(e) =>\n e.key === 'Enter' && (e.ctrlKey \|\| e.metaKey) && handleUpdateReviewable()\n }\n ref={labelRef}\n />\n </form>\n </Dialog>\n )\n}\n\nexport default EditReviewableDialog\n"],"names":["useRef","useState","useEffect","useUpdateReviewableMutation","toast","jsx","Dialog","RenameTitle","Toolbar","Button","SaveButton","InputText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAsD,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,WAAWA,aAAyB,IAAI;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,EAAE;AAG7CC,QAAAA,UAAU,MAAM;;AACV,QAAA,CAAC,SAAS,QAAS;AACvB,iBAAa,KAAK;AAElB,mBAAS,YAAT,mBAAkB;AAElB,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACC,GAAA,CAAC,OAAO,SAAS,OAAO,CAAC;AAE5B,QAAM,CAAC,kBAAkB,EAAE,UAAW,CAAA,IAAIC,aAAAA,4BAA4B;AAEtE,QAAM,yBAAyB,YAAY;AACrC,QAAA;AAEF,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA,0BAA0B;AAAA,UACxB,OAAO;AAAA,QAAA;AAAA,MAEV,CAAA,EAAE,OAAO;AAEVC,oBAAA,MAAM,QAAQ,iCAAiC;AAGvC,cAAA;AAAA,aACD,OAAO;AACd,cAAQ,MAAM,KAAK;AACnBA,oBAAA,MAAM,MAAM,6BAA6B;AAAA,IAAA;AAAA,EAE7C;AAEM,QAAA,mBAAmB,CAAC,MAAkC;AAC1D,MAAE,eAAe;AACjB,QAAI,WAAW;AACU,6BAAA;AAAA,IAAA;AAAA,EAE3B;AAEA,QAAM,eAAe,MAAM;AAEzB,iBAAa,EAAE;AAEP,YAAA;AAAA,EACV;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAQD,2BAAAA,kBAAAA,IAACE,uBAAAA,aAAa,EAAA,UAAA,kBAAkB,KAAK,IAAG;AAAA,MAChD,0DACGC,6BACC,EAAA,UAAA;AAAA,QAAAH,iDAACI,oBAAAA,UAAO,OAAM,UAAS,SAAS,cAAc,SAAQ,QAAO;AAAA,QAC7DJ,2BAAA,kBAAA;AAAA,UAACK,oBAAA;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAQ,CAAC,CAAC;AAAA,YACV,QAAQ;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MAEF,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,UAACL,2BAAAA,kBAAAA,IAAA,QAAA,EAAK,UAAU,kBAAkB,IAAG,mBACnC,UAAAA,2BAAA,kBAAA;AAAA,QAACM,oBAAA;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,OAAO,EAAE,OAAO,OAAO;AAAA,UACvB,WAAS;AAAA,UACT,WAAW,CAAC,MACV,EAAE,QAAQ,YAAY,EAAE,WAAW,EAAE,YAAY,uBAAuB;AAAA,UAE1E,KAAK;AAAA,QAAA;AAAA,MAAA,EAET,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

package/dist/shared/src/components/ReviewablesList/EditReviewableDialog.es.js CHANGED Viewed

@@ -34,6 +34,7 @@ import "../../api/generated/users.es.js";
 import "../../api/generated/versions.es.js";
 import "../../api/generated/workfiles.es.js";
 import "../../api/generated/ynputCloud.es.js";
+import "../../api/generated/grouping.es.js";
 import "../../api/queries/actions/getActions.es.js";
 import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateActivities.es.js";
@@ -64,6 +65,7 @@ import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
 import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
 import { Dialog, InputText, Toolbar, Button, SaveButton } from "@ynput/ayon-react-components";
 import { useRef, useState, useEffect } from "react";
 import { toast } from "react-toastify";

package/dist/shared/src/components/ReviewablesList/EditReviewableDialog.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditReviewableDialog.es.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n Button,\n Dialog,\n DialogProps,\n InputText,\n SaveButton,\n Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n label: string\n onClose: () => void\n activityId: string\n projectName: string\n versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n onClose,\n label,\n projectName,\n versionId,\n activityId,\n ...props\n}) => {\n const labelRef = useRef<HTMLInputElement>(null)\n const [labelForm, setLabelForm] = useState('')\n\n // prefill the label form with current label\n useEffect(() => {\n if (!labelRef.current) return\n setLabelForm(label)\n // highlight the text\n labelRef.current?.select()\n\n return () => {\n setLabelForm('')\n }\n }, [label, labelRef.current])\n\n const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n const handleUpdateReviewable = async () => {\n try {\n // update reviewable\n await updateReviewable({\n projectName,\n versionId,\n activityId,\n updateReviewablesRequest: {\n label: labelForm,\n },\n }).unwrap()\n\n toast.success('Reviewable updated successfully')\n\n // close dialog\n onClose()\n } catch (error) {\n console.error(error)\n toast.error('Failed to update reviewable')\n }\n }\n\n const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n if (labelForm) {\n handleUpdateReviewable()\n }\n }\n\n const handleCancel = () => {\n // clear form\n setLabelForm('')\n // close dialog\n onClose()\n }\n\n return (\n <Dialog\n onClose={onClose}\n header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n footer={\n <Toolbar>\n <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n <SaveButton\n label=\"Save\"\n active={!!labelForm}\n saving={isLoading}\n type=\"submit\"\n form=\"reviewable-form\"\n />\n </Toolbar>\n }\n size=\"sm\"\n {...props}\n >\n <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n <InputText\n value={labelForm}\n onChange={(e) => setLabelForm(e.target.value)}\n placeholder=\"Enter a new label\"\n style={{ width: '100%' }}\n autoFocus\n onKeyDown={(e) =>\n e.key === 'Enter' && (e.ctrlKey \|\| e.metaKey) && handleUpdateReviewable()\n }\n ref={labelRef}\n />\n </form>\n </Dialog>\n )\n}\n\nexport default EditReviewableDialog\n"],"names":["jsx"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAqBA,MAAM,uBAAsD,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,WAAW,OAAyB,IAAI;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAG7C,YAAU,MAAM;;AACV,QAAA,CAAC,SAAS,QAAS;AACvB,iBAAa,KAAK;AAElB,mBAAS,YAAT,mBAAkB;AAElB,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACC,GAAA,CAAC,OAAO,SAAS,OAAO,CAAC;AAE5B,QAAM,CAAC,kBAAkB,EAAE,UAAW,CAAA,IAAI,4BAA4B;AAEtE,QAAM,yBAAyB,YAAY;AACrC,QAAA;AAEF,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA,0BAA0B;AAAA,UACxB,OAAO;AAAA,QAAA;AAAA,MAEV,CAAA,EAAE,OAAO;AAEV,YAAM,QAAQ,iCAAiC;AAGvC,cAAA;AAAA,aACD,OAAO;AACd,cAAQ,MAAM,KAAK;AACnB,YAAM,MAAM,6BAA6B;AAAA,IAAA;AAAA,EAE7C;AAEM,QAAA,mBAAmB,CAAC,MAAkC;AAC1D,MAAE,eAAe;AACjB,QAAI,WAAW;AACU,6BAAA;AAAA,IAAA;AAAA,EAE3B;AAEA,QAAM,eAAe,MAAM;AAEzB,iBAAa,EAAE;AAEP,YAAA;AAAA,EACV;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAQA,kCAAAA,IAAC,aAAa,EAAA,UAAA,kBAAkB,KAAK,IAAG;AAAA,MAChD,+CACG,SACC,EAAA,UAAA;AAAA,QAAAA,sCAAC,UAAO,OAAM,UAAS,SAAS,cAAc,SAAQ,QAAO;AAAA,QAC7DA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAQ,CAAC,CAAC;AAAA,YACV,QAAQ;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MAEF,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,UAACA,kCAAAA,IAAA,QAAA,EAAK,UAAU,kBAAkB,IAAG,mBACnC,UAAAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,OAAO,EAAE,OAAO,OAAO;AAAA,UACvB,WAAS;AAAA,UACT,WAAW,CAAC,MACV,EAAE,QAAQ,YAAY,EAAE,WAAW,EAAE,YAAY,uBAAuB;AAAA,UAE1E,KAAK;AAAA,QAAA;AAAA,MAAA,EAET,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
1	+ {"version":3,"file":"EditReviewableDialog.es.js","sources":["../../../../../src/components/ReviewablesList/EditReviewableDialog.tsx"],"sourcesContent":["import { useUpdateReviewableMutation } from '@shared/api'\nimport {\n Button,\n Dialog,\n DialogProps,\n InputText,\n SaveButton,\n Toolbar,\n} from '@ynput/ayon-react-components'\nimport { FC, FormEvent, useEffect, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport { RenameTitle } from './ReviewablesList.styled'\n\ninterface EditReviewableDialogProps extends DialogProps {\n label: string\n onClose: () => void\n activityId: string\n projectName: string\n versionId: string\n}\n\nconst EditReviewableDialog: FC<EditReviewableDialogProps> = ({\n onClose,\n label,\n projectName,\n versionId,\n activityId,\n ...props\n}) => {\n const labelRef = useRef<HTMLInputElement>(null)\n const [labelForm, setLabelForm] = useState('')\n\n // prefill the label form with current label\n useEffect(() => {\n if (!labelRef.current) return\n setLabelForm(label)\n // highlight the text\n labelRef.current?.select()\n\n return () => {\n setLabelForm('')\n }\n }, [label, labelRef.current])\n\n const [updateReviewable, { isLoading }] = useUpdateReviewableMutation()\n\n const handleUpdateReviewable = async () => {\n try {\n // update reviewable\n await updateReviewable({\n projectName,\n versionId,\n activityId,\n updateReviewablesRequest: {\n label: labelForm,\n },\n }).unwrap()\n\n toast.success('Reviewable updated successfully')\n\n // close dialog\n onClose()\n } catch (error) {\n console.error(error)\n toast.error('Failed to update reviewable')\n }\n }\n\n const handleFormSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n if (labelForm) {\n handleUpdateReviewable()\n }\n }\n\n const handleCancel = () => {\n // clear form\n setLabelForm('')\n // close dialog\n onClose()\n }\n\n return (\n <Dialog\n onClose={onClose}\n header={<RenameTitle>{`Editing label: ${label}`}</RenameTitle>}\n footer={\n <Toolbar>\n <Button label=\"Cancel\" onClick={handleCancel} variant=\"text\" />\n <SaveButton\n label=\"Save\"\n active={!!labelForm}\n saving={isLoading}\n type=\"submit\"\n form=\"reviewable-form\"\n />\n </Toolbar>\n }\n size=\"sm\"\n {...props}\n >\n <form onSubmit={handleFormSubmit} id=\"reviewable-form\">\n <InputText\n value={labelForm}\n onChange={(e) => setLabelForm(e.target.value)}\n placeholder=\"Enter a new label\"\n style={{ width: '100%' }}\n autoFocus\n onKeyDown={(e) =>\n e.key === 'Enter' && (e.ctrlKey \|\| e.metaKey) && handleUpdateReviewable()\n }\n ref={labelRef}\n />\n </form>\n </Dialog>\n )\n}\n\nexport default EditReviewableDialog\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAsD,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,WAAW,OAAyB,IAAI;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAG7C,YAAU,MAAM;;AACV,QAAA,CAAC,SAAS,QAAS;AACvB,iBAAa,KAAK;AAElB,mBAAS,YAAT,mBAAkB;AAElB,WAAO,MAAM;AACX,mBAAa,EAAE;AAAA,IACjB;AAAA,EACC,GAAA,CAAC,OAAO,SAAS,OAAO,CAAC;AAE5B,QAAM,CAAC,kBAAkB,EAAE,UAAW,CAAA,IAAI,4BAA4B;AAEtE,QAAM,yBAAyB,YAAY;AACrC,QAAA;AAEF,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA,0BAA0B;AAAA,UACxB,OAAO;AAAA,QAAA;AAAA,MAEV,CAAA,EAAE,OAAO;AAEV,YAAM,QAAQ,iCAAiC;AAGvC,cAAA;AAAA,aACD,OAAO;AACd,cAAQ,MAAM,KAAK;AACnB,YAAM,MAAM,6BAA6B;AAAA,IAAA;AAAA,EAE7C;AAEM,QAAA,mBAAmB,CAAC,MAAkC;AAC1D,MAAE,eAAe;AACjB,QAAI,WAAW;AACU,6BAAA;AAAA,IAAA;AAAA,EAE3B;AAEA,QAAM,eAAe,MAAM;AAEzB,iBAAa,EAAE;AAEP,YAAA;AAAA,EACV;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAQA,kCAAAA,IAAC,aAAa,EAAA,UAAA,kBAAkB,KAAK,IAAG;AAAA,MAChD,+CACG,SACC,EAAA,UAAA;AAAA,QAAAA,sCAAC,UAAO,OAAM,UAAS,SAAS,cAAc,SAAQ,QAAO;AAAA,QAC7DA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,QAAQ,CAAC,CAAC;AAAA,YACV,QAAQ;AAAA,YACR,MAAK;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,GACF;AAAA,MAEF,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,UAACA,kCAAAA,IAAA,QAAA,EAAK,UAAU,kBAAkB,IAAG,mBACnC,UAAAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAY;AAAA,UACZ,OAAO,EAAE,OAAO,OAAO;AAAA,UACvB,WAAS;AAAA,UACT,WAAW,CAAC,MACV,EAAE,QAAQ,YAAY,EAAE,WAAW,EAAE,YAAY,uBAAuB;AAAA,UAE1E,KAAK;AAAA,QAAA;AAAA,MAAA,EAET,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/shared/src/components/ReviewablesList/ReviewablesList.cjs.js CHANGED Viewed

@@ -36,6 +36,7 @@ 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/queries/actions/getActions.cjs.js");
 require("../../api/queries/activities/getActivities.cjs.js");
 require("../../api/queries/activities/updateActivities.cjs.js");
@@ -66,6 +67,7 @@ require("../../api/queries/users/getUsers.cjs.js");
 require("../../api/queries/users/updateUsers.cjs.js");
 require("../../api/queries/watchers/getWatchers.cjs.js");
 require("../../api/queries/permissions/getPermissions.cjs.js");
+require("../../api/queries/grouping/getGrouping.cjs.js");
 const core = require("@dnd-kit/core");
 const sortable = require("@dnd-kit/sortable");
 require("@ynput/ayon-react-components");
@@ -129,17 +131,15 @@ require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs
 require("../../containers/Feed/Feed.styled.cjs.js");
 require("date-fns");
 require("../../containers/ProjectTreeTable/ProjectTreeTable.cjs.js");
+require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");
+require("@tanstack/react-table");
 require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
 require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");
 require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
 require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/ProjectTableSelectionContext.cjs.js");
 require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");
-require("../../containers/ProjectTreeTable/context/ProjectTableModulesContext.cjs.js");
-require("@tanstack/react-table");
 require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");
@@ -153,11 +153,12 @@ require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");
 require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");
 require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");
-require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");
 require("../../../../_virtual/runtime.cjs.js");
 require("../../../../_virtual/semver.cjs.js");
 require("react-redux");
 require("custom-protocol-check");
+require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
+require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");
 require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");
 require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");
 require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");
@@ -183,6 +184,7 @@ require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");
 require("../AttributeEditor/components/MinMaxField.cjs.js");
 require("../EnumEditor/EnumEditor.styled.cjs.js");
 require("../SearchFilter/filterDates.cjs.js");
+require("../Badge/Badge.cjs.js");
 const ReviewablesList = ({
   projectName,
   versionId,
@@ -191,7 +193,7 @@ const ReviewablesList = ({
   scope
 }) => {
   var _a, _b;
-  const { onOpenViewer, user, viewer } = DetailsPanelContext.useDetailsPanelContext();
+  const { onOpenViewer, user, viewer, dispatch } = DetailsPanelContext.useDetailsPanelContext();
   const {
     data: versionReviewables,
     isFetching: isFetchingReviewables,
@@ -334,87 +336,98 @@ const ReviewablesList = ({
     ctxMenuShow(event, items);
   };
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ReviewablesUpload.ReviewableUpload, { projectName, versionId, productId, children: isLoading ? Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ReviewablesList_styled.LoadingCard, { className: "loading" }, index)) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-        core.DndContext,
-        {
-          sensors,
-          collisionDetection: core.closestCenter,
-          onDragStart: handleDragStart,
-          onDragEnd: handleDragEnd,
-          onDragCancel: () => setActiveId(null),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-              sortable.SortableContext,
-              {
-                items: reviewables.map(({ fileId }) => fileId),
-                strategy: sortable.verticalListSortingStrategy,
-                children: sortableReviewables.map((reviewable) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-                  SortableReviewableCard,
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      ReviewablesUpload.ReviewableUpload,
+      {
+        projectName,
+        versionId,
+        productId,
+        taskId: viewer == null ? void 0 : viewer.taskId,
+        folderId: viewer == null ? void 0 : viewer.folderId,
+        dispatch,
+        children: isLoading ? Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ReviewablesList_styled.LoadingCard, { className: "loading" }, index)) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+            core.DndContext,
+            {
+              sensors,
+              collisionDetection: core.closestCenter,
+              onDragStart: handleDragStart,
+              onDragEnd: handleDragEnd,
+              onDragCancel: () => setActiveId(null),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                  sortable.SortableContext,
+                  {
+                    items: reviewables.map(({ fileId }) => fileId),
+                    strategy: sortable.verticalListSortingStrategy,
+                    children: sortableReviewables.map((reviewable) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                      SortableReviewableCard,
+                      {
+                        projectName,
+                        onClick: handleReviewableClick,
+                        isSelected: reviewableIds.includes(reviewable.fileId),
+                        isDragging: !!activeId,
+                        onContextMenu: handleContextMenu,
+                        onEdit: (e) => {
+                          e.stopPropagation();
+                          setEditActivityId(reviewable.activityId);
+                        },
+                        ...reviewable
+                      },
+                      reviewable.fileId
+                    ))
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(core.DragOverlay, { modifiers: overlayModifiers, children: draggingReview ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                  ReviewableCard.ReviewableCard,
                   {
+                    ...draggingReview,
                     projectName,
-                    onClick: handleReviewableClick,
-                    isSelected: reviewableIds.includes(reviewable.fileId),
-                    isDragging: !!activeId,
-                    onContextMenu: handleContextMenu,
-                    onEdit: (e) => {
-                      e.stopPropagation();
-                      setEditActivityId(reviewable.activityId);
-                    },
-                    ...reviewable
-                  },
-                  reviewable.fileId
-                ))
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(core.DragOverlay, { modifiers: overlayModifiers, children: draggingReview ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-              ReviewableCard.ReviewableCard,
+                    isDragOverlay: true,
+                    isDragging: true,
+                    isSelected: reviewableIds.includes(draggingReview.fileId)
+                  }
+                ) : null })
+              ]
+            }
+          ),
+          processing.map((reviewable) => {
+            var _a2;
+            return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+              ReviewableProgressCard.ReviewableProgressCard,
               {
-                ...draggingReview,
-                projectName,
-                isDragOverlay: true,
-                isDragging: true,
-                isSelected: reviewableIds.includes(draggingReview.fileId)
-              }
-            ) : null })
-          ]
-        }
-      ),
-      processing.map((reviewable) => {
-        var _a2;
-        return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-          ReviewableProgressCard.ReviewableProgressCard,
-          {
-            name: reviewable.filename,
-            type: "processing",
-            progress: (_a2 = reviewable.processing) == null ? void 0 : _a2.progress,
-            fileId: reviewable.fileId
-          },
-          reviewable.fileId
-        );
-      }),
-      queued.map((reviewable) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-        ReviewableProgressCard.ReviewableProgressCard,
-        {
-          name: reviewable.filename,
-          type: "queued",
-          fileId: reviewable.fileId
-        },
-        reviewable.fileId
-      )),
-      incompatible.map((reviewable) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-        ReviewableProgressCard.ReviewableProgressCard,
-        {
-          name: reviewable.filename,
-          type: "unsupported",
-          tooltip: incompatibleMessage,
-          src: `/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`,
-          onContextMenu: handleContextMenu,
-          fileId: reviewable.fileId
-        },
-        reviewable.fileId
-      ))
-    ] }) }),
+                name: reviewable.filename,
+                type: "processing",
+                progress: (_a2 = reviewable.processing) == null ? void 0 : _a2.progress,
+                fileId: reviewable.fileId
+              },
+              reviewable.fileId
+            );
+          }),
+          queued.map((reviewable) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+            ReviewableProgressCard.ReviewableProgressCard,
+            {
+              name: reviewable.filename,
+              type: "queued",
+              fileId: reviewable.fileId
+            },
+            reviewable.fileId
+          )),
+          incompatible.map((reviewable) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+            ReviewableProgressCard.ReviewableProgressCard,
+            {
+              name: reviewable.filename,
+              type: "unsupported",
+              tooltip: incompatibleMessage,
+              src: `/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`,
+              onContextMenu: handleContextMenu,
+              fileId: reviewable.fileId
+            },
+            reviewable.fileId
+          ))
+        ] })
+      }
+    ),
     editActivityId && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
       EditReviewableDialog,
       {

package/dist/shared/src/components/ReviewablesList/ReviewablesList.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReviewablesList.cjs.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery, useHasTranscoderQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n DndContext,\n closestCenter,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n UniqueIdentifier,\n DragEndEvent,\n DragOverlay,\n DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n arrayMove,\n SortableContext,\n sortableKeyboardCoordinates,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard, ReviewableProgressCard } from '@shared/components'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface ReviewablesListProps {\n projectName: string\n versionId: string\n productId: string\n isLoadingVersion: boolean\n scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n projectName,\n versionId,\n productId,\n isLoadingVersion,\n scope,\n}) => {\n const { onOpenViewer, user, viewer } = useDetailsPanelContext()\n // returns all reviewables for a product\n const {\n data: versionReviewables,\n isFetching: isFetchingReviewables,\n currentData,\n } = useGetReviewablesForVersionQuery(\n { projectName, versionId: versionId },\n { skip: !versionId \|\| !projectName },\n )\n\n // do we have the premium transcoder?\n const { data: hasTranscoder } = useHasTranscoderQuery(undefined)\n\n // are we currently looking at review? (is it selected in the viewer)\n const reviewableIds = viewer?.reviewableIds \|\| []\n const userName = user.name\n const currentIsUser = user.data?.isUser\n\n // either null or the reviewable id we are editing\n const [editActivityId, setEditActivityId] = useState<null \| string>(null)\n\n // dragging activeId\n const [activeId, setActiveId] = useState<null \| string>(null)\n\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n }),\n )\n\n const reviewables = versionReviewables?.reviewables \|\| []\n const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n const currentVersionId = currentData?.id\n const queryingNewVersion = versionId !== currentVersionId\n\n const isLoading = (isFetchingReviewables && queryingNewVersion) \|\| isLoadingVersion\n\n const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n // check are not dragging\n if (activeId) return console.log('Dragging, cannot open review')\n\n // get the reviewable id\n const id = event.currentTarget.id\n if (!id \|\| !productId) return console.error('No reviewable id or product id')\n\n const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n console.debug(reviewable)\n console.debug(reviewable?.mediaInfo)\n\n // open the reviewable dialog\n onOpenViewer?.({\n projectName: projectName,\n productId: productId,\n versionIds: [versionId],\n reviewableIds: [id],\n })\n }\n\n const { optimized, unoptimized, incompatible, processing, queued } = getGroupedReviewables(\n reviewables,\n hasTranscoder,\n )\n\n const sortableReviewables = [...optimized, ...unoptimized]\n\n function handleDragStart(event: DragStartEvent) {\n const { active } = event\n\n setActiveId(active.id as string)\n }\n\n const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n const handleDragEnd = async (event: DragEndEvent) => {\n const { active, over } = event\n\n if (over?.id && active.id !== over.id) {\n console.log('update review position')\n\n const oldIndex = sortableReviewables.findIndex(\n (reviewable) => reviewable.fileId === active.id,\n )\n const newIndex = sortableReviewables.findIndex((reviewable) => reviewable.fileId === over.id)\n\n // resort the reviewables\n const newReviewables = arrayMove(sortableReviewables, oldIndex, newIndex)\n\n const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n try {\n // update the reviewables\n sortVersionReviewables({\n projectName,\n versionId,\n sortReviewablesRequest: { sort: newOrder },\n }).unwrap()\n } catch (error) {\n toast.error('Error sorting reviewables')\n }\n }\n setActiveId(null)\n }\n\n const overlayModifiers = []\n // hack to make the dnd overlay pos work inside dialog\n if (scope === 'review') {\n overlayModifiers.push((args: any) => ({\n ...args.transform,\n x: args.transform.x - 32,\n y: args.transform.y - 32,\n }))\n }\n\n let incompatibleMessage = ''\n if (!hasTranscoder) {\n incompatibleMessage = `The conversion transcoder is only supported on [Ynput Cloud](https://ynput.cloud/subscribe/ayon). Please subscribe or [contact support](https://ynput.io/services/) for more information.`\n } else {\n incompatibleMessage = 'The file is not supported by the transcoder'\n }\n\n const handleDownloadFile = (fileId: string, fileName: string = '') => {\n let url = `/api/projects/${projectName}/files/${fileId}`\n\n // if (codec) url += `.${codec}`\n\n // Create an invisible anchor element\n const a = document.createElement('a')\n a.href = url\n a.download = fileName\n document.body.appendChild(a)\n\n // Trigger a click event on the anchor element\n a.click()\n\n // Remove the anchor element from the document\n document.body.removeChild(a)\n }\n\n const [deleteReviewable] = useDeleteReviewableMutation()\n\n const handleDelete = async (activityId: string, label: string) => {\n // @ts-ignore\n confirmDelete({\n header: 'Delete ' + label,\n message: 'Are you sure you want to delete this reviewable?',\n accept: async () => {\n try {\n await deleteReviewable({ activityId, projectName }).unwrap()\n } catch (error) {\n toast.error('Failed to delete reviewable')\n }\n },\n })\n }\n\n // create the ref and model\n const [ctxMenuShow] = useCreateContextMenu()\n\n const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n // get the reviewable by id\n const id = event.currentTarget.id\n\n if (!id) return\n\n const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n if (!reviewable) return\n\n const originalFileId = reviewable.createdFrom \|\| reviewable.fileId\n const originalReviewable = reviewables.find(\n (reviewable) => reviewable.fileId === originalFileId,\n )\n\n const items: {\n label: string\n icon: string\n onClick?: () => void\n disabled?: boolean\n danger?: boolean\n }[] = [\n {\n label: 'Download original',\n icon: 'download',\n onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n disabled: !originalReviewable,\n },\n ]\n\n if (userName === reviewable.author.name \|\| !currentIsUser) {\n items.push({\n label: 'Delete',\n icon: 'delete',\n onClick: () => handleDelete(reviewable.activityId, reviewable.label \|\| reviewable.filename),\n danger: true,\n })\n }\n\n // add author\n items.push({\n label: `Author: ${reviewable.author.fullName \|\| reviewable.author.name}`,\n icon: 'person',\n disabled: true,\n })\n\n ctxMenuShow(event, items)\n }\n\n return (\n <>\n <ReviewableUpload projectName={projectName} versionId={versionId} productId={productId}>\n {isLoading ? (\n Array.from({ length: 3 }).map((_, index) => (\n <Styled.LoadingCard key={index} className=\"loading\" />\n ))\n ) : (\n <>\n <DndContext\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n onDragCancel={() => setActiveId(null)}\n >\n <SortableContext\n items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n strategy={verticalListSortingStrategy}\n >\n {sortableReviewables.map((reviewable) => (\n <SortableReviewableCard\n key={reviewable.fileId}\n projectName={projectName}\n onClick={handleReviewableClick}\n isSelected={reviewableIds.includes(reviewable.fileId)}\n isDragging={!!activeId}\n onContextMenu={handleContextMenu}\n onEdit={(e) => {\n e.stopPropagation()\n setEditActivityId(reviewable.activityId)\n }}\n {...reviewable}\n />\n ))}\n </SortableContext>\n\n {/* drag overlay */}\n <DragOverlay modifiers={overlayModifiers}>\n {draggingReview ? (\n <ReviewableCard\n {...draggingReview}\n projectName={projectName}\n isDragOverlay\n isDragging\n isSelected={reviewableIds.includes(draggingReview.fileId)}\n />\n ) : null}\n </DragOverlay>\n </DndContext>\n {processing.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'processing'}\n progress={reviewable.processing?.progress}\n fileId={reviewable.fileId}\n />\n ))}\n\n {queued.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'queued'}\n fileId={reviewable.fileId}\n />\n ))}\n\n {incompatible.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'unsupported'}\n tooltip={incompatibleMessage}\n src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n onContextMenu={handleContextMenu}\n fileId={reviewable.fileId}\n />\n ))}\n </>\n )}\n </ReviewableUpload>\n\n {editActivityId && (\n <EditReviewableDialog\n isOpen\n onClose={() => setEditActivityId(null)}\n label={\n reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label \|\| ''\n }\n projectName={projectName}\n versionId={versionId}\n activityId={editActivityId}\n />\n )}\n </>\n )\n}\n\nexport default ReviewablesList\n"],"names":["useDetailsPanelContext","useGetReviewablesForVersionQuery","useHasTranscoderQuery","useState","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewable","getGroupedReviewables","useSortVersionReviewablesMutation","arrayMove","toast","useDeleteReviewableMutation","confirmDelete","useCreateContextMenu","jsxs","Fragment","jsx","ReviewableUpload","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","DragOverlay","ReviewableCard","ReviewableProgressCard","_a"],"mappings":"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"}
1	+ {"version":3,"file":"ReviewablesList.cjs.js","sources":["../../../../../src/components/ReviewablesList/ReviewablesList.tsx"],"sourcesContent":["import { FC, MouseEvent, useState } from 'react'\n// queries\nimport { useGetReviewablesForVersionQuery, useHasTranscoderQuery } from '@shared/api'\nimport { useDeleteReviewableMutation, useSortVersionReviewablesMutation } from '@shared/api'\n\n// DND\nimport {\n DndContext,\n closestCenter,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n UniqueIdentifier,\n DragEndEvent,\n DragOverlay,\n DragStartEvent,\n} from '@dnd-kit/core'\nimport {\n arrayMove,\n SortableContext,\n sortableKeyboardCoordinates,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\n\n// components\nimport { ReviewableCard, ReviewableProgressCard } from '@shared/components'\nimport SortableReviewableCard from './SortableReviewableCard'\nimport * as Styled from './ReviewablesList.styled'\nimport { toast } from 'react-toastify'\n\n// utils\nimport { getGroupedReviewables } from './getGroupedReviewables'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { confirmDelete } from '@shared/util'\nimport EditReviewableDialog from './EditReviewableDialog'\nimport ReviewableUpload from './ReviewablesUpload'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface ReviewablesListProps {\n projectName: string\n versionId: string\n productId: string\n isLoadingVersion: boolean\n scope: string\n}\n\nconst ReviewablesList: FC<ReviewablesListProps> = ({\n projectName,\n versionId,\n productId,\n isLoadingVersion,\n scope,\n}) => {\n const { onOpenViewer, user, viewer, dispatch } = useDetailsPanelContext()\n // returns all reviewables for a product\n const {\n data: versionReviewables,\n isFetching: isFetchingReviewables,\n currentData,\n } = useGetReviewablesForVersionQuery(\n { projectName, versionId: versionId },\n { skip: !versionId \|\| !projectName },\n )\n\n // do we have the premium transcoder?\n const { data: hasTranscoder } = useHasTranscoderQuery(undefined)\n\n // are we currently looking at review? (is it selected in the viewer)\n const reviewableIds = viewer?.reviewableIds \|\| []\n const userName = user.name\n const currentIsUser = user.data?.isUser\n\n // either null or the reviewable id we are editing\n const [editActivityId, setEditActivityId] = useState<null \| string>(null)\n\n // dragging activeId\n const [activeId, setActiveId] = useState<null \| string>(null)\n\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n }),\n )\n\n const reviewables = versionReviewables?.reviewables \|\| []\n const draggingReview = reviewables.find((reviewable) => reviewable.fileId === activeId)\n\n const currentVersionId = currentData?.id\n const queryingNewVersion = versionId !== currentVersionId\n\n const isLoading = (isFetchingReviewables && queryingNewVersion) \|\| isLoadingVersion\n\n const handleReviewableClick = (event: MouseEvent<HTMLDivElement>) => {\n // check are not dragging\n if (activeId) return console.log('Dragging, cannot open review')\n\n // get the reviewable id\n const id = event.currentTarget.id\n if (!id \|\| !productId) return console.error('No reviewable id or product id')\n\n const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n console.debug(reviewable)\n console.debug(reviewable?.mediaInfo)\n\n // open the reviewable dialog\n onOpenViewer?.({\n projectName: projectName,\n productId: productId,\n versionIds: [versionId],\n reviewableIds: [id],\n })\n }\n\n const { optimized, unoptimized, incompatible, processing, queued } = getGroupedReviewables(\n reviewables,\n hasTranscoder,\n )\n\n const sortableReviewables = [...optimized, ...unoptimized]\n\n function handleDragStart(event: DragStartEvent) {\n const { active } = event\n\n setActiveId(active.id as string)\n }\n\n const [sortVersionReviewables] = useSortVersionReviewablesMutation()\n\n const handleDragEnd = async (event: DragEndEvent) => {\n const { active, over } = event\n\n if (over?.id && active.id !== over.id) {\n console.log('update review position')\n\n const oldIndex = sortableReviewables.findIndex(\n (reviewable) => reviewable.fileId === active.id,\n )\n const newIndex = sortableReviewables.findIndex((reviewable) => reviewable.fileId === over.id)\n\n // resort the reviewables\n const newReviewables = arrayMove(sortableReviewables, oldIndex, newIndex)\n\n const newOrder = newReviewables.map((reviewable) => reviewable.activityId)\n\n try {\n // update the reviewables\n sortVersionReviewables({\n projectName,\n versionId,\n sortReviewablesRequest: { sort: newOrder },\n }).unwrap()\n } catch (error) {\n toast.error('Error sorting reviewables')\n }\n }\n setActiveId(null)\n }\n\n const overlayModifiers = []\n // hack to make the dnd overlay pos work inside dialog\n if (scope === 'review') {\n overlayModifiers.push((args: any) => ({\n ...args.transform,\n x: args.transform.x - 32,\n y: args.transform.y - 32,\n }))\n }\n\n let incompatibleMessage = ''\n if (!hasTranscoder) {\n incompatibleMessage = `The conversion transcoder is only supported on [Ynput Cloud](https://ynput.cloud/subscribe/ayon). Please subscribe or [contact support](https://ynput.io/services/) for more information.`\n } else {\n incompatibleMessage = 'The file is not supported by the transcoder'\n }\n\n const handleDownloadFile = (fileId: string, fileName: string = '') => {\n let url = `/api/projects/${projectName}/files/${fileId}`\n\n // if (codec) url += `.${codec}`\n\n // Create an invisible anchor element\n const a = document.createElement('a')\n a.href = url\n a.download = fileName\n document.body.appendChild(a)\n\n // Trigger a click event on the anchor element\n a.click()\n\n // Remove the anchor element from the document\n document.body.removeChild(a)\n }\n\n const [deleteReviewable] = useDeleteReviewableMutation()\n\n const handleDelete = async (activityId: string, label: string) => {\n // @ts-ignore\n confirmDelete({\n header: 'Delete ' + label,\n message: 'Are you sure you want to delete this reviewable?',\n accept: async () => {\n try {\n await deleteReviewable({ activityId, projectName }).unwrap()\n } catch (error) {\n toast.error('Failed to delete reviewable')\n }\n },\n })\n }\n\n // create the ref and model\n const [ctxMenuShow] = useCreateContextMenu()\n\n const handleContextMenu = (event: MouseEvent<HTMLDivElement>) => {\n // get the reviewable by id\n const id = event.currentTarget.id\n\n if (!id) return\n\n const reviewable = reviewables.find((reviewable) => reviewable.fileId === id)\n\n if (!reviewable) return\n\n const originalFileId = reviewable.createdFrom \|\| reviewable.fileId\n const originalReviewable = reviewables.find(\n (reviewable) => reviewable.fileId === originalFileId,\n )\n\n const items: {\n label: string\n icon: string\n onClick?: () => void\n disabled?: boolean\n danger?: boolean\n }[] = [\n {\n label: 'Download original',\n icon: 'download',\n onClick: () => handleDownloadFile(originalFileId, originalReviewable?.filename),\n disabled: !originalReviewable,\n },\n ]\n\n if (userName === reviewable.author.name \|\| !currentIsUser) {\n items.push({\n label: 'Delete',\n icon: 'delete',\n onClick: () => handleDelete(reviewable.activityId, reviewable.label \|\| reviewable.filename),\n danger: true,\n })\n }\n\n // add author\n items.push({\n label: `Author: ${reviewable.author.fullName \|\| reviewable.author.name}`,\n icon: 'person',\n disabled: true,\n })\n\n ctxMenuShow(event, items)\n }\n\n return (\n <>\n <ReviewableUpload\n projectName={projectName}\n versionId={versionId}\n productId={productId}\n taskId={viewer?.taskId}\n folderId={viewer?.folderId}\n dispatch={dispatch}\n >\n {isLoading ? (\n Array.from({ length: 3 }).map((_, index) => (\n <Styled.LoadingCard key={index} className=\"loading\" />\n ))\n ) : (\n <>\n <DndContext\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragStart={handleDragStart}\n onDragEnd={handleDragEnd}\n onDragCancel={() => setActiveId(null)}\n >\n <SortableContext\n items={reviewables.map(({ fileId }) => fileId as UniqueIdentifier)}\n strategy={verticalListSortingStrategy}\n >\n {sortableReviewables.map((reviewable) => (\n <SortableReviewableCard\n key={reviewable.fileId}\n projectName={projectName}\n onClick={handleReviewableClick}\n isSelected={reviewableIds.includes(reviewable.fileId)}\n isDragging={!!activeId}\n onContextMenu={handleContextMenu}\n onEdit={(e) => {\n e.stopPropagation()\n setEditActivityId(reviewable.activityId)\n }}\n {...reviewable}\n />\n ))}\n </SortableContext>\n\n {/* drag overlay */}\n <DragOverlay modifiers={overlayModifiers}>\n {draggingReview ? (\n <ReviewableCard\n {...draggingReview}\n projectName={projectName}\n isDragOverlay\n isDragging\n isSelected={reviewableIds.includes(draggingReview.fileId)}\n />\n ) : null}\n </DragOverlay>\n </DndContext>\n {processing.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'processing'}\n progress={reviewable.processing?.progress}\n fileId={reviewable.fileId}\n />\n ))}\n\n {queued.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'queued'}\n fileId={reviewable.fileId}\n />\n ))}\n\n {incompatible.map((reviewable) => (\n <ReviewableProgressCard\n key={reviewable.fileId}\n name={reviewable.filename}\n type={'unsupported'}\n tooltip={incompatibleMessage}\n src={`/api/projects/${projectName}/files/${reviewable.fileId}/thumbnail`}\n onContextMenu={handleContextMenu}\n fileId={reviewable.fileId}\n />\n ))}\n </>\n )}\n </ReviewableUpload>\n\n {editActivityId && (\n <EditReviewableDialog\n isOpen\n onClose={() => setEditActivityId(null)}\n label={\n reviewables.find((reviewable) => reviewable.activityId === editActivityId)?.label \|\| ''\n }\n projectName={projectName}\n versionId={versionId}\n activityId={editActivityId}\n />\n )}\n </>\n )\n}\n\nexport default ReviewablesList\n"],"names":["useDetailsPanelContext","useGetReviewablesForVersionQuery","useHasTranscoderQuery","useState","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","reviewable","getGroupedReviewables","useSortVersionReviewablesMutation","arrayMove","toast","useDeleteReviewableMutation","confirmDelete","useCreateContextMenu","jsxs","Fragment","jsx","ReviewableUpload","Styled.LoadingCard","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","DragOverlay","ReviewableCard","ReviewableProgressCard","_a"],"mappings":"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"}