@ynput/ayon-frontend-shared 0.2.14 → 0.2.16

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

@@ -15,6 +15,7 @@ require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");
 require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");
 require("../../containers/ProjectTreeTable/context/ProjectTableSelectionContext.cjs.js");
 require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");
+require("../../containers/ProjectTreeTable/context/ProjectTableModulesContext.cjs.js");
 require("@tanstack/react-table");
 require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");
@@ -23,31 +24,169 @@ require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");
+require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");
 require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");
 require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");
 require("clsx");
 require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");
 require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");
 require("react");
+require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");
 ;/* empty css                                                 */
 require("../../containers/ContextMenu/ContextMenuContext.cjs.js");
-const styled = require("styled-components");
+require("react-dom");
+require("../../containers/Feed/context/FeedContext.cjs.js");
+require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");
+require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");
+require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");
+require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");
+require("react-markdown");
+require("remark-emoji");
+require("remark-gfm");
+require("remark-directive");
+require("remark-directive-rehype");
+require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");
+require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");
+require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");
+require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");
 require("../../context/RemoteModulesContext.cjs.js");
 require("../../context/DetailsPanelContext.cjs.js");
 require("../../context/ThumbnailUploaderContext.cjs.js");
 const SettingsPanelContext = require("../../context/SettingsPanelContext.cjs.js");
 require("../../context/pip/PiPProvider.cjs.js");
-require("react-dom");
 require("../../context/pip/PiPWrapper.cjs.js");
 require("../../context/AddonProjectContext.cjs.js");
 require("../../context/AddonContext.cjs.js");
+require("../../context/PowerpackContext.cjs.js");
+require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");
+require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");
+require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");
+require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");
+require("react-router-dom");
+require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");
+require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");
+require("../../containers/Feed/components/ActivityDate.cjs.js");
+require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");
+require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");
+require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");
+require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");
+require("../../containers/Feed/Feed.styled.cjs.js");
+require("date-fns");
+require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");
+require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");
+require("../ThumbnailSimple/ThumbnailSimple.cjs.js");
+require("../../api/base/client.cjs.js");
+require("../../api/generated/graphql.cjs.js");
+require("../../api/generated/access.cjs.js");
+require("../../api/generated/actions.cjs.js");
+require("../../api/generated/activityFeed.cjs.js");
+require("../../api/generated/addons.cjs.js");
+require("../../api/generated/anatomy.cjs.js");
+require("../../api/generated/attributes.cjs.js");
+require("../../api/generated/authentication.cjs.js");
+require("../../api/generated/bundles.cjs.js");
+require("../../api/generated/configuration.cjs.js");
+require("../../api/generated/desktop.cjs.js");
+require("../../api/generated/entityLists.cjs.js");
+require("../../api/generated/events.cjs.js");
+require("../../api/generated/files.cjs.js");
+require("../../api/generated/folders.cjs.js");
+require("../../api/generated/inbox.cjs.js");
+require("../../api/generated/links.cjs.js");
+require("../../api/generated/market.cjs.js");
+require("../../api/generated/onboarding.cjs.js");
+require("../../api/generated/operations.cjs.js");
+require("../../api/generated/products.cjs.js");
+require("../../api/generated/projectDashboard.cjs.js");
+require("../../api/generated/projects.cjs.js");
+require("../../api/generated/reviewables.cjs.js");
+require("../../api/generated/services.cjs.js");
+require("../../api/generated/system.cjs.js");
+require("../../api/generated/tasks.cjs.js");
+require("../../api/generated/teams.cjs.js");
+require("../../api/generated/thumbnails.cjs.js");
+require("../../api/generated/uRIs.cjs.js");
+require("../../api/generated/users.cjs.js");
+require("../../api/generated/versions.cjs.js");
+require("../../api/generated/workfiles.cjs.js");
+require("../../api/generated/ynputCloud.cjs.js");
+require("../../api/generated/grouping.cjs.js");
+require("../../api/queries/actions/getActions.cjs.js");
+require("../../api/queries/activities/getActivities.cjs.js");
+require("../../api/queries/activities/updateActivities.cjs.js");
+require("../../api/queries/activities/updateReaction.cjs.js");
+require("../../api/queries/activities/getMentions.cjs.js");
+require("../../api/queries/addons/getAddons.cjs.js");
+require("../../api/queries/addons/updateAddons.cjs.js");
+require("../../api/queries/attributes/getAttributes.cjs.js");
+require("../../api/queries/attributes/updateAttributes.cjs.js");
+require("../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../api/queries/entities/getEntity.cjs.js");
+require("../../api/queries/entities/getEntityPanel.cjs.js");
+require("../../api/queries/entities/updateEntity.cjs.js");
+require("../../api/queries/entityLists/getLists.cjs.js");
+require("../../api/queries/entityLists/updateLists.cjs.js");
+require("../../api/queries/entityLists/getListsAttributes.cjs.js");
+require("../../api/queries/entityLists/updateListsAttributes.cjs.js");
+require("../../api/queries/folders/getFolders.cjs.js");
+require("../../api/queries/overview/getOverview.cjs.js");
+require("../../api/queries/overview/updateOverview.cjs.js");
+require("../../api/queries/project/getProject.cjs.js");
+require("../../api/queries/project/updateProject.cjs.js");
+require("../../api/queries/review/getReview.cjs.js");
+require("../../api/queries/review/updateReview.cjs.js");
+require("../../api/queries/system/getSystem.cjs.js");
+require("../../api/queries/userDashboard/getUserDashboard.cjs.js");
+require("../../api/queries/users/getUsers.cjs.js");
+require("../../api/queries/users/updateUsers.cjs.js");
+require("../../api/queries/watchers/getWatchers.cjs.js");
+require("../../api/queries/permissions/getPermissions.cjs.js");
+require("../../api/queries/grouping/getGrouping.cjs.js");
+require("@dnd-kit/core");
+require("@dnd-kit/sortable");
+require("../ReviewablesList/ReviewablesList.styled.cjs.js");
+require("axios");
+require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");
+require("../ReviewableCard/ReviewableCard.cjs.js");
+require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");
+require("../FileThumbnail/FileThumbnail.cjs.js");
+require("../Thumbnail/Thumbnail.styled.cjs.js");
+require("../Thumbnail/StackedThumbnails.cjs.js");
+require("../EntityThumbnailUploader/EntityThumbnailUploader.styled.cjs.js");
+require("../ThumbnailUploader/ThumbnailUploader.styled.cjs.js");
+require("../SimpleFormDialog/SimpleFormDialog.cjs.js");
+require("../EntityPath/EntityPath.styled.cjs.js");
+require("../EntityPath/SegmentProvider.cjs.js");
+require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");
+require("../../../../_virtual/runtime.cjs.js");
+require("../../../../_virtual/semver.cjs.js");
+require("react-redux");
+require("custom-protocol-check");
+require("../Watchers/Watchers.cjs.js");
+require("../Powerpack/PowerpackButton.cjs.js");
+require("../Powerpack/PricingLink.cjs.js");
+require("../Powerpack/PowerpackDialog.styled.cjs.js");
 const SettingsPanel = require("../SettingsPanel/SettingsPanel.cjs.js");
 require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");
+require("../AttributeEditor/components/MinMaxField.cjs.js");
+require("../EnumEditor/EnumEditor.styled.cjs.js");
+require("../SearchFilter/filterDates.cjs.js");
+require("../Badge/Badge.cjs.js");
+require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");
+require("../../containers/DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");
+require("../../containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");
+require("../../containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");
+require("../../containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");
+require("../../containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");
+require("../../containers/Actions/Actions.styled.cjs.js");
+require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");
+require("../../containers/Actions/ActionIcon.cjs.js");
+const styled = require("styled-components");
 const ColumnsSettings = require("./ColumnsSettings.cjs.js");
 const StyledCustomizeButton = styled(ayonReactComponents.Button)`
   min-width: 120px;
 `;
-const CustomizeButton = ({ defaultSelected = "columns", ...props }) => {
+const CustomizeButton = ({ defaultSelected, className, ...props }) => {
   const { togglePanel, isPanelOpen } = SettingsPanelContext.useSettingsPanel();
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
     StyledCustomizeButton,

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectTableSettings.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n  useColumnSettingsContext,\n  useProjectTableContext,\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 = 'columns', ...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\ntype 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":["Button","useSettingsPanel","jsx","useProjectTableContext","useColumnSettingsContext","SettingsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wBAAwB,OAAOA,0BAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,kBAAkB,WAAW,GAAG,YAAmB;AACnF,QAAM,EAAE,aAAa,YAAY,IAAIC,sCAAiB;AAGpD,SAAAC,2BAAA,kBAAA;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;AAQO,MAAM,uBAAsD,CAAC;AAAA,EAClE,WAAW,CAAC;AAAA,EACZ,eAAe,CAAC;AAAA,EAChB;AACF,MAAM;AACE,QAAA,EAAE,aAAa,IAAIC,2CAAuB;AAC1C,QAAA,EAAE,iBAAiB,IAAIC,+CAAyB;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,WAAWF,2BAAAA,kBAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,2BAAA,kBAAA,IAACG,cAAc,eAAA,EAAA,UAAU,gBAAiB,CAAA;AACnD;;;"}
+{"version":3,"file":"ProjectTableSettings.cjs.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":["Button","useSettingsPanel","jsx","useProjectTableContext","useColumnSettingsContext","SettingsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,wBAAwB,OAAOA,0BAAM;AAAA;AAAA;AAQpC,MAAM,kBAAkB,CAAC,EAAE,iBAAiB,WAAW,GAAG,YAAmB;AAClF,QAAM,EAAE,aAAa,YAAY,IAAIC,sCAAiB;AAGpD,SAAAC,2BAAA,kBAAA;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,IAAIC,2CAAuB;AAC1C,QAAA,EAAE,iBAAiB,IAAIC,+CAAyB;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,WAAWF,2BAAAA,kBAAAA,IAAC,iBAAgB,EAAA,SAAkB,YAA0B,CAAA;AAAA,IAAA;AAAA,EAE5E;AAEA,WAAS,QAAQ,CAAC,YAAY,gBAAgB,KAAK,OAAO,CAAC;AAEpD,SAAAA,2BAAA,kBAAA,IAACG,cAAc,eAAA,EAAA,UAAU,gBAAiB,CAAA;AACnD;;;"}

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

@@ -13,6 +13,7 @@ import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
 import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../containers/ProjectTreeTable/context/ProjectTableSelectionContext.es.js";
 import "../../containers/ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableModulesContext.es.js";
 import "@tanstack/react-table";
 import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
@@ -21,31 +22,169 @@ import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
 import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
 import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "clsx";
 import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
 import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
 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 = "columns", ...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} 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 = 'columns', ...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\ntype 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,kBAAkB,WAAW,GAAG,YAAmB;AACnF,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;AAQO,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/ProjectTableSettings/TableSettings.styled.cjs.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const styled = require("styled-components");
+const Menu = styled.ul`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+`;
+exports.Menu = Menu;
+//# sourceMappingURL=TableSettings.styled.cjs.js.map

package/dist/shared/src/components/ProjectTableSettings/TableSettings.styled.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSettings.styled.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/TableSettings.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const Menu = styled.ul`\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n`\n"],"names":[],"mappings":";;;AAEO,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;"}

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

@@ -0,0 +1,13 @@
+import styled from "styled-components";
+const Menu = styled.ul`
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+`;
+export {
+  Menu
+};
+//# sourceMappingURL=TableSettings.styled.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableSettings.styled.es.js","sources":["../../../../../src/components/ProjectTableSettings/TableSettings.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const Menu = styled.ul`\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n`\n"],"names":[],"mappings":";AAEO,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/components/ProjectTableSettings/TableSettingsFallback.cjs.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const reactRouterDom = require("react-router-dom");
+const PowerpackButton = require("../Powerpack/PowerpackButton.cjs.js");
+require("../Powerpack/PricingLink.cjs.js");
+require("../Powerpack/PowerpackDialog.styled.cjs.js");
+require("../../context/RemoteModulesContext.cjs.js");
+require("../../context/DetailsPanelContext.cjs.js");
+require("../../context/ThumbnailUploaderContext.cjs.js");
+require("../../context/SettingsPanelContext.cjs.js");
+require("../../context/pip/PiPProvider.cjs.js");
+require("react-dom");
+require("../../context/pip/PiPWrapper.cjs.js");
+require("../../context/AddonProjectContext.cjs.js");
+require("../../context/AddonContext.cjs.js");
+const PowerpackContext = require("../../context/PowerpackContext.cjs.js");
+const TableSettingsFallback = ({
+  requiredVersion,
+  feature,
+  button,
+  children
+}) => {
+  const { setPowerpackDialog } = PowerpackContext.usePowerpack();
+  if (requiredVersion) {
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { children: `Powerpack version ${requiredVersion} is required to use this feature.` }),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(reactRouterDom.Link, { to: `/market?selected=powerpack`, style: { marginLeft: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ayonReactComponents.Button, { variant: "tertiary", children: [
+        "Install Powerpack ",
+        requiredVersion
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+    !!button && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      PowerpackButton.PowerpackButton,
+      {
+        style: { width: "100%" },
+        icon: "add",
+        filled: true,
+        ...button,
+        feature
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { onClick: () => setPowerpackDialog(feature), children })
+  ] });
+};
+exports.TableSettingsFallback = TableSettingsFallback;
+//# sourceMappingURL=TableSettingsFallback.cjs.js.map

package/dist/shared/src/components/ProjectTableSettings/TableSettingsFallback.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSettingsFallback.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/TableSettingsFallback.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport { Link } from 'react-router-dom'\nimport { PowerpackButton, PowerpackButtonProps } from '../Powerpack'\nimport { PowerpackFeature, usePowerpack } from '@shared/context'\n\nexport interface TableSettingsFallbackProps {\n  requiredVersion: string | undefined\n  feature: PowerpackFeature\n  button?: Omit<PowerpackButtonProps, 'feature'>\n  children?: React.ReactNode\n}\n\nexport const TableSettingsFallback: FC<TableSettingsFallbackProps> = ({\n  requiredVersion,\n  feature,\n  button,\n  children,\n}) => {\n  const { setPowerpackDialog } = usePowerpack()\n  if (requiredVersion) {\n    return (\n      <>\n        <span>{`Powerpack version ${requiredVersion} is required to use this feature.`}</span>\n        <Link to={`/market?selected=powerpack`} style={{ marginLeft: '8px' }}>\n          <Button variant=\"tertiary\">Install Powerpack {requiredVersion}</Button>\n        </Link>\n      </>\n    )\n  }\n\n  return (\n    <>\n      {!!button && (\n        <PowerpackButton\n          style={{ width: '100%' }}\n          icon={'add'}\n          filled\n          {...button}\n          feature={feature}\n        />\n      )}\n      {/* press anything inside children and we get powerpack popup */}\n      <div onClick={() => setPowerpackDialog(feature)}>{children}</div>\n    </>\n  )\n}\n"],"names":["usePowerpack","jsxs","Fragment","jsx","Link","Button","PowerpackButton"],"mappings":";;;;;;;;;;;;;;;;;;AAaO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,mBAAmB,IAAIA,8BAAa;AAC5C,MAAI,iBAAiB;AACnB,WAEIC,2BAAA,kBAAA,KAAAC,uCAAA,EAAA,UAAA;AAAA,MAACC,2BAAA,kBAAA,IAAA,QAAA,EAAM,UAAqB,qBAAA,eAAe,qCAAoC;AAAA,MAC9EA,2BAAA,kBAAA,IAAAC,eAAA,MAAA,EAAK,IAAI,8BAA8B,OAAO,EAAE,YAAY,MAC3D,GAAA,UAAAH,kDAACI,oBAAAA,QAAO,EAAA,SAAQ,YAAW,UAAA;AAAA,QAAA;AAAA,QAAmB;AAAA,MAAA,EAAA,CAAgB,EAChE,CAAA;AAAA,IAAA,GACF;AAAA,EAAA;AAIJ,SAEKJ,2BAAA,kBAAA,KAAAC,uCAAA,EAAA,UAAA;AAAA,IAAA,CAAC,CAAC,UACDC,2BAAA,kBAAA;AAAA,MAACG,gBAAA;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,OAAO,OAAO;AAAA,QACvB,MAAM;AAAA,QACN,QAAM;AAAA,QACL,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IACF;AAAA,qDAGD,OAAI,EAAA,SAAS,MAAM,mBAAmB,OAAO,GAAI,SAAS,CAAA;AAAA,EAAA,GAC7D;AAEJ;;"}

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

@@ -0,0 +1,50 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import { Button } from "@ynput/ayon-react-components";
+import { Link } from "react-router-dom";
+import { PowerpackButton } from "../Powerpack/PowerpackButton.es.js";
+import "../Powerpack/PricingLink.es.js";
+import "../Powerpack/PowerpackDialog.styled.es.js";
+import "../../context/RemoteModulesContext.es.js";
+import "../../context/DetailsPanelContext.es.js";
+import "../../context/ThumbnailUploaderContext.es.js";
+import "../../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 { usePowerpack } from "../../context/PowerpackContext.es.js";
+const TableSettingsFallback = ({
+  requiredVersion,
+  feature,
+  button,
+  children
+}) => {
+  const { setPowerpackDialog } = usePowerpack();
+  if (requiredVersion) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: `Powerpack version ${requiredVersion} is required to use this feature.` }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: `/market?selected=powerpack`, style: { marginLeft: "8px" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { variant: "tertiary", children: [
+        "Install Powerpack ",
+        requiredVersion
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    !!button && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      PowerpackButton,
+      {
+        style: { width: "100%" },
+        icon: "add",
+        filled: true,
+        ...button,
+        feature
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: () => setPowerpackDialog(feature), children })
+  ] });
+};
+export {
+  TableSettingsFallback
+};
+//# sourceMappingURL=TableSettingsFallback.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableSettingsFallback.es.js","sources":["../../../../../src/components/ProjectTableSettings/TableSettingsFallback.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport { Link } from 'react-router-dom'\nimport { PowerpackButton, PowerpackButtonProps } from '../Powerpack'\nimport { PowerpackFeature, usePowerpack } from '@shared/context'\n\nexport interface TableSettingsFallbackProps {\n  requiredVersion: string | undefined\n  feature: PowerpackFeature\n  button?: Omit<PowerpackButtonProps, 'feature'>\n  children?: React.ReactNode\n}\n\nexport const TableSettingsFallback: FC<TableSettingsFallbackProps> = ({\n  requiredVersion,\n  feature,\n  button,\n  children,\n}) => {\n  const { setPowerpackDialog } = usePowerpack()\n  if (requiredVersion) {\n    return (\n      <>\n        <span>{`Powerpack version ${requiredVersion} is required to use this feature.`}</span>\n        <Link to={`/market?selected=powerpack`} style={{ marginLeft: '8px' }}>\n          <Button variant=\"tertiary\">Install Powerpack {requiredVersion}</Button>\n        </Link>\n      </>\n    )\n  }\n\n  return (\n    <>\n      {!!button && (\n        <PowerpackButton\n          style={{ width: '100%' }}\n          icon={'add'}\n          filled\n          {...button}\n          feature={feature}\n        />\n      )}\n      {/* press anything inside children and we get powerpack popup */}\n      <div onClick={() => setPowerpackDialog(feature)}>{children}</div>\n    </>\n  )\n}\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;AAaO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,mBAAmB,IAAI,aAAa;AAC5C,MAAI,iBAAiB;AACnB,WAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,MAACC,kCAAA,IAAA,QAAA,EAAM,UAAqB,qBAAA,eAAe,qCAAoC;AAAA,MAC9EA,kCAAA,IAAA,MAAA,EAAK,IAAI,8BAA8B,OAAO,EAAE,YAAY,MAC3D,GAAA,UAAAF,uCAAC,QAAO,EAAA,SAAQ,YAAW,UAAA;AAAA,QAAA;AAAA,QAAmB;AAAA,MAAA,EAAA,CAAgB,EAChE,CAAA;AAAA,IAAA,GACF;AAAA,EAAA;AAIJ,SAEKA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAA,CAAC,CAAC,UACDC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,OAAO,OAAO;AAAA,QACvB,MAAM;AAAA,QACN,QAAM;AAAA,QACL,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IACF;AAAA,0CAGD,OAAI,EAAA,SAAS,MAAM,mBAAmB,OAAO,GAAI,SAAS,CAAA;AAAA,EAAA,GAC7D;AAEJ;"}

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;;"}