npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.33 → 0.3.34 - Mend

@ynput/ayon-frontend-shared 0.3.33 → 0.3.34

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

package/dist/shared/src/containers/Feed/components/CommentInput/CommentInput.styled.cjs.js CHANGED Viewed

@@ -467,6 +467,7 @@
       position: absolute;
       opacity: 0;
       width: 0;
+      pointer-events: none;
     }
   }
@@ -475,6 +476,7 @@
       position: absolute;
       opacity: 0;
       width: 0;
+      pointer-events: none;
     }
   }
 `,h=o.div`

package/dist/shared/src/containers/Feed/components/CommentInput/CommentInput.styled.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentInput.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button, getTextColor } from '@ynput/ayon-react-components'\n\nexport const AutoHeight = styled.div`\n /* use grid tick for auto height transition /\n display: grid;\n height: 100%;\n / transition: translate 0.1s, margin-top 0.1s; /\n position: relative;\n\n / when closed default /\n translate: 0 50px;\n margin-top: -50px;\n\n / when open /\n &.isOpen {\n translate: 0 0;\n margin-top: 0;\n }\n\n padding: 0 4px 4px 4px;\n / when editing /\n &.isEditing {\n padding: 0;\n }\n`\n\nexport type CommentProps = {\n $categoryPrimary?: string\n $categorySecondary?: string\n $categoryTertiary?: string\n}\n\n// Reusable function for category color CSS\nexport const categoryColorCss = (\n $categoryPrimary?: string,\n $categorySecondary?: string,\n $categoryTertiary?: string,\n) =>\n $categoryPrimary &&\n css`\n --background-color: ${$categoryTertiary};\n --button-color: ${$categoryPrimary};\n --button-color-secondary: ${$categorySecondary};\n --button-text-color: ${getTextColor($categoryPrimary)};\n --border-color: ${$categoryPrimary};\n `\n\nexport const Comment = styled.div<CommentProps>`\n / VARS /\n --background-color: var(--md-sys-color-surface-container);\n --button-color: var(--md-sys-color-primary);\n --button-color-secondary: var(--md-sys-color-surface-container-highest);\n --button-text-color: var(--md-sys-color-on-primary);\n --border-color: var(--md-sys-color-outline-variant);\n\n &.category {\n / CATEGORY /\n ${({ $categoryPrimary, $categorySecondary, $categoryTertiary }) =>\n categoryColorCss($categoryPrimary, $categorySecondary, $categoryTertiary)}\n button.comment {\n &:hover {\n background-color: var(--button-color);\n filter: brightness(1.2);\n }\n }\n }\n\n display: flex;\n flex-direction: column;\n position: relative;\n\n background-color: var(--background-color);\n border: 1px solid var(--border-color);\n &.isDropping.isOpen {\n border-color: var(--md-sys-color-primary);\n }\n\n border-radius: var(--border-radius-l);\n overflow: hidden;\n transition: opacity 250ms 250ms, background-color 250ms, border-color 250ms;\n\n &.isOpen {\n / box shadow /\n box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);\n\n .quill {\n background-color: var(--background-color);\n }\n }\n\n .ql-editor.ql-blank::before {\n color: var(--md-sys-color-on-surface);\n opacity: 0.25;\n }\n\n .ql-editor {\n ol {\n padding-left: 0;\n }\n }\n\n / custom mention styles /\n .ql-editor {\n .mention {\n border-radius: var(--border-radius-m);\n user-select: text;\n padding: 0 4px;\n margin-right: -2px;\n / remove underline /\n text-decoration: none;\n\n white-space: nowrap;\n cursor: pointer;\n\n color: var(--button-color);\n background-color: var(--button-color-secondary);\n\n &:hover {\n background-color: color-mix(in srgb, var(--button-color-secondary) 85%, white);\n }\n &:active {\n background-color: color-mix(in srgb, var(--button-color-secondary) 70%, white);\n }\n }\n }\n\n / container styles reset /\n .ql-container.ql-snow {\n border: none;\n / takes into account the top toolbar /\n height: calc(100% - 41px);\n\n .ql-editor {\n max-height: 259px !important;\n\n / code block /\n .ql-code-block-container {\n background-color: var(--md-sys-color-surface-container-lowest);\n padding: var(--padding-m);\n border-radius: var(--border-radius-m);\n }\n\n .ql-code-block-container .ql-code-block,\n .ql-code-block-container .ql-code-block ,\n .ql-code-block-container * {\n font-family: monospace;\n font-size: var(--md-sys-typescale-body-small-font-size);\n }\n\n a {\n &::before,\n &::after {\n display: none;\n }\n\n color: var(--md-sys-color-primary);\n }\n\n a[href^='@'] {\n text-decoration: none;\n color: var(--md-sys-color-primary);\n }\n\n strong {\n em,\n u {\n font-weight: 800;\n }\n }\n }\n\n /* link popup /\n .ql-tooltip {\n &.ql-hidden {\n display: none;\n }\n\n left: 1px !important;\n top: -29px !important;\n\n width: 100%;\n\n box-shadow: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n border-color: var(--md-sys-color-surface-container-low);\n border-radius: var(--border-radius-l);\n padding: 4px;\n overflow: hidden;\n\n display: flex;\n align-items: center;\n\n .ql-preview {\n flex: 1;\n max-width: unset;\n }\n\n input {\n flex: 1;\n border: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n &:focus-visible {\n outline: none;\n }\n }\n\n a {\n color: var(--md-sys-color-primary);\n }\n\n / remove before text /\n / remove save button /\n &::before,\n .ql-action {\n display: none;\n }\n\n .ql-remove {\n color: var(--md-sys-color-on-surface-variant);\n margin-right: 4px;\n }\n }\n }\n\n / CLOSED /\n &.isClosed {\n cursor: pointer;\n .ql-editor > {\n cursor: pointer !important;\n }\n &:hover:not(.disabled) {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n .ql-container.ql-snow {\n padding-bottom: 0;\n height: 44px;\n\n .ql-editor {\n overflow: hidden;\n }\n }\n\n /* hide toolbar /\n .ql-toolbar.ql-snow {\n height: 0;\n padding: 0;\n margin: 0;\n border-width: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n }\n }\n\n &.disabled {\n cursor: default;\n pointer-events: none;\n user-select: none;\n border-color: var(--md-sys-color-surface-container-lowest);\n background-color: var(--md-sys-color-surface-container-lowest);\n }\n\n &.isLoading,\n &.isSubmitting {\n cursor: default;\n pointer-events: none;\n user-select: none;\n }\n\n &.isSubmitting {\n opacity: 0.3;\n }\n\n / toolbar styles /\n .ql-toolbar.ql-snow {\n border: none;\n background-color: var(--background-color);\n border-bottom: 1px solid var(--md-sys-color-surface-container-hover);\n padding: var(--padding-s);\n display: flex;\n justify-content: flex-end;\n height: unset;\n width: unset;\n\n .ql-formats {\n height: 32px;\n margin-left: 8px;\n margin-right: 0;\n padding-left: 8px;\n border-left: 1px solid var(--md-sys-color-surface-container-hover);\n display: flex;\n gap: 2px;\n\n button {\n float: none;\n padding: 6px;\n border-radius: var(--border-radius-m);\n height: 32px;\n width: 32px;\n\n / highlight when action /\n &.ql-active {\n background-color: var(--button-color-secondary);\n .icon {\n color: var(--button-color);\n }\n }\n }\n }\n\n button:hover {\n background-color: var(--button-color-secondary);\n }\n\n / container queries to hide buttons as the width gets smaller /\n container-type: inline-size;\n container-name: format-buttons;\n\n @container format-buttons (max-width: 432px) {\n / hide first button /\n .ql-formats:first-child {\n button:first-child {\n display: none;\n }\n }\n }\n\n @container format-buttons (max-width: 400px) {\n / hide first two buttons /\n .ql-formats:first-child {\n button:nth-child(2) {\n display: none;\n }\n }\n }\n @container format-buttons (max-width: 368px) {\n / hide first two buttons /\n .ql-formats:first-child {\n button:nth-child(3) {\n display: none;\n }\n }\n }\n @container format-buttons (max-width: 336px) {\n / hide first two buttons /\n .ql-formats:first-child {\n button:nth-child(4) {\n display: none;\n }\n }\n }\n @container format-buttons (max-width: 304px) {\n / hide first two buttons /\n .ql-formats:first-child {\n display: none;\n button:nth-child(5) {\n display: none;\n }\n }\n }\n\n / it should never get this small but if it does: hide all list options /\n @container format-buttons (max-width: 250px) {\n / hide first two buttons /\n .ql-formats:nth-child(2) {\n display: none;\n }\n }\n }\n\n / EDITING /\n &.isEditing {\n / remove box shadow /\n box-shadow: none;\n / remove outline /\n outline: none;\n\n / hide toolbar /\n .ql-toolbar.ql-snow {\n display: none;\n }\n\n .ql-container.ql-snow {\n height: 100%;\n\n .ql-editor {\n padding: 8px;\n padding-top: 0px;\n }\n }\n }\n`\n\nexport const Footer = styled.footer`\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m);\n border-top: 1px solid var(--md-sys-color-surface-container-hover);\n background-color: var(--background-color);\n z-index: 100;\n gap: var(--base-gap-small);\n container-type: inline-size;\n container-name: comment-input-footer;\n\n / remove save button icon /\n .comment {\n min-width: 75px;\n .icon {\n display: none;\n }\n background-color: var(--button-color);\n color: var(--button-text-color);\n }\n`\n\nexport const Buttons = styled.div`\n display: flex;\n gap: var(--base-gap-small);\n\n button {\n &.text {\n &:hover {\n background-color: var(--button-color-secondary);\n }\n }\n }\n`\n\nexport const SubmitButtons = styled(Buttons)`\n margin-left: auto;\n flex-shrink: 1;\n overflow: hidden;\n`\n\nexport const Markdown = styled.div`\n position: fixed;\n visibility: hidden;\n`\n\nexport const Dropzone = styled.div`\n position: absolute;\n inset: 0;\n user-select: none;\n pointer-events: none;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n opacity: 0;\n transition: opacity 0.2s;\n\n &.show {\n opacity: 1;\n }\n\n background-color: rgba(0, 0, 0, 0.5);\n\n z-index: 300;\n\n .icon {\n font-size: 40px;\n }\n`\n\nexport const Placeholder = styled.span`\n padding: 12px 15px;\n / italic */\n font-style: italic;\n opacity: 0.4;\n`\n\nexport const VersionReviewButtons = styled.div`\n display: grid;\n gap: var(--base-gap-medium);\n grid-template-columns: 1fr 1fr;\n`\n\nexport const VersionReviewButtonsSpacer = styled.div`\n margin-top: var(--padding-m);\n`\n\nexport const VersionReviewButton = styled(Button)`\n background: transparent;\n border: solid 1px currentColor;\n flex-grow: 1;\n height: 32px;\n\n &.danger {\n color: var(--md-sys-color-error);\n }\n\n &.tertiary {\n color: var(--md-sys-color-tertiary);\n }\n\n &:hover {\n background: rgb(from currentColor r g b / 0.25)\n }\n\n @container comment-input-footer (max-width: 345px) {\n .version-review-buttons.guest & .label {\n position: absolute;\n opacity: 0;\n width: 0;\n }\n }\n\n @container comment-input-footer (max-width: 510px) {\n .version-review-buttons:not(.guest) & .label {\n position: absolute;\n opacity: 0;\n width: 0;\n }\n }\n`\n\nexport const LastOwnVersionReview = styled.div`\n border-top-left-radius: var(--border-radius-l);\n border-top-right-radius: var(--border-radius-l);\n user-select: none;\n display: flex;\n gap: var(--base-gap-small);\n overflow: hidden;\n padding: var(--padding-m) var(--padding-s);\n align-items: center;\n line-height: 1;\n\n &.approve,\n &.approve .icon,\n &.approve .date, {\n background-color: var(--md-sys-color-tertiary);\n color: var(--md-sys-color-on-tertiary);\n }\n\n &.request_changes,\n &.request_changes .icon,\n &.request_changes .date, {\n background-color: var(--md-sys-color-error);\n color: var(--md-sys-color-on-error);\n }\n\n &.separate {\n border-radius: var(--border-radius-l);\n margin-bottom: var(--padding-m);\n }\n`\n"],"names":["AutoHeight","styled","categoryColorCss","$categoryPrimary","$categorySecondary","$categoryTertiary","css","getTextColor","Comment","Footer","Buttons","SubmitButtons","Markdown","Dropzone","Placeholder","VersionReviewButtons","VersionReviewButtonsSpacer","VersionReviewButton","Button","LastOwnVersionReview"],"mappings":"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"}
1	+ {"version":3,"file":"CommentInput.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button, getTextColor } from '@ynput/ayon-react-components'\n\nexport const AutoHeight = styled.div`\n /* use grid tick for auto height transition /\n display: grid;\n height: 100%;\n / transition: translate 0.1s, margin-top 0.1s; /\n position: relative;\n\n / when closed default /\n translate: 0 50px;\n margin-top: -50px;\n\n / when open /\n &.isOpen {\n translate: 0 0;\n margin-top: 0;\n }\n\n padding: 0 4px 4px 4px;\n / when editing /\n &.isEditing {\n padding: 0;\n }\n`\n\nexport type CommentProps = {\n $categoryPrimary?: string\n $categorySecondary?: string\n $categoryTertiary?: string\n}\n\n// Reusable function for category color CSS\nexport const categoryColorCss = (\n $categoryPrimary?: string,\n $categorySecondary?: string,\n $categoryTertiary?: string,\n) =>\n $categoryPrimary &&\n css`\n --background-color: ${$categoryTertiary};\n --button-color: ${$categoryPrimary};\n --button-color-secondary: ${$categorySecondary};\n --button-text-color: ${getTextColor($categoryPrimary)};\n --border-color: ${$categoryPrimary};\n `\n\nexport const Comment = styled.div<CommentProps>`\n / VARS /\n --background-color: var(--md-sys-color-surface-container);\n --button-color: var(--md-sys-color-primary);\n --button-color-secondary: var(--md-sys-color-surface-container-highest);\n --button-text-color: var(--md-sys-color-on-primary);\n --border-color: var(--md-sys-color-outline-variant);\n\n &.category {\n / CATEGORY /\n ${({ $categoryPrimary, $categorySecondary, $categoryTertiary }) =>\n categoryColorCss($categoryPrimary, $categorySecondary, $categoryTertiary)}\n button.comment {\n &:hover {\n background-color: var(--button-color);\n filter: brightness(1.2);\n }\n }\n }\n\n display: flex;\n flex-direction: column;\n position: relative;\n\n background-color: var(--background-color);\n border: 1px solid var(--border-color);\n &.isDropping.isOpen {\n border-color: var(--md-sys-color-primary);\n }\n\n border-radius: var(--border-radius-l);\n overflow: hidden;\n transition: opacity 250ms 250ms, background-color 250ms, border-color 250ms;\n\n &.isOpen {\n / box shadow /\n box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);\n\n .quill {\n background-color: var(--background-color);\n }\n }\n\n .ql-editor.ql-blank::before {\n color: var(--md-sys-color-on-surface);\n opacity: 0.25;\n }\n\n .ql-editor {\n ol {\n padding-left: 0;\n }\n }\n\n / custom mention styles /\n .ql-editor {\n .mention {\n border-radius: var(--border-radius-m);\n user-select: text;\n padding: 0 4px;\n margin-right: -2px;\n / remove underline /\n text-decoration: none;\n\n white-space: nowrap;\n cursor: pointer;\n\n color: var(--button-color);\n background-color: var(--button-color-secondary);\n\n &:hover {\n background-color: color-mix(in srgb, var(--button-color-secondary) 85%, white);\n }\n &:active {\n background-color: color-mix(in srgb, var(--button-color-secondary) 70%, white);\n }\n }\n }\n\n / container styles reset /\n .ql-container.ql-snow {\n border: none;\n / takes into account the top toolbar /\n height: calc(100% - 41px);\n\n .ql-editor {\n max-height: 259px !important;\n\n / code block /\n .ql-code-block-container {\n background-color: var(--md-sys-color-surface-container-lowest);\n padding: var(--padding-m);\n border-radius: var(--border-radius-m);\n }\n\n .ql-code-block-container .ql-code-block,\n .ql-code-block-container .ql-code-block ,\n .ql-code-block-container * {\n font-family: monospace;\n font-size: var(--md-sys-typescale-body-small-font-size);\n }\n\n a {\n &::before,\n &::after {\n display: none;\n }\n\n color: var(--md-sys-color-primary);\n }\n\n a[href^='@'] {\n text-decoration: none;\n color: var(--md-sys-color-primary);\n }\n\n strong {\n em,\n u {\n font-weight: 800;\n }\n }\n }\n\n /* link popup /\n .ql-tooltip {\n &.ql-hidden {\n display: none;\n }\n\n left: 1px !important;\n top: -29px !important;\n\n width: 100%;\n\n box-shadow: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n border-color: var(--md-sys-color-surface-container-low);\n border-radius: var(--border-radius-l);\n padding: 4px;\n overflow: hidden;\n\n display: flex;\n align-items: center;\n\n .ql-preview {\n flex: 1;\n max-width: unset;\n }\n\n input {\n flex: 1;\n border: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n &:focus-visible {\n outline: none;\n }\n }\n\n a {\n color: var(--md-sys-color-primary);\n }\n\n / remove before text /\n / remove save button /\n &::before,\n .ql-action {\n display: none;\n }\n\n .ql-remove {\n color: var(--md-sys-color-on-surface-variant);\n margin-right: 4px;\n }\n }\n }\n\n / CLOSED /\n &.isClosed {\n cursor: pointer;\n .ql-editor > {\n cursor: pointer !important;\n }\n &:hover:not(.disabled) {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n .ql-container.ql-snow {\n padding-bottom: 0;\n height: 44px;\n\n .ql-editor {\n overflow: hidden;\n }\n }\n\n /* hide toolbar /\n .ql-toolbar.ql-snow {\n height: 0;\n padding: 0;\n margin: 0;\n border-width: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n }\n }\n\n &.disabled {\n cursor: default;\n pointer-events: none;\n user-select: none;\n border-color: var(--md-sys-color-surface-container-lowest);\n background-color: var(--md-sys-color-surface-container-lowest);\n }\n\n &.isLoading,\n &.isSubmitting {\n cursor: default;\n pointer-events: none;\n user-select: none;\n }\n\n &.isSubmitting {\n opacity: 0.3;\n }\n\n / toolbar styles /\n .ql-toolbar.ql-snow {\n border: none;\n background-color: var(--background-color);\n border-bottom: 1px solid var(--md-sys-color-surface-container-hover);\n padding: var(--padding-s);\n display: flex;\n justify-content: flex-end;\n height: unset;\n width: unset;\n\n .ql-formats {\n height: 32px;\n margin-left: 8px;\n margin-right: 0;\n padding-left: 8px;\n border-left: 1px solid var(--md-sys-color-surface-container-hover);\n display: flex;\n gap: 2px;\n\n button {\n float: none;\n padding: 6px;\n border-radius: var(--border-radius-m);\n height: 32px;\n width: 32px;\n\n / highlight when action /\n &.ql-active {\n background-color: var(--button-color-secondary);\n .icon {\n color: var(--button-color);\n }\n }\n }\n }\n\n button:hover {\n background-color: var(--button-color-secondary);\n }\n\n / container queries to hide buttons as the width gets smaller /\n container-type: inline-size;\n container-name: format-buttons;\n\n @container format-buttons (max-width: 432px) {\n / hide first button /\n .ql-formats:first-child {\n button:first-child {\n display: none;\n }\n }\n }\n\n @container format-buttons (max-width: 400px) {\n / hide first two buttons /\n .ql-formats:first-child {\n button:nth-child(2) {\n display: none;\n }\n }\n }\n @container format-buttons (max-width: 368px) {\n / hide first two buttons /\n .ql-formats:first-child {\n button:nth-child(3) {\n display: none;\n }\n }\n }\n @container format-buttons (max-width: 336px) {\n / hide first two buttons /\n .ql-formats:first-child {\n button:nth-child(4) {\n display: none;\n }\n }\n }\n @container format-buttons (max-width: 304px) {\n / hide first two buttons /\n .ql-formats:first-child {\n display: none;\n button:nth-child(5) {\n display: none;\n }\n }\n }\n\n / it should never get this small but if it does: hide all list options /\n @container format-buttons (max-width: 250px) {\n / hide first two buttons /\n .ql-formats:nth-child(2) {\n display: none;\n }\n }\n }\n\n / EDITING /\n &.isEditing {\n / remove box shadow /\n box-shadow: none;\n / remove outline /\n outline: none;\n\n / hide toolbar /\n .ql-toolbar.ql-snow {\n display: none;\n }\n\n .ql-container.ql-snow {\n height: 100%;\n\n .ql-editor {\n padding: 8px;\n padding-top: 0px;\n }\n }\n }\n`\n\nexport const Footer = styled.footer`\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m);\n border-top: 1px solid var(--md-sys-color-surface-container-hover);\n background-color: var(--background-color);\n z-index: 100;\n gap: var(--base-gap-small);\n container-type: inline-size;\n container-name: comment-input-footer;\n\n / remove save button icon /\n .comment {\n min-width: 75px;\n .icon {\n display: none;\n }\n background-color: var(--button-color);\n color: var(--button-text-color);\n }\n`\n\nexport const Buttons = styled.div`\n display: flex;\n gap: var(--base-gap-small);\n\n button {\n &.text {\n &:hover {\n background-color: var(--button-color-secondary);\n }\n }\n }\n`\n\nexport const SubmitButtons = styled(Buttons)`\n margin-left: auto;\n flex-shrink: 1;\n overflow: hidden;\n`\n\nexport const Markdown = styled.div`\n position: fixed;\n visibility: hidden;\n`\n\nexport const Dropzone = styled.div`\n position: absolute;\n inset: 0;\n user-select: none;\n pointer-events: none;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n opacity: 0;\n transition: opacity 0.2s;\n\n &.show {\n opacity: 1;\n }\n\n background-color: rgba(0, 0, 0, 0.5);\n\n z-index: 300;\n\n .icon {\n font-size: 40px;\n }\n`\n\nexport const Placeholder = styled.span`\n padding: 12px 15px;\n / italic */\n font-style: italic;\n opacity: 0.4;\n`\n\nexport const VersionReviewButtons = styled.div`\n display: grid;\n gap: var(--base-gap-medium);\n grid-template-columns: 1fr 1fr;\n`\n\nexport const VersionReviewButtonsSpacer = styled.div`\n margin-top: var(--padding-m);\n`\n\nexport const VersionReviewButton = styled(Button)`\n background: transparent;\n border: solid 1px currentColor;\n flex-grow: 1;\n height: 32px;\n\n &.danger {\n color: var(--md-sys-color-error);\n }\n\n &.tertiary {\n color: var(--md-sys-color-tertiary);\n }\n\n &:hover {\n background: rgb(from currentColor r g b / 0.25)\n }\n\n @container comment-input-footer (max-width: 345px) {\n .version-review-buttons.guest & .label {\n position: absolute;\n opacity: 0;\n width: 0;\n pointer-events: none;\n }\n }\n\n @container comment-input-footer (max-width: 510px) {\n .version-review-buttons:not(.guest) & .label {\n position: absolute;\n opacity: 0;\n width: 0;\n pointer-events: none;\n }\n }\n`\n\nexport const LastOwnVersionReview = styled.div`\n border-top-left-radius: var(--border-radius-l);\n border-top-right-radius: var(--border-radius-l);\n user-select: none;\n display: flex;\n gap: var(--base-gap-small);\n overflow: hidden;\n padding: var(--padding-m) var(--padding-s);\n align-items: center;\n line-height: 1;\n\n &.approve,\n &.approve .icon,\n &.approve .date, {\n background-color: var(--md-sys-color-tertiary);\n color: var(--md-sys-color-on-tertiary);\n }\n\n &.request_changes,\n &.request_changes .icon,\n &.request_changes .date, {\n background-color: var(--md-sys-color-error);\n color: var(--md-sys-color-on-error);\n }\n\n &.separate {\n border-radius: var(--border-radius-l);\n margin-bottom: var(--padding-m);\n }\n`\n"],"names":["AutoHeight","styled","categoryColorCss","$categoryPrimary","$categorySecondary","$categoryTertiary","css","getTextColor","Comment","Footer","Buttons","SubmitButtons","Markdown","Dropzone","Placeholder","VersionReviewButtons","VersionReviewButtonsSpacer","VersionReviewButton","Button","LastOwnVersionReview"],"mappings":"+JAGaA,EAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+BpBC,EAAmB,CAC9BC,EACAC,EACAC,IAEAF,GACAG,EAAAA;AAAAA,0BACwBD,CAAiB;AAAA,sBACrBF,CAAgB;AAAA,gCACNC,CAAkB;AAAA,2BACvBG,EAAAA,aAAaJ,CAAgB,CAAC;AAAA,sBACnCA,CAAgB;AAAA,IAGzBK,EAAUP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUxB,CAAC,CAAE,iBAAAE,EAAkB,mBAAAC,EAAoB,kBAAAC,CAAA,IACzCH,EAAiBC,EAAkBC,EAAoBC,CAAiB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiVlEI,EAASR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBhBS,EAAUT,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAajBU,EAAgBV,EAAOS,CAAO;AAAA;AAAA;AAAA;AAAA,EAM9BE,EAAWX,EAAO;AAAA;AAAA;AAAA,EAKlBY,EAAWZ,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,EA0BlBa,EAAcb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOrBc,EAAuBd,EAAO;AAAA;AAAA;AAAA;AAAA,EAM9Be,EAA6Bf,EAAO;AAAA;AAAA,EAIpCgB,EAAsBhB,EAAOiB,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqCnCC,EAAuBlB,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"}

package/dist/shared/src/containers/Feed/components/CommentInput/CommentInput.styled.es.js CHANGED Viewed

@@ -411,7 +411,7 @@ const p = o.div`
 `, g = o.div`
   position: fixed;
   visibility: hidden;
-`, h = o.div`
+`, v = o.div`
   position: absolute;
   inset: 0;
   user-select: none;
@@ -435,7 +435,7 @@ const p = o.div`
   .icon {
     font-size: 40px;
   }
-`, v = o.span`
+`, h = o.span`
   padding: 12px 15px;
   /* italic */
   font-style: italic;
@@ -469,6 +469,7 @@ const p = o.div`
       position: absolute;
       opacity: 0;
       width: 0;
+      pointer-events: none;
     }
   }
@@ -477,6 +478,7 @@ const p = o.div`
       position: absolute;
       opacity: 0;
       width: 0;
+      pointer-events: none;
     }
   }
 `, w = o.div`
@@ -513,11 +515,11 @@ export {
   p as AutoHeight,
   d as Buttons,
   u as Comment,
-  h as Dropzone,
+  v as Dropzone,
   b as Footer,
   w as LastOwnVersionReview,
   g as Markdown,
-  v as Placeholder,
+  h as Placeholder,
   m as SubmitButtons,
   x as VersionReviewButton,
   f as VersionReviewButtons,

package/dist/shared/src/containers/Feed/components/CommentInput/CommentInput.styled.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentInput.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button, getTextColor } from '@ynput/ayon-react-components'\n\nexport const AutoHeight = styled.div`\n /* use grid tick for auto height transition /\n display: grid;\n height: 100%;\n / transition: translate 0.1s, margin-top 0.1s; /\n position: relative;\n\n / when closed default /\n translate: 0 50px;\n margin-top: -50px;\n\n / when open /\n &.isOpen {\n translate: 0 0;\n margin-top: 0;\n }\n\n padding: 0 4px 4px 4px;\n / when editing /\n &.isEditing {\n padding: 0;\n }\n`\n\nexport type CommentProps = {\n $categoryPrimary?: string\n $categorySecondary?: string\n $categoryTertiary?: string\n}\n\n// Reusable function for category color CSS\nexport const categoryColorCss = (\n $categoryPrimary?: string,\n $categorySecondary?: string,\n $categoryTertiary?: string,\n) =>\n $categoryPrimary &&\n css`\n --background-color: ${$categoryTertiary};\n --button-color: ${$categoryPrimary};\n --button-color-secondary: ${$categorySecondary};\n --button-text-color: ${getTextColor($categoryPrimary)};\n --border-color: ${$categoryPrimary};\n `\n\nexport const Comment = styled.div<CommentProps>`\n / VARS /\n --background-color: var(--md-sys-color-surface-container);\n --button-color: var(--md-sys-color-primary);\n --button-color-secondary: var(--md-sys-color-surface-container-highest);\n --button-text-color: var(--md-sys-color-on-primary);\n --border-color: var(--md-sys-color-outline-variant);\n\n &.category {\n / CATEGORY /\n ${({ $categoryPrimary, $categorySecondary, $categoryTertiary }) =>\n categoryColorCss($categoryPrimary, $categorySecondary, $categoryTertiary)}\n button.comment {\n &:hover {\n background-color: var(--button-color);\n filter: brightness(1.2);\n }\n }\n }\n\n display: flex;\n flex-direction: column;\n position: relative;\n\n background-color: var(--background-color);\n border: 1px solid var(--border-color);\n &.isDropping.isOpen {\n border-color: var(--md-sys-color-primary);\n }\n\n border-radius: var(--border-radius-l);\n overflow: hidden;\n transition: opacity 250ms 250ms, background-color 250ms, border-color 250ms;\n\n &.isOpen {\n / box shadow /\n box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);\n\n .quill {\n background-color: var(--background-color);\n }\n }\n\n .ql-editor.ql-blank::before {\n color: var(--md-sys-color-on-surface);\n opacity: 0.25;\n }\n\n .ql-editor {\n ol {\n padding-left: 0;\n }\n }\n\n / custom mention styles /\n .ql-editor {\n .mention {\n border-radius: var(--border-radius-m);\n user-select: text;\n padding: 0 4px;\n margin-right: -2px;\n / remove underline /\n text-decoration: none;\n\n white-space: nowrap;\n cursor: pointer;\n\n color: var(--button-color);\n background-color: var(--button-color-secondary);\n\n &:hover {\n background-color: color-mix(in srgb, var(--button-color-secondary) 85%, white);\n }\n &:active {\n background-color: color-mix(in srgb, var(--button-color-secondary) 70%, white);\n }\n }\n }\n\n / container styles reset /\n .ql-container.ql-snow {\n border: none;\n / takes into account the top toolbar /\n height: calc(100% - 41px);\n\n .ql-editor {\n max-height: 259px !important;\n\n / code block /\n .ql-code-block-container {\n background-color: var(--md-sys-color-surface-container-lowest);\n padding: var(--padding-m);\n border-radius: var(--border-radius-m);\n }\n\n .ql-code-block-container .ql-code-block,\n .ql-code-block-container .ql-code-block ,\n .ql-code-block-container * {\n font-family: monospace;\n font-size: var(--md-sys-typescale-body-small-font-size);\n }\n\n a {\n &::before,\n &::after {\n display: none;\n }\n\n color: var(--md-sys-color-primary);\n }\n\n a[href^='@'] {\n text-decoration: none;\n color: var(--md-sys-color-primary);\n }\n\n strong {\n em,\n u {\n font-weight: 800;\n }\n }\n }\n\n /* link popup /\n .ql-tooltip {\n &.ql-hidden {\n display: none;\n }\n\n left: 1px !important;\n top: -29px !important;\n\n width: 100%;\n\n box-shadow: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n border-color: var(--md-sys-color-surface-container-low);\n border-radius: var(--border-radius-l);\n padding: 4px;\n overflow: hidden;\n\n display: flex;\n align-items: center;\n\n .ql-preview {\n flex: 1;\n max-width: unset;\n }\n\n input {\n flex: 1;\n border: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n &:focus-visible {\n outline: none;\n }\n }\n\n a {\n color: var(--md-sys-color-primary);\n }\n\n / remove before text /\n / remove save button /\n &::before,\n .ql-action {\n display: none;\n }\n\n .ql-remove {\n color: var(--md-sys-color-on-surface-variant);\n margin-right: 4px;\n }\n }\n }\n\n / CLOSED /\n &.isClosed {\n cursor: pointer;\n .ql-editor > {\n cursor: pointer !important;\n }\n &:hover:not(.disabled) {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n .ql-container.ql-snow {\n padding-bottom: 0;\n height: 44px;\n\n .ql-editor {\n overflow: hidden;\n }\n }\n\n /* hide toolbar /\n .ql-toolbar.ql-snow {\n height: 0;\n padding: 0;\n margin: 0;\n border-width: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n }\n }\n\n &.disabled {\n cursor: default;\n pointer-events: none;\n user-select: none;\n border-color: var(--md-sys-color-surface-container-lowest);\n background-color: var(--md-sys-color-surface-container-lowest);\n }\n\n &.isLoading,\n &.isSubmitting {\n cursor: default;\n pointer-events: none;\n user-select: none;\n }\n\n &.isSubmitting {\n opacity: 0.3;\n }\n\n / toolbar styles /\n .ql-toolbar.ql-snow {\n border: none;\n background-color: var(--background-color);\n border-bottom: 1px solid var(--md-sys-color-surface-container-hover);\n padding: var(--padding-s);\n display: flex;\n justify-content: flex-end;\n height: unset;\n width: unset;\n\n .ql-formats {\n height: 32px;\n margin-left: 8px;\n margin-right: 0;\n padding-left: 8px;\n border-left: 1px solid var(--md-sys-color-surface-container-hover);\n display: flex;\n gap: 2px;\n\n button {\n float: none;\n padding: 6px;\n border-radius: var(--border-radius-m);\n height: 32px;\n width: 32px;\n\n / highlight when action /\n &.ql-active {\n background-color: var(--button-color-secondary);\n .icon {\n color: var(--button-color);\n }\n }\n }\n }\n\n button:hover {\n background-color: var(--button-color-secondary);\n }\n\n / container queries to hide buttons as the width gets smaller /\n container-type: inline-size;\n container-name: format-buttons;\n\n @container format-buttons (max-width: 432px) {\n / hide first button /\n .ql-formats:first-child {\n button:first-child {\n display: none;\n }\n }\n }\n\n @container format-buttons (max-width: 400px) {\n / hide first two buttons /\n .ql-formats:first-child {\n button:nth-child(2) {\n display: none;\n }\n }\n }\n @container format-buttons (max-width: 368px) {\n / hide first two buttons /\n .ql-formats:first-child {\n button:nth-child(3) {\n display: none;\n }\n }\n }\n @container format-buttons (max-width: 336px) {\n / hide first two buttons /\n .ql-formats:first-child {\n button:nth-child(4) {\n display: none;\n }\n }\n }\n @container format-buttons (max-width: 304px) {\n / hide first two buttons /\n .ql-formats:first-child {\n display: none;\n button:nth-child(5) {\n display: none;\n }\n }\n }\n\n / it should never get this small but if it does: hide all list options /\n @container format-buttons (max-width: 250px) {\n / hide first two buttons /\n .ql-formats:nth-child(2) {\n display: none;\n }\n }\n }\n\n / EDITING /\n &.isEditing {\n / remove box shadow /\n box-shadow: none;\n / remove outline /\n outline: none;\n\n / hide toolbar /\n .ql-toolbar.ql-snow {\n display: none;\n }\n\n .ql-container.ql-snow {\n height: 100%;\n\n .ql-editor {\n padding: 8px;\n padding-top: 0px;\n }\n }\n }\n`\n\nexport const Footer = styled.footer`\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m);\n border-top: 1px solid var(--md-sys-color-surface-container-hover);\n background-color: var(--background-color);\n z-index: 100;\n gap: var(--base-gap-small);\n container-type: inline-size;\n container-name: comment-input-footer;\n\n / remove save button icon /\n .comment {\n min-width: 75px;\n .icon {\n display: none;\n }\n background-color: var(--button-color);\n color: var(--button-text-color);\n }\n`\n\nexport const Buttons = styled.div`\n display: flex;\n gap: var(--base-gap-small);\n\n button {\n &.text {\n &:hover {\n background-color: var(--button-color-secondary);\n }\n }\n }\n`\n\nexport const SubmitButtons = styled(Buttons)`\n margin-left: auto;\n flex-shrink: 1;\n overflow: hidden;\n`\n\nexport const Markdown = styled.div`\n position: fixed;\n visibility: hidden;\n`\n\nexport const Dropzone = styled.div`\n position: absolute;\n inset: 0;\n user-select: none;\n pointer-events: none;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n opacity: 0;\n transition: opacity 0.2s;\n\n &.show {\n opacity: 1;\n }\n\n background-color: rgba(0, 0, 0, 0.5);\n\n z-index: 300;\n\n .icon {\n font-size: 40px;\n }\n`\n\nexport const Placeholder = styled.span`\n padding: 12px 15px;\n / italic */\n font-style: italic;\n opacity: 0.4;\n`\n\nexport const VersionReviewButtons = styled.div`\n display: grid;\n gap: var(--base-gap-medium);\n grid-template-columns: 1fr 1fr;\n`\n\nexport const VersionReviewButtonsSpacer = styled.div`\n margin-top: var(--padding-m);\n`\n\nexport const VersionReviewButton = styled(Button)`\n background: transparent;\n border: solid 1px currentColor;\n flex-grow: 1;\n height: 32px;\n\n &.danger {\n color: var(--md-sys-color-error);\n }\n\n &.tertiary {\n color: var(--md-sys-color-tertiary);\n }\n\n &:hover {\n background: rgb(from currentColor r g b / 0.25)\n }\n\n @container comment-input-footer (max-width: 345px) {\n .version-review-buttons.guest & .label {\n position: absolute;\n opacity: 0;\n width: 0;\n }\n }\n\n @container comment-input-footer (max-width: 510px) {\n .version-review-buttons:not(.guest) & .label {\n position: absolute;\n opacity: 0;\n width: 0;\n }\n }\n`\n\nexport const LastOwnVersionReview = styled.div`\n border-top-left-radius: var(--border-radius-l);\n border-top-right-radius: var(--border-radius-l);\n user-select: none;\n display: flex;\n gap: var(--base-gap-small);\n overflow: hidden;\n padding: var(--padding-m) var(--padding-s);\n align-items: center;\n line-height: 1;\n\n &.approve,\n &.approve .icon,\n &.approve .date, {\n background-color: var(--md-sys-color-tertiary);\n color: var(--md-sys-color-on-tertiary);\n }\n\n &.request_changes,\n &.request_changes .icon,\n &.request_changes .date, {\n background-color: var(--md-sys-color-error);\n color: var(--md-sys-color-on-error);\n }\n\n &.separate {\n border-radius: var(--border-radius-l);\n margin-bottom: var(--padding-m);\n }\n`\n"],"names":["AutoHeight","styled","categoryColorCss","$categoryPrimary","$categorySecondary","$categoryTertiary","css","getTextColor","Comment","Footer","Buttons","SubmitButtons","Markdown","Dropzone","Placeholder","VersionReviewButtons","VersionReviewButtonsSpacer","VersionReviewButton","Button","LastOwnVersionReview"],"mappings":"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"}
1	+ {"version":3,"file":"CommentInput.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button, getTextColor } from '@ynput/ayon-react-components'\n\nexport const AutoHeight = styled.div`\n /* use grid tick for auto height transition /\n display: grid;\n height: 100%;\n / transition: translate 0.1s, margin-top 0.1s; /\n position: relative;\n\n / when closed default /\n translate: 0 50px;\n margin-top: -50px;\n\n / when open /\n &.isOpen {\n translate: 0 0;\n margin-top: 0;\n }\n\n padding: 0 4px 4px 4px;\n / when editing /\n &.isEditing {\n padding: 0;\n }\n`\n\nexport type CommentProps = {\n $categoryPrimary?: string\n $categorySecondary?: string\n $categoryTertiary?: string\n}\n\n// Reusable function for category color CSS\nexport const categoryColorCss = (\n $categoryPrimary?: string,\n $categorySecondary?: string,\n $categoryTertiary?: string,\n) =>\n $categoryPrimary &&\n css`\n --background-color: ${$categoryTertiary};\n --button-color: ${$categoryPrimary};\n --button-color-secondary: ${$categorySecondary};\n --button-text-color: ${getTextColor($categoryPrimary)};\n --border-color: ${$categoryPrimary};\n `\n\nexport const Comment = styled.div<CommentProps>`\n / VARS /\n --background-color: var(--md-sys-color-surface-container);\n --button-color: var(--md-sys-color-primary);\n --button-color-secondary: var(--md-sys-color-surface-container-highest);\n --button-text-color: var(--md-sys-color-on-primary);\n --border-color: var(--md-sys-color-outline-variant);\n\n &.category {\n / CATEGORY /\n ${({ $categoryPrimary, $categorySecondary, $categoryTertiary }) =>\n categoryColorCss($categoryPrimary, $categorySecondary, $categoryTertiary)}\n button.comment {\n &:hover {\n background-color: var(--button-color);\n filter: brightness(1.2);\n }\n }\n }\n\n display: flex;\n flex-direction: column;\n position: relative;\n\n background-color: var(--background-color);\n border: 1px solid var(--border-color);\n &.isDropping.isOpen {\n border-color: var(--md-sys-color-primary);\n }\n\n border-radius: var(--border-radius-l);\n overflow: hidden;\n transition: opacity 250ms 250ms, background-color 250ms, border-color 250ms;\n\n &.isOpen {\n / box shadow /\n box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);\n\n .quill {\n background-color: var(--background-color);\n }\n }\n\n .ql-editor.ql-blank::before {\n color: var(--md-sys-color-on-surface);\n opacity: 0.25;\n }\n\n .ql-editor {\n ol {\n padding-left: 0;\n }\n }\n\n / custom mention styles /\n .ql-editor {\n .mention {\n border-radius: var(--border-radius-m);\n user-select: text;\n padding: 0 4px;\n margin-right: -2px;\n / remove underline /\n text-decoration: none;\n\n white-space: nowrap;\n cursor: pointer;\n\n color: var(--button-color);\n background-color: var(--button-color-secondary);\n\n &:hover {\n background-color: color-mix(in srgb, var(--button-color-secondary) 85%, white);\n }\n &:active {\n background-color: color-mix(in srgb, var(--button-color-secondary) 70%, white);\n }\n }\n }\n\n / container styles reset /\n .ql-container.ql-snow {\n border: none;\n / takes into account the top toolbar /\n height: calc(100% - 41px);\n\n .ql-editor {\n max-height: 259px !important;\n\n / code block /\n .ql-code-block-container {\n background-color: var(--md-sys-color-surface-container-lowest);\n padding: var(--padding-m);\n border-radius: var(--border-radius-m);\n }\n\n .ql-code-block-container .ql-code-block,\n .ql-code-block-container .ql-code-block ,\n .ql-code-block-container * {\n font-family: monospace;\n font-size: var(--md-sys-typescale-body-small-font-size);\n }\n\n a {\n &::before,\n &::after {\n display: none;\n }\n\n color: var(--md-sys-color-primary);\n }\n\n a[href^='@'] {\n text-decoration: none;\n color: var(--md-sys-color-primary);\n }\n\n strong {\n em,\n u {\n font-weight: 800;\n }\n }\n }\n\n /* link popup /\n .ql-tooltip {\n &.ql-hidden {\n display: none;\n }\n\n left: 1px !important;\n top: -29px !important;\n\n width: 100%;\n\n box-shadow: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n border-color: var(--md-sys-color-surface-container-low);\n border-radius: var(--border-radius-l);\n padding: 4px;\n overflow: hidden;\n\n display: flex;\n align-items: center;\n\n .ql-preview {\n flex: 1;\n max-width: unset;\n }\n\n input {\n flex: 1;\n border: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n &:focus-visible {\n outline: none;\n }\n }\n\n a {\n color: var(--md-sys-color-primary);\n }\n\n / remove before text /\n / remove save button /\n &::before,\n .ql-action {\n display: none;\n }\n\n .ql-remove {\n color: var(--md-sys-color-on-surface-variant);\n margin-right: 4px;\n }\n }\n }\n\n / CLOSED /\n &.isClosed {\n cursor: pointer;\n .ql-editor > {\n cursor: pointer !important;\n }\n &:hover:not(.disabled) {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n .ql-container.ql-snow {\n padding-bottom: 0;\n height: 44px;\n\n .ql-editor {\n overflow: hidden;\n }\n }\n\n /* hide toolbar /\n .ql-toolbar.ql-snow {\n height: 0;\n padding: 0;\n margin: 0;\n border-width: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n }\n }\n\n &.disabled {\n cursor: default;\n pointer-events: none;\n user-select: none;\n border-color: var(--md-sys-color-surface-container-lowest);\n background-color: var(--md-sys-color-surface-container-lowest);\n }\n\n &.isLoading,\n &.isSubmitting {\n cursor: default;\n pointer-events: none;\n user-select: none;\n }\n\n &.isSubmitting {\n opacity: 0.3;\n }\n\n / toolbar styles /\n .ql-toolbar.ql-snow {\n border: none;\n background-color: var(--background-color);\n border-bottom: 1px solid var(--md-sys-color-surface-container-hover);\n padding: var(--padding-s);\n display: flex;\n justify-content: flex-end;\n height: unset;\n width: unset;\n\n .ql-formats {\n height: 32px;\n margin-left: 8px;\n margin-right: 0;\n padding-left: 8px;\n border-left: 1px solid var(--md-sys-color-surface-container-hover);\n display: flex;\n gap: 2px;\n\n button {\n float: none;\n padding: 6px;\n border-radius: var(--border-radius-m);\n height: 32px;\n width: 32px;\n\n / highlight when action /\n &.ql-active {\n background-color: var(--button-color-secondary);\n .icon {\n color: var(--button-color);\n }\n }\n }\n }\n\n button:hover {\n background-color: var(--button-color-secondary);\n }\n\n / container queries to hide buttons as the width gets smaller /\n container-type: inline-size;\n container-name: format-buttons;\n\n @container format-buttons (max-width: 432px) {\n / hide first button /\n .ql-formats:first-child {\n button:first-child {\n display: none;\n }\n }\n }\n\n @container format-buttons (max-width: 400px) {\n / hide first two buttons /\n .ql-formats:first-child {\n button:nth-child(2) {\n display: none;\n }\n }\n }\n @container format-buttons (max-width: 368px) {\n / hide first two buttons /\n .ql-formats:first-child {\n button:nth-child(3) {\n display: none;\n }\n }\n }\n @container format-buttons (max-width: 336px) {\n / hide first two buttons /\n .ql-formats:first-child {\n button:nth-child(4) {\n display: none;\n }\n }\n }\n @container format-buttons (max-width: 304px) {\n / hide first two buttons /\n .ql-formats:first-child {\n display: none;\n button:nth-child(5) {\n display: none;\n }\n }\n }\n\n / it should never get this small but if it does: hide all list options /\n @container format-buttons (max-width: 250px) {\n / hide first two buttons /\n .ql-formats:nth-child(2) {\n display: none;\n }\n }\n }\n\n / EDITING /\n &.isEditing {\n / remove box shadow /\n box-shadow: none;\n / remove outline /\n outline: none;\n\n / hide toolbar /\n .ql-toolbar.ql-snow {\n display: none;\n }\n\n .ql-container.ql-snow {\n height: 100%;\n\n .ql-editor {\n padding: 8px;\n padding-top: 0px;\n }\n }\n }\n`\n\nexport const Footer = styled.footer`\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m);\n border-top: 1px solid var(--md-sys-color-surface-container-hover);\n background-color: var(--background-color);\n z-index: 100;\n gap: var(--base-gap-small);\n container-type: inline-size;\n container-name: comment-input-footer;\n\n / remove save button icon /\n .comment {\n min-width: 75px;\n .icon {\n display: none;\n }\n background-color: var(--button-color);\n color: var(--button-text-color);\n }\n`\n\nexport const Buttons = styled.div`\n display: flex;\n gap: var(--base-gap-small);\n\n button {\n &.text {\n &:hover {\n background-color: var(--button-color-secondary);\n }\n }\n }\n`\n\nexport const SubmitButtons = styled(Buttons)`\n margin-left: auto;\n flex-shrink: 1;\n overflow: hidden;\n`\n\nexport const Markdown = styled.div`\n position: fixed;\n visibility: hidden;\n`\n\nexport const Dropzone = styled.div`\n position: absolute;\n inset: 0;\n user-select: none;\n pointer-events: none;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n opacity: 0;\n transition: opacity 0.2s;\n\n &.show {\n opacity: 1;\n }\n\n background-color: rgba(0, 0, 0, 0.5);\n\n z-index: 300;\n\n .icon {\n font-size: 40px;\n }\n`\n\nexport const Placeholder = styled.span`\n padding: 12px 15px;\n / italic */\n font-style: italic;\n opacity: 0.4;\n`\n\nexport const VersionReviewButtons = styled.div`\n display: grid;\n gap: var(--base-gap-medium);\n grid-template-columns: 1fr 1fr;\n`\n\nexport const VersionReviewButtonsSpacer = styled.div`\n margin-top: var(--padding-m);\n`\n\nexport const VersionReviewButton = styled(Button)`\n background: transparent;\n border: solid 1px currentColor;\n flex-grow: 1;\n height: 32px;\n\n &.danger {\n color: var(--md-sys-color-error);\n }\n\n &.tertiary {\n color: var(--md-sys-color-tertiary);\n }\n\n &:hover {\n background: rgb(from currentColor r g b / 0.25)\n }\n\n @container comment-input-footer (max-width: 345px) {\n .version-review-buttons.guest & .label {\n position: absolute;\n opacity: 0;\n width: 0;\n pointer-events: none;\n }\n }\n\n @container comment-input-footer (max-width: 510px) {\n .version-review-buttons:not(.guest) & .label {\n position: absolute;\n opacity: 0;\n width: 0;\n pointer-events: none;\n }\n }\n`\n\nexport const LastOwnVersionReview = styled.div`\n border-top-left-radius: var(--border-radius-l);\n border-top-right-radius: var(--border-radius-l);\n user-select: none;\n display: flex;\n gap: var(--base-gap-small);\n overflow: hidden;\n padding: var(--padding-m) var(--padding-s);\n align-items: center;\n line-height: 1;\n\n &.approve,\n &.approve .icon,\n &.approve .date, {\n background-color: var(--md-sys-color-tertiary);\n color: var(--md-sys-color-on-tertiary);\n }\n\n &.request_changes,\n &.request_changes .icon,\n &.request_changes .date, {\n background-color: var(--md-sys-color-error);\n color: var(--md-sys-color-on-error);\n }\n\n &.separate {\n border-radius: var(--border-radius-l);\n margin-bottom: var(--padding-m);\n }\n`\n"],"names":["AutoHeight","styled","categoryColorCss","$categoryPrimary","$categorySecondary","$categoryTertiary","css","getTextColor","Comment","Footer","Buttons","SubmitButtons","Markdown","Dropzone","Placeholder","VersionReviewButtons","VersionReviewButtonsSpacer","VersionReviewButton","Button","LastOwnVersionReview"],"mappings":"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"}

package/dist/shared/src/containers/Feed/hooks/useLastVersionReview.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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/dataImport.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/projectFolders.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");const v=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/activities/getCategories.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/columnStats/metricTargets.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.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/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.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/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.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/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.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/users/guests.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("../../../api/queries/uris/getUris.cjs.js");const s=require("react");function l({projectName:n,enabled:o,entityIds:r,activities:i,loadingActivities:a,userName:u}){const e=s.useMemo(()=>i.find(t=>t.activityType==="version.review"&&t.authorName===u),[i,u]),c=!!(r.length===0||!o||a||e),{data:q}=v.useGetActivitiesQuery({projectName:n,entityIds:r,activityTypes:["version.review"],last:1,mine:!0},{skip:c});return s.useMemo(()=>e??q?.activities.at(-1),[e,q])}exports.useLastVersionReview=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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/dataImport.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/projectFolders.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");const v=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/activities/getCategories.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/columnStats/metricTargets.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.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/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.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/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.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/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.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/users/guests.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("../../../api/queries/uris/getUris.cjs.js");const s=require("react");function l({projectName:o,enabled:n,entityIds:i,activities:u,loadingActivities:a,userName:e}){const r=s.useMemo(()=>u.find(t=>t.activityType==="version.review"&&t.authorName===e),[u,e]),c=!!(i.length===0||!n||a||r),{data:q}=v.useGetActivitiesQuery({projectName:o,entityIds:i,activityTypes:["version.review"],last:1,authors:[e]},{skip:c});return s.useMemo(()=>r??q?.activities.at(-1),[r,q])}exports.useLastVersionReview=l;
 //# sourceMappingURL=useLastVersionReview.cjs.js.map

package/dist/shared/src/containers/Feed/hooks/useLastVersionReview.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useLastVersionReview.cjs.js","sources":["../../../../../../src/containers/Feed/hooks/useLastVersionReview.ts"],"sourcesContent":["import { FeedActivity, useGetActivitiesQuery } from \"@shared/api\"\nimport { useMemo } from \"react\"\n\ntype Args = {\n projectName: string\n enabled: boolean\n entityIds: string[]\n activities: FeedActivity[]\n loadingActivities: boolean\n userName: string\n}\n\nexport function useLastVersionReview({ projectName, enabled, entityIds, activities, loadingActivities, userName }: Args) {\n const existingActivity = useMemo(\n () => activities.find(a => a.activityType === \"version.review\" && a.authorName === userName),\n [activities, userName]\n )\n\n const skip = Boolean(entityIds.length === 0 \|\| !enabled \|\| loadingActivities \|\| existingActivity)\n\n const { data: lastVersionReviewResult } = useGetActivitiesQuery({\n projectName,\n entityIds,\n activityTypes: [\"version.review\"],\n last: 1,\n ~~mine~~: ~~true~~,\n }, { skip })\n\n\n const lastVersionReview = useMemo(() => {\n return existingActivity ?? lastVersionReviewResult?.activities.at(-1)\n }, [existingActivity, lastVersionReviewResult])\n\n return lastVersionReview\n}\n"],"names":["useLastVersionReview","projectName","enabled","entityIds","activities","loadingActivities","userName","existingActivity","useMemo","a","skip","lastVersionReviewResult","useGetActivitiesQuery"],"mappings":"w1KAYO,SAASA,EAAqB,CAAE,YAAAC,EAAa,QAAAC,EAAS,UAAAC,EAAW,WAAAC,EAAY,kBAAAC,EAAmB,SAAAC,GAAkB,CACvH,MAAMC,EAAmBC,EAAAA,QACvB,IAAMJ,EAAW,KAAKK,GAAKA,EAAE,eAAiB,kBAAoBA,EAAE,aAAeH,CAAQ,EAC3F,CAACF,EAAYE,CAAQ,CAAA,EAGjBI,EAAO,GAAQP,EAAU,SAAW,GAAK,CAACD,GAAWG,GAAqBE,GAE1E,CAAE,KAAMI,CAAA,EAA4BC,wBAAsB,CAC9D,YAAAX,EACA,UAAAE,EACA,cAAe,CAAC,gBAAgB,EAChC,KAAM,EACN,~~KAAM~~,~~EAAA~~,~~EACL~~,CAAE,~~KAAAO~~,CAAA,CAAM,EAOX,OAJ0BF,EAAAA,QAAQ,IACzBD,GAAoBI,GAAyB,WAAW,GAAG,EAAE,EACnE,CAACJ,EAAkBI,CAAuB,CAAC,CAGhD"}
1	+ {"version":3,"file":"useLastVersionReview.cjs.js","sources":["../../../../../../src/containers/Feed/hooks/useLastVersionReview.ts"],"sourcesContent":["import { FeedActivity, useGetActivitiesQuery } from \"@shared/api\"\nimport { useMemo } from \"react\"\n\ntype Args = {\n projectName: string\n enabled: boolean\n entityIds: string[]\n activities: FeedActivity[]\n loadingActivities: boolean\n userName: string\n}\n\nexport function useLastVersionReview({ projectName, enabled, entityIds, activities, loadingActivities, userName }: Args) {\n const existingActivity = useMemo(\n () => activities.find(a => a.activityType === \"version.review\" && a.authorName === userName),\n [activities, userName]\n )\n\n const skip = Boolean(entityIds.length === 0 \|\| !enabled \|\| loadingActivities \|\| existingActivity)\n\n const { data: lastVersionReviewResult } = useGetActivitiesQuery({\n projectName,\n entityIds,\n activityTypes: [\"version.review\"],\n last: 1,\n authors: [userName],\n }, { skip })\n\n\n const lastVersionReview = useMemo(() => {\n return existingActivity ?? lastVersionReviewResult?.activities.at(-1)\n }, [existingActivity, lastVersionReviewResult])\n\n return lastVersionReview\n}\n"],"names":["useLastVersionReview","projectName","enabled","entityIds","activities","loadingActivities","userName","existingActivity","useMemo","a","skip","lastVersionReviewResult","useGetActivitiesQuery"],"mappings":"w1KAYO,SAASA,EAAqB,CAAE,YAAAC,EAAa,QAAAC,EAAS,UAAAC,EAAW,WAAAC,EAAY,kBAAAC,EAAmB,SAAAC,GAAkB,CACvH,MAAMC,EAAmBC,EAAAA,QACvB,IAAMJ,EAAW,KAAKK,GAAKA,EAAE,eAAiB,kBAAoBA,EAAE,aAAeH,CAAQ,EAC3F,CAACF,EAAYE,CAAQ,CAAA,EAGjBI,EAAO,GAAQP,EAAU,SAAW,GAAK,CAACD,GAAWG,GAAqBE,GAE1E,CAAE,KAAMI,CAAA,EAA4BC,wBAAsB,CAC9D,YAAAX,EACA,UAAAE,EACA,cAAe,CAAC,gBAAgB,EAChC,KAAM,EACN,QAAS,CAACG,CAAQ,CAAA,EACjB,CAAE,KAAAI,CAAA,CAAM,EAOX,OAJ0BF,EAAAA,QAAQ,IACzBD,GAAoBI,GAAyB,WAAW,GAAG,EAAE,EACnE,CAACJ,EAAkBI,CAAuB,CAAC,CAGhD"}

package/dist/shared/src/containers/Feed/hooks/useLastVersionReview.es.js CHANGED Viewed

@@ -94,18 +94,18 @@ import "../../../api/queries/views/updateViews.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
 import "../../../api/queries/uris/getUris.es.js";
 import { useMemo as e } from "react";
-function ii({ projectName: s, enabled: n, entityIds: i, activities: o, loadingActivities: v, userName: r }) {
-  const t = e(
-    () => o.find((p) => p.activityType === "version.review" && p.authorName === r),
-    [o, r]
-  ), a = !!(i.length === 0 || !n || v || t), { data: m } = c({
+function ii({ projectName: s, enabled: n, entityIds: o, activities: r, loadingActivities: v, userName: t }) {
+  const i = e(
+    () => r.find((m) => m.activityType === "version.review" && m.authorName === t),
+    [r, t]
+  ), a = !!(o.length === 0 || !n || v || i), { data: p } = c({
     projectName: s,
-    entityIds: i,
+    entityIds: o,
     activityTypes: ["version.review"],
     last: 1,
-    mine: !0
+    authors: [t]
   }, { skip: a });
-  return e(() => t ?? m?.activities.at(-1), [t, m]);
+  return e(() => i ?? p?.activities.at(-1), [i, p]);
 }
 export {
   ii as useLastVersionReview

package/dist/shared/src/containers/Feed/hooks/useLastVersionReview.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useLastVersionReview.es.js","sources":["../../../../../../src/containers/Feed/hooks/useLastVersionReview.ts"],"sourcesContent":["import { FeedActivity, useGetActivitiesQuery } from \"@shared/api\"\nimport { useMemo } from \"react\"\n\ntype Args = {\n projectName: string\n enabled: boolean\n entityIds: string[]\n activities: FeedActivity[]\n loadingActivities: boolean\n userName: string\n}\n\nexport function useLastVersionReview({ projectName, enabled, entityIds, activities, loadingActivities, userName }: Args) {\n const existingActivity = useMemo(\n () => activities.find(a => a.activityType === \"version.review\" && a.authorName === userName),\n [activities, userName]\n )\n\n const skip = Boolean(entityIds.length === 0 \|\| !enabled \|\| loadingActivities \|\| existingActivity)\n\n const { data: lastVersionReviewResult } = useGetActivitiesQuery({\n projectName,\n entityIds,\n activityTypes: [\"version.review\"],\n last: 1,\n ~~mine~~: ~~true~~,\n }, { skip })\n\n\n const lastVersionReview = useMemo(() => {\n return existingActivity ?? lastVersionReviewResult?.activities.at(-1)\n }, [existingActivity, lastVersionReviewResult])\n\n return lastVersionReview\n}\n"],"names":["useLastVersionReview","projectName","enabled","entityIds","activities","loadingActivities","userName","existingActivity","useMemo","a","skip","lastVersionReviewResult","useGetActivitiesQuery"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,SAASA,GAAqB,EAAE,aAAAC,GAAa,SAAAC,GAAS,WAAAC,GAAW,YAAAC,GAAY,mBAAAC,GAAmB,UAAAC,KAAkB;AACvH,QAAMC,IAAmBC;AAAA,IACvB,MAAMJ,EAAW,KAAK,CAAAK,MAAKA,EAAE,iBAAiB,oBAAoBA,EAAE,eAAeH,CAAQ;AAAA,IAC3F,CAACF,GAAYE,CAAQ;AAAA,EAAA,GAGjBI,IAAO,GAAQP,EAAU,WAAW,KAAK,CAACD,KAAWG,KAAqBE,IAE1E,EAAE,MAAMI,EAAA,IAA4BC,EAAsB;AAAA,IAC9D,aAAAX;AAAA,IACA,WAAAE;AAAA,IACA,eAAe,CAAC,gBAAgB;AAAA,IAChC,MAAM;AAAA,IACN,~~MAAM~~;AAAA,EAAA,~~GACL~~,EAAE,~~MAAAO~~,EAAA,CAAM;AAOX,SAJ0BF,EAAQ,MACzBD,KAAoBI,GAAyB,WAAW,GAAG,EAAE,GACnE,CAACJ,GAAkBI,CAAuB,CAAC;AAGhD;"}
1	+ {"version":3,"file":"useLastVersionReview.es.js","sources":["../../../../../../src/containers/Feed/hooks/useLastVersionReview.ts"],"sourcesContent":["import { FeedActivity, useGetActivitiesQuery } from \"@shared/api\"\nimport { useMemo } from \"react\"\n\ntype Args = {\n projectName: string\n enabled: boolean\n entityIds: string[]\n activities: FeedActivity[]\n loadingActivities: boolean\n userName: string\n}\n\nexport function useLastVersionReview({ projectName, enabled, entityIds, activities, loadingActivities, userName }: Args) {\n const existingActivity = useMemo(\n () => activities.find(a => a.activityType === \"version.review\" && a.authorName === userName),\n [activities, userName]\n )\n\n const skip = Boolean(entityIds.length === 0 \|\| !enabled \|\| loadingActivities \|\| existingActivity)\n\n const { data: lastVersionReviewResult } = useGetActivitiesQuery({\n projectName,\n entityIds,\n activityTypes: [\"version.review\"],\n last: 1,\n authors: [userName],\n }, { skip })\n\n\n const lastVersionReview = useMemo(() => {\n return existingActivity ?? lastVersionReviewResult?.activities.at(-1)\n }, [existingActivity, lastVersionReviewResult])\n\n return lastVersionReview\n}\n"],"names":["useLastVersionReview","projectName","enabled","entityIds","activities","loadingActivities","userName","existingActivity","useMemo","a","skip","lastVersionReviewResult","useGetActivitiesQuery"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,SAASA,GAAqB,EAAE,aAAAC,GAAa,SAAAC,GAAS,WAAAC,GAAW,YAAAC,GAAY,mBAAAC,GAAmB,UAAAC,KAAkB;AACvH,QAAMC,IAAmBC;AAAA,IACvB,MAAMJ,EAAW,KAAK,CAAAK,MAAKA,EAAE,iBAAiB,oBAAoBA,EAAE,eAAeH,CAAQ;AAAA,IAC3F,CAACF,GAAYE,CAAQ;AAAA,EAAA,GAGjBI,IAAO,GAAQP,EAAU,WAAW,KAAK,CAACD,KAAWG,KAAqBE,IAE1E,EAAE,MAAMI,EAAA,IAA4BC,EAAsB;AAAA,IAC9D,aAAAX;AAAA,IACA,WAAAE;AAAA,IACA,eAAe,CAAC,gBAAgB;AAAA,IAChC,MAAM;AAAA,IACN,SAAS,CAACG,CAAQ;AAAA,EAAA,GACjB,EAAE,MAAAI,EAAA,CAAM;AAOX,SAJ0BF,EAAQ,MACzBD,KAAoBI,GAAyB,WAAW,GAAG,EAAE,GACnE,CAACJ,GAAkBI,CAAuB,CAAC;AAGhD;"}

package/dist/types/api/generated/graphql.d.ts CHANGED Viewed

@@ -788,6 +788,7 @@ export type ProjectNodeActivitiesArgs = {
     activityIds?: InputMaybe<Array<Scalars['String']['input']>>;
     activityTypes?: InputMaybe<Array<Scalars['String']['input']>>;
     after?: InputMaybe<Scalars['String']['input']>;
+    authors?: InputMaybe<Array<Scalars['String']['input']>>;
     before?: InputMaybe<Scalars['String']['input']>;
     categories?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
     changedAfter?: InputMaybe<Scalars['String']['input']>;
@@ -798,7 +799,6 @@ export type ProjectNodeActivitiesArgs = {
     filter?: InputMaybe<Scalars['String']['input']>;
     first?: InputMaybe<Scalars['Int']['input']>;
     last?: InputMaybe<Scalars['Int']['input']>;
-    mine?: Scalars['Boolean']['input'];
     referenceTypes?: InputMaybe<Array<Scalars['String']['input']>>;
     tags?: InputMaybe<Array<Scalars['String']['input']>>;
 };
@@ -1375,6 +1375,7 @@ export type UserNode = {
     isGuest: Scalars['Boolean']['output'];
     isManager: Scalars['Boolean']['output'];
     isService: Scalars['Boolean']['output'];
+    isStagingAllowed: Scalars['Boolean']['output'];
     name: Scalars['String']['output'];
     tasks: TasksConnection;
     updatedAt: Scalars['DateTime']['output'];
@@ -1720,7 +1721,7 @@ export type GetActivitiesQueryVariables = Exact<{
     last?: InputMaybe<Scalars['Int']['input']>;
     referenceTypes?: InputMaybe<Array<Scalars['String']['input']> | Scalars['String']['input']>;
     activityTypes?: InputMaybe<Array<Scalars['String']['input']> | Scalars['String']['input']>;
-    mine?: InputMaybe<Scalars['Boolean']['input']>;
+    authors?: InputMaybe<Array<Scalars['String']['input']> | Scalars['String']['input']>;
 }>;
 export type GetActivitiesQuery = {
     __typename?: 'Query';
@@ -3922,7 +3923,7 @@ declare const injectedRtkApi: import('@reduxjs/toolkit/query').Api<import('@redu
         last?: InputMaybe<Scalars["Int"]["input"]>;
         referenceTypes?: InputMaybe<Array<Scalars["String"]["input"]> | Scalars["String"]["input"]>;
         activityTypes?: InputMaybe<Array<Scalars["String"]["input"]> | Scalars["String"]["input"]>;
-        mine?: InputMaybe<Scalars["Boolean"]["input"]>;
+        authors?: InputMaybe<Array<Scalars["String"]["input"]> | Scalars["String"]["input"]>;
     }>, import('@reduxjs/toolkit/query').BaseQueryFn<string | {
         document: string | import('graphql').DocumentNode;
         variables?: any;

package/dist/types/api/generated/graphqlLinks.d.ts CHANGED Viewed

@@ -788,6 +788,7 @@ export type ProjectNodeActivitiesArgs = {
     activityIds?: InputMaybe<Array<Scalars['String']['input']>>;
     activityTypes?: InputMaybe<Array<Scalars['String']['input']>>;
     after?: InputMaybe<Scalars['String']['input']>;
+    authors?: InputMaybe<Array<Scalars['String']['input']>>;
     before?: InputMaybe<Scalars['String']['input']>;
     categories?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
     changedAfter?: InputMaybe<Scalars['String']['input']>;
@@ -798,7 +799,6 @@ export type ProjectNodeActivitiesArgs = {
     filter?: InputMaybe<Scalars['String']['input']>;
     first?: InputMaybe<Scalars['Int']['input']>;
     last?: InputMaybe<Scalars['Int']['input']>;
-    mine?: Scalars['Boolean']['input'];
     referenceTypes?: InputMaybe<Array<Scalars['String']['input']>>;
     tags?: InputMaybe<Array<Scalars['String']['input']>>;
 };
@@ -1375,6 +1375,7 @@ export type UserNode = {
     isGuest: Scalars['Boolean']['output'];
     isManager: Scalars['Boolean']['output'];
     isService: Scalars['Boolean']['output'];
+    isStagingAllowed: Scalars['Boolean']['output'];
     name: Scalars['String']['output'];
     tasks: TasksConnection;
     updatedAt: Scalars['DateTime']['output'];