@ynput/ayon-frontend-shared 0.2.15 → 0.2.16

package/dist/shared/src/components/ProjectTableSettings/ProjectTableSettings.es.js

@@ -32,24 +32,159 @@ import "react";
 import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
 /* empty css                                               */
 import "../../containers/ContextMenu/ContextMenuContext.es.js";
-import styled from "styled-components";
+import "react-dom";
+import "../../containers/Feed/context/FeedContext.es.js";
+import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "react-markdown";
+import "remark-emoji";
+import "remark-gfm";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../../containers/Feed/components/CommentInput/CommentInput.es.js";
+import "../../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import "../../context/DetailsPanelContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import { useSettingsPanel } from "../../context/SettingsPanelContext.es.js";
 import "../../context/pip/PiPProvider.es.js";
-import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
 import "../../context/PowerpackContext.es.js";
+import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
+import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../containers/Feed/components/ActivityDate.es.js";
+import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../../containers/Feed/Feed.styled.es.js";
+import "date-fns";
+import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+import "../../api/generated/configuration.es.js";
+import "../../api/generated/desktop.es.js";
+import "../../api/generated/entityLists.es.js";
+import "../../api/generated/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+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";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/userDashboard/getUserDashboard.es.js";
+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 "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../ReviewablesList/ReviewablesList.styled.es.js";
+import "axios";
+import "../ReviewablesList/ReviewablesUpload.styled.es.js";
+import "../ReviewableCard/ReviewableCard.es.js";
+import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../FileThumbnail/FileThumbnail.es.js";
+import "../Thumbnail/Thumbnail.styled.es.js";
+import "../Thumbnail/StackedThumbnails.es.js";
+import "../EntityThumbnailUploader/EntityThumbnailUploader.styled.es.js";
+import "../ThumbnailUploader/ThumbnailUploader.styled.es.js";
+import "../SimpleFormDialog/SimpleFormDialog.es.js";
+import "../EntityPath/EntityPath.styled.es.js";
+import "../EntityPath/SegmentProvider.es.js";
+import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../Watchers/Watchers.es.js";
+import "../Powerpack/PowerpackButton.es.js";
+import "../Powerpack/PricingLink.es.js";
+import "../Powerpack/PowerpackDialog.styled.es.js";
 import { SettingsPanel } from "../SettingsPanel/SettingsPanel.es.js";
 import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../AttributeEditor/components/MinMaxField.es.js";
+import "../EnumEditor/EnumEditor.styled.es.js";
+import "../SearchFilter/filterDates.es.js";
+import "../Badge/Badge.es.js";
+import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
+import "../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
+import "../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../containers/Actions/Actions.styled.es.js";
+import "../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../../containers/Actions/ActionIcon.es.js";
+import styled from "styled-components";
 import ColumnsSettings from "./ColumnsSettings.es.js";
 const StyledCustomizeButton = styled(Button)`
   min-width: 120px;
 `;
-const CustomizeButton = ({ defaultSelected, ...props }) => {
+const CustomizeButton = ({ defaultSelected, className, ...props }) => {
   const { togglePanel, isPanelOpen } = useSettingsPanel();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     StyledCustomizeButton,

package/dist/shared/src/components/ProjectTableSettings/ProjectTableSettings.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectTableSettings.es.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n  useColumnSettingsContext,\n  useProjectTableContext,\n  useProjectTableModuleContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string }[]\n  highlighted?: SettingHighlightedId\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns = [],\n  highlighted,\n}) => {\n  const { attribFields } = useProjectTableContext()\n  const { columnVisibility } = useColumnSettingsContext()\n\n  const columns = [\n    {\n      value: 'thumbnail',\n      label: 'Thumbnail',\n    },\n    {\n      value: 'name',\n      label: 'Folder / Task',\n    },\n    {\n      value: 'status',\n      label: 'Status',\n    },\n    {\n      value: 'subType',\n      label: 'Type',\n    },\n    {\n      value: 'assignees',\n      label: 'Assignees',\n    },\n    {\n      value: 'tags',\n      label: 'Tags',\n    },\n    ...attribFields.map((field) => ({\n      value: 'attrib_' + field.name,\n      label: field.data.title || field.name,\n    })),\n    ...extraColumns,\n  ]\n\n  const visibleCount = columns.filter(\n    (column) => !(column.value in columnVisibility) || columnVisibility[column.value],\n  ).length\n\n  const defaultSettings: SettingConfig[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${columns.length}`,\n      component: <ColumnsSettings columns={columns} highlighted={highlighted} />,\n    },\n  ]\n\n  settings.forEach((setting) => defaultSettings.push(setting))\n\n  return <SettingsPanel settings={defaultSettings} />\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,wBAAwB,OAAO,MAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,iBAAiB,GAAG,YAAmB;AACvE,QAAM,EAAE,aAAa,YAAY,IAAI,iBAAiB;AAGpD,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM,YAAY,eAAe;AAAA,MAC1C,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACL,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ;AAUO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW,CAAC;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAC1C,QAAA,EAAE,iBAAiB,IAAI,yBAAyB;AAEtD,QAAM,UAAU;AAAA,IACd;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAG,aAAa,IAAI,CAAC,WAAW;AAAA,MAC9B,OAAO,YAAY,MAAM;AAAA,MACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,IAAA,EACjC;AAAA,IACF,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,WAAW,EAAE,OAAO,SAAS,qBAAqB,iBAAiB,OAAO,KAAK;AAAA,EAAA,EAChF;AAEF,QAAM,kBAAmC;AAAA,IACvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,GAAG,YAAY,IAAI,QAAQ,MAAM;AAAA,MAC1C,WAAWA,kCAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,kCAAA,IAAC,eAAc,EAAA,UAAU,gBAAiB,CAAA;AACnD;"}
+{"version":3,"file":"ProjectTableSettings.es.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n  useColumnSettingsContext,\n  useProjectTableContext,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps, theme } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport ColumnsSettings from './ColumnsSettings'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string }[]\n  highlighted?: SettingHighlightedId\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns = [],\n  highlighted,\n}) => {\n  const { attribFields } = useProjectTableContext()\n  const { columnVisibility } = useColumnSettingsContext()\n\n  const columns = [\n    {\n      value: 'thumbnail',\n      label: 'Thumbnail',\n    },\n    {\n      value: 'name',\n      label: 'Folder / Task',\n    },\n    {\n      value: 'status',\n      label: 'Status',\n    },\n    {\n      value: 'subType',\n      label: 'Type',\n    },\n    {\n      value: 'assignees',\n      label: 'Assignees',\n    },\n    {\n      value: 'tags',\n      label: 'Tags',\n    },\n    ...attribFields.map((field) => ({\n      value: 'attrib_' + field.name,\n      label: field.data.title || field.name,\n    })),\n    ...extraColumns,\n  ]\n\n  const visibleCount = columns.filter(\n    (column) => !(column.value in columnVisibility) || columnVisibility[column.value],\n  ).length\n\n  const defaultSettings: SettingConfig[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${columns.length}`,\n      component: <ColumnsSettings columns={columns} highlighted={highlighted} />,\n    },\n  ]\n\n  settings.forEach((setting) => defaultSettings.push(setting))\n\n  return <SettingsPanel settings={defaultSettings} />\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wBAAwB,OAAO,MAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,iBAAiB,WAAW,GAAG,YAAmB;AAClF,QAAM,EAAE,aAAa,YAAY,IAAI,iBAAiB;AAGpD,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM,YAAY,eAAe;AAAA,MAC1C,MAAK;AAAA,MACL,UAAU;AAAA,MACT,GAAG;AAAA,MACL,UAAA;AAAA,IAAA;AAAA,EAED;AAEJ;AAUO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW,CAAC;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAI,uBAAuB;AAC1C,QAAA,EAAE,iBAAiB,IAAI,yBAAyB;AAEtD,QAAM,UAAU;AAAA,IACd;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,IACA,GAAG,aAAa,IAAI,CAAC,WAAW;AAAA,MAC9B,OAAO,YAAY,MAAM;AAAA,MACzB,OAAO,MAAM,KAAK,SAAS,MAAM;AAAA,IAAA,EACjC;AAAA,IACF,GAAG;AAAA,EACL;AAEA,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,WAAW,EAAE,OAAO,SAAS,qBAAqB,iBAAiB,OAAO,KAAK;AAAA,EAAA,EAChF;AAEF,QAAM,kBAAmC;AAAA,IACvC;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,GAAG,YAAY,IAAI,QAAQ,MAAM;AAAA,MAC1C,WAAWA,kCAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,kCAAA,IAAC,eAAc,EAAA,UAAU,gBAAiB,CAAA;AACnD;"}

package/dist/shared/src/components/ReviewableProgressCard/ReviewableProgressCard.cjs.js

@@ -36,6 +36,10 @@ const ReviewableProgressCard = ({
       message = "Queued - waiting to be transcoded";
       icon = "hourglass";
       break;
+    case "waiting":
+      message = "Waiting for upload";
+      icon = "schedule";
+      break;
   }
   if (error) {
     isSpinning = false;
@@ -60,7 +64,7 @@ const ReviewableProgressCard = ({
         ] }),
         size && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "size", children: ayonReactComponents.getFileSizeString(size) }),
         tooltip && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "info", className: "info", "data-tooltip": tooltip, "data-tooltip-as": "markdown" }),
-        error && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Button, { icon: "close", variant: "danger", onClick: onRemove }),
+        (error || type === "waiting") && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Button, { icon: "close", variant: "text", onClick: onRemove }),
         /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ReviewableProgressCard_styled.ProgressBar, { className: "progress", style: { right: `${100 - (progress ?? 0)}%` } })
       ]
     },

package/dist/shared/src/components/ReviewableProgressCard/ReviewableProgressCard.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewableProgressCard.cjs.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","Icon","getFileSizeString","Button","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,2BAAA,kBAAA;AAAA,IAACC,8BAAO;AAAA,IAAP;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,kDAAAE,8BAAAA,MAAA,EACE,UAAA;AAAA,UAAO,OAAAC,2BAAA,kBAAA,IAAC,SAAI,IAAU,CAAA;AAAA,UACtB,QAASA,2BAAAA,kBAAAA,IAAAC,oBAAA,MAAA,EAAK,MAAY,WAAW,KAAK,EAAE,UAAU,WAAW,CAAC,EAAG,CAAA;AAAA,QAAA,GACxE;AAAA,QAEAJ,2BAAAA,kBAAAA,KAAC,QAAK,EAAA,WAAU,WACd,UAAA;AAAA,UAACG,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAK,MAAA;AAAA,UAC7BA,2BAAAA,kBAAAA,IAAC,QAAK,EAAA,WAAU,WAAW,UAAA,QAAQ,QAAQ,GAAG,OAAO,IAAI,cAAc,GAAG,CAAA;AAAA,QAAA,GAC5E;AAAA,QACC,QAASA,2BAAAA,kBAAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAAE,oBAAAA,kBAAkB,IAAI,GAAE;AAAA,QACxD,WACEF,2BAAA,kBAAA,IAAAC,0BAAA,EAAK,MAAK,QAAO,WAAU,QAAO,gBAAc,SAAS,mBAAgB,WAAW,CAAA;AAAA,QAEtF,0DAAUE,oBAAO,QAAA,EAAA,MAAK,SAAQ,SAAQ,UAAS,SAAS,UAAU;AAAA,QAClEH,2BAAAA,kBAAAA,IAAAI,8BAAAA,aAAA,EAAmB,WAAU,YAAW,OAAO,EAAE,OAAO,GAAG,OAAO,YAAY,EAAE,MAAO,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAnBnF;AAAA,EAoBP;AAEJ;;"}
+{"version":3,"file":"ReviewableProgressCard.cjs.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","Icon","getFileSizeString","Button","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,2BAAA,kBAAA;AAAA,IAACC,8BAAO;AAAA,IAAP;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,kDAAAE,8BAAAA,MAAA,EACE,UAAA;AAAA,UAAO,OAAAC,2BAAA,kBAAA,IAAC,SAAI,IAAU,CAAA;AAAA,UACtB,QAASA,2BAAAA,kBAAAA,IAAAC,oBAAA,MAAA,EAAK,MAAY,WAAW,KAAK,EAAE,UAAU,WAAW,CAAC,EAAG,CAAA;AAAA,QAAA,GACxE;AAAA,QAEAJ,2BAAAA,kBAAAA,KAAC,QAAK,EAAA,WAAU,WACd,UAAA;AAAA,UAACG,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAK,MAAA;AAAA,UAC7BA,2BAAAA,kBAAAA,IAAC,QAAK,EAAA,WAAU,WAAW,UAAA,QAAQ,QAAQ,GAAG,OAAO,IAAI,cAAc,GAAG,CAAA;AAAA,QAAA,GAC5E;AAAA,QACC,QAASA,2BAAAA,kBAAAA,IAAA,QAAA,EAAK,WAAU,QAAQ,UAAAE,oBAAAA,kBAAkB,IAAI,GAAE;AAAA,QACxD,WACEF,2BAAA,kBAAA,IAAAC,0BAAA,EAAK,MAAK,QAAO,WAAU,QAAO,gBAAc,SAAS,mBAAgB,WAAW,CAAA;AAAA,SAErF,SAAS,SAAS,cAAeD,2BAAAA,kBAAAA,IAAAG,oBAAAA,QAAA,EAAO,MAAK,SAAQ,SAAQ,QAAO,SAAS,SAAU,CAAA;AAAA,QACxFH,2BAAAA,kBAAAA,IAAAI,8BAAAA,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.es.js

@@ -34,6 +34,10 @@ const ReviewableProgressCard = ({
       message = "Queued - waiting to be transcoded";
       icon = "hourglass";
       break;
+    case "waiting":
+      message = "Waiting for upload";
+      icon = "schedule";
+      break;
   }
   if (error) {
     isSpinning = false;
@@ -58,7 +62,7 @@ const ReviewableProgressCard = ({
         ] }),
         size && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "size", children: getFileSizeString(size) }),
         tooltip && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "info", className: "info", "data-tooltip": tooltip, "data-tooltip-as": "markdown" }),
-        error && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { icon: "close", variant: "danger", onClick: onRemove }),
+        (error || type === "waiting") && /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { icon: "close", variant: "text", onClick: onRemove }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(ProgressBar, { className: "progress", style: { right: `${100 - (progress ?? 0)}%` } })
       ]
     },

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

@@ -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;"}
+{"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

@@ -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

@@ -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;;;;"}
+{"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

@@ -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

@@ -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;"}
+{"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

@@ -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

@@ -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;;"}
+{"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

@@ -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

@@ -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;"}
+{"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;"}