npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.54 → 0.3.55 - Mend

@ynput/ayon-frontend-shared 0.3.54 → 0.3.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1207) hide show

package/dist/shared/src/components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js CHANGED Viewed

@@ -1,10 +1,15 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js"),c=require("styled-components");require("lodash");require("react-toastify");require("uuid");const n=require("../../util/pluralize.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../util/pubsub.cjs.js");const p=["folder","task","product","version","representation","workfile"],h=r=>r.length<=1?r.join(""):`${r.slice(0,-1).join(", ")} and ${r[r.length-1]}`,f=r=>{if(r.length===1){const e=r[0];return`${e.entityType} "${e.label||e.name||e.id}"`}const t={};for(const e of r)t[e.entityType]=(t[e.entityType]||0)+1;const q=p.filter(e=>t[e]>0).map(e=>n.pluralize(t[e],e));return h(q)},m=(r,t)=>{if(r.length===0)return[];const q=new Map(t.map(u=>[u.id,u])),e=r.length>1,l=[];for(const u of r){const i=q.get(u.id),d=u.label||u.name||u.id,a=e?`"${d}" contains `:"Contains ";if(i&&(i.totalFolderCount>0||i.totalTaskCount>0||i.totalProductCount>0||i.totalVersionCount>0)){const o=[];i.totalFolderCount>0&&o.push(n.pluralize(i.totalFolderCount,"child folder")),i.totalTaskCount>0&&o.push(n.pluralize(i.totalTaskCount,"task")),i.totalProductCount>0&&o.push(n.pluralize(i.totalProductCount,"product")),i.totalVersionCount>0&&o.push(n.pluralize(i.totalVersionCount,"version")),l.push(`${a}${o.join(", ")}`)}else u.hasChildren&&l.push(`${a}child folders`),u.taskNames&&u.taskNames.length>0&&l.push(`${a}${n.pluralize(u.taskNames.length,"task")}`)}return l},x=c.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("styled-components");require("lodash");require("react-toastify");require("uuid");const q=require("../../util/pluralize.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../util/pubsub.cjs.js");const p=["folder","task","product","version","representation","workfile"],h=1,E=r=>r.length<=1?r.join(""):`${r.slice(0,-1).join(", ")} and ${r[r.length-1]}`,C=r=>{if(r.length===1){const e=r[0];return`${e.entityType} "${e.label||e.name||e.id}"`}const u={};for(const e of r)u[e.entityType]=(u[e.entityType]||0)+1;const o=p.filter(e=>u[e]>0).map(e=>q.pluralize(u[e],e));return E(o)},m=(r,u)=>{const o={},e=(i,t)=>{t>0&&(o[i]=(o[i]||0)+t)};for(const i of r)e(i.entityType,1);for(const i of u)e("folder",i.totalFolderCount),e("task",i.totalTaskCount),e("product",i.totalProductCount),e("version",i.totalVersionCount);return o},x=r=>p.reduce((u,o)=>u+(r[o]||0),0),d=8,T=(r,u)=>{if(r.length===0)return[];const o=new Map(u.map(t=>[t.id,t])),e=r.length>1,i=[];for(const t of r){const n=o.get(t.id),f=t.label||t.name||t.id,c=e?`"${f}" contains `:"Contains ";if(n&&(n.totalFolderCount>0||n.totalTaskCount>0||n.totalProductCount>0||n.totalVersionCount>0)){const l=[];n.totalFolderCount>0&&l.push(q.pluralize(n.totalFolderCount,"child folder")),n.totalTaskCount>0&&l.push(q.pluralize(n.totalTaskCount,"task")),n.totalProductCount>0&&l.push(q.pluralize(n.totalProductCount,"product")),n.totalVersionCount>0&&l.push(q.pluralize(n.totalVersionCount,"version")),i.push(`${c}${l.join(", ")}`)}else t.hasChildren&&i.push(`${c}child folders`),t.taskNames&&t.taskNames.length>0&&i.push(`${c}${q.pluralize(t.taskNames.length,"task")}`)}return i.length>d?[...i.slice(0,d),`…and ${i.length-d} more`]:i},g=a.div`
   min-width: 350px;
-`,C=c.div`
+`,j=a.div`
   margin-top: 12px;
   min-height: 60px;
   min-width: 350px;
-`,j=c.p`
+`,b=a.p`
   font-weight: 600;
-`,g=({entityLabel:r,childrenDetails:t})=>s.jsxRuntimeExports.jsxs(x,{children:[s.jsxRuntimeExports.jsx("p",{children:`Are you sure you want to delete ${r}? This action cannot be undone.`}),t.length>0&&s.jsxRuntimeExports.jsxs(C,{children:[s.jsxRuntimeExports.jsx(j,{children:"The following will also be affected:"}),t.map((q,e)=>s.jsxRuntimeExports.jsx("p",{children:q},e))]})]});exports.DeleteConfirmContent=g;exports.buildChildrenDetails=m;exports.buildEntityLabel=f;
+  margin-bottom: 4px;
+`,y=a.p`
+  margin-top: 12px;
+  font-weight: 600;
+  color: var(--md-sys-color-error);
+`,D=({entityLabel:r,childrenDetails:u,totalLine:o,message:e})=>s.jsxRuntimeExports.jsxs(g,{children:[s.jsxRuntimeExports.jsx("p",{children:e||`Are you sure you want to delete ${r}? This action cannot be undone.`}),u.length>0&&s.jsxRuntimeExports.jsxs(j,{children:[s.jsxRuntimeExports.jsx(b,{children:"The following will also be affected:"}),u.map((i,t)=>s.jsxRuntimeExports.jsx("p",{children:i},t))]}),o&&s.jsxRuntimeExports.jsx(y,{children:o})]});exports.DELETE_CONFIRM_THRESHOLD=h;exports.DELETE_TYPE_ORDER=p;exports.DeleteConfirmContent=D;exports.buildChildrenDetails=T;exports.buildEntityLabel=C;exports.buildExpectedCounts=m;exports.sumExpectedCounts=x;
 //# sourceMappingURL=DeleteConfirmContent.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DeleteConfirmContent.cjs.js","sources":["../../../../../src/components/DeleteEntitiesConfirm/DeleteConfirmContent.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { pluralize } from '@shared/util'\nimport type { FolderDeleteInfo } from '@shared/api'\nimport type {\n DeletableEntity,\n DeletableEntityType,\n} from '@shared/context/DeleteEntitiesContext'\n\~~nconst~~ ~~TYPE_ORDER~~: DeletableEntityType[] = [\n 'folder',\n 'task',\n 'product',\n 'version',\n 'representation',\n 'workfile',\n]\n\n// \"5 folders\" \| \"5 folders and 25 tasks\" \| \"5 folders, 1 product and 25 versions\"\nconst joinNatural = (parts: string[]): string => {\n if (parts.length <= 1) return parts.join('')\n return `${parts.slice(0, -1).join(', ')} and ${parts[parts.length - 1]}`\n}\n\nexport const buildEntityLabel = (topLevel: DeletableEntity[]): string => {\n if (topLevel.length === 1) {\n const e = topLevel[0]\n return `${e.entityType} \"${e.label \|\| e.name \|\| e.id}\"`\n }\n const counts: Record<string, number> = {}\n for (const e of topLevel) counts[e.entityType] = (counts[e.entityType] \|\| 0) + 1\n const parts = ~~TYPE_ORDER~~.filter((type) => counts[type] > 0).map((type) =>\n pluralize(counts[type], type),\n )\n return joinNatural(parts)\n}\n\nexport const buildChildrenDetails = (\n topLevelFolders: DeletableEntity[],\n folderInfo: FolderDeleteInfo[],\n): string[] => {\n if (topLevelFolders.length === 0) return []\n const folderInfoMap = new Map(folderInfo.map((f) => [f.id, f]))\n const many = topLevelFolders.length > 1\n const details: string[] = []\n\n for (const folder of topLevelFolders) {\n const info = folderInfoMap.get(folder.id)\n const folderDisplayName = folder.label \|\| folder.name \|\| folder.id\n const prefix = many ? `\"${folderDisplayName}\" contains ` : 'Contains '\n const hasDescendants =\n info &&\n (info.totalFolderCount > 0 \|\|\n info.totalTaskCount > 0 \|\|\n info.totalProductCount > 0 \|\|\n info.totalVersionCount > 0)\n\n if (hasDescendants) {\n const parts: string[] = []\n if (info.totalFolderCount > 0) parts.push(pluralize(info.totalFolderCount, 'child folder'))\n if (info.totalTaskCount > 0) parts.push(pluralize(info.totalTaskCount, 'task'))\n if (info.totalProductCount > 0) parts.push(pluralize(info.totalProductCount, 'product'))\n if (info.totalVersionCount > 0) parts.push(pluralize(info.totalVersionCount, 'version'))\n details.push(`${prefix}${parts.join(', ')}`)\n } else {\n if (folder.hasChildren) details.push(`${prefix}child folders`)\n if (folder.taskNames && folder.taskNames.length > 0) {\n details.push(`${prefix}${pluralize(folder.taskNames.length, 'task')}`)\n }\n }\n }\n\n return details\n}\n\nconst Wrapper = styled.div`\n min-width: 350px;\n`\nconst DetailsContainer = styled.div`\n margin-top: 12px;\n min-height: 60px;\n min-width: 350px;\n`\nconst BoldLabel = styled.p`\n font-weight: 600;\n`\n\nexport type DeleteConfirmContentProps = {\n entityLabel: string\n childrenDetails: string[]\n}\n\nexport const DeleteConfirmContent = ({\n entityLabel,\n childrenDetails,\n}: DeleteConfirmContentProps) => (\n <Wrapper>\n <p>{`Are you sure you want to delete ${entityLabel}? This action cannot be undone.`}</p>\n {childrenDetails.length > 0 && (\n <DetailsContainer>\n <BoldLabel>The following will also be affected:</BoldLabel>\n {childrenDetails.map((detail, i) => (\n <p key={i}>{detail}</p>\n ))}\n </DetailsContainer>\n )}\n </Wrapper>\n)\n"],"names":["~~TYPE_ORDER~~","joinNatural","parts","buildEntityLabel","topLevel","counts","type","pluralize","~~buildChildrenDetails~~","~~topLevelFolders~~","~~folderInfo~~","folderInfoMap","f","many","details","folder","~~info","~~folderDisplayName","prefix","Wrapper","styled","DetailsContainer","BoldLabel","DeleteConfirmContent","entityLabel","childrenDetails","jsx","jsxs","detail","i"],"mappings":"~~g3KAQA~~,MAAMA,~~EAAoC~~,~~CACxC~~,SACA,OACA,UACA,UACA,iBACA,UACF,~~EAGMC~~,EAAeC,GACfA,EAAM,QAAU,EAAUA,EAAM,KAAK,EAAE,EACpC,GAAGA,EAAM,MAAM,EAAG,EAAE,EAAE,KAAK,IAAI,CAAC,QAAQA,EAAMA,EAAM,OAAS,CAAC,CAAC,GAG3DC,EAAoBC,GAAwC,CACvE,GAAIA,EAAS,SAAW,EAAG,CACzB,MAAM,EAAIA,EAAS,CAAC,EACpB,MAAO,GAAG,EAAE,UAAU,KAAK,EAAE,OAAS,EAAE,MAAQ,EAAE,EAAE,GACtD,CACA,MAAMC,EAAiC,CAAA,EACvC,UAAW,KAAKD,EAAUC,EAAO,EAAE,UAAU,GAAKA,EAAO,EAAE,UAAU,GAAK,GAAK,EAC/E,MAAMH,~~EAAQF~~,~~EAAW~~,~~OAAQM~~,GAASD,EAAOC,CAAI,EAAI,CAAC,EAAE,IAAKA,~~GAC/DC~~,EAAAA,UAAUF,EAAOC,CAAI,EAAGA,CAAI,CAAA,EAE9B,OAAOL,EAAYC,CAAK,CAC1B,~~EAEaM~~,EAAuB,CAClCC,~~EACAC~~,IACa,CACb,~~GAAID~~,EAAgB,SAAW,EAAG,MAAO,CAAA,EACzC,~~MAAME~~,EAAgB,IAAI,~~IAAID~~,EAAW,~~IAAKE~~,GAAM,CAACA,EAAE,GAAIA,CAAC,CAAC,CAAC,EACxDC,~~EAAOJ~~,EAAgB,OAAS,~~EAChCK~~,EAAoB,CAAA,EAE1B,UAAWC,~~KAAUN~~,EAAiB,CACpC,~~MAAMO~~,~~EAAOL~~,EAAc,IAAII,EAAO,EAAE,~~EAClCE~~,~~EAAoBF~~,EAAO,OAASA,EAAO,MAAQA,EAAO,~~GAC1DG~~,~~EAASL~~,EAAO,~~IAAII~~,CAAiB,cAAgB,YAQ3D,~~GANED~~,IACCA,EAAK,iBAAmB,GACvBA,EAAK,eAAiB,GACtBA,EAAK,kBAAoB,GACzBA,EAAK,kBAAoB,GAET,CAClB,~~MAAMd~~,EAAkB,CAAA,~~EACpBc~~,EAAK,iBAAmB,~~GAAGd~~,EAAM,KAAKK,EAAAA,~~UAAUS~~,EAAK,iBAAkB,cAAc,CAAC,EACtFA,EAAK,eAAiB,~~GAAGd~~,EAAM,KAAKK,EAAAA,~~UAAUS~~,EAAK,eAAgB,MAAM,CAAC,EAC1EA,EAAK,kBAAoB,~~GAAGd~~,EAAM,KAAKK,EAAAA,~~UAAUS~~,EAAK,kBAAmB,SAAS,CAAC,EACnFA,EAAK,kBAAoB,~~GAAGd~~,EAAM,KAAKK,EAAAA,~~UAAUS~~,EAAK,kBAAmB,SAAS,CAAC,~~EACvFF~~,EAAQ,KAAK,~~GAAGI~~,CAAM,~~GAAGhB~~,EAAM,KAAK,IAAI,CAAC,EAAE,CAC7C,~~MACMa~~,EAAO,aAAaD,EAAQ,KAAK,~~GAAGI~~,CAAM,eAAe,~~EACzDH~~,EAAO,WAAaA,EAAO,UAAU,OAAS,GAChDD,EAAQ,KAAK,~~GAAGI~~,CAAM,~~GAAGX~~,EAAAA,~~UAAUQ~~,EAAO,UAAU,OAAQ,MAAM,CAAC,EAAE,CAG3E,CAEA,~~OAAOD~~,CACT,~~EAEMK~~,EAAUC,EAAO;AAAA;AAAA,EAGjBC,EAAmBD,EAAO;AAAA;AAAA;AAAA;AAAA,EAK1BE,EAAYF,EAAO;AAAA;AAAA,~~EASZG~~,EAAuB,CAAC,CACnC,YAAAC,EACA,gBAAAC,CACF,~~6BACGN~~,EAAA,CACC,SAAA,~~CAAAO~~,~~EAAAA~~,~~kBAAAA,IAAC,~~IAAA,CAAG,~~SAAA~~,~~mCAAmCF~~,CAAW,kCAAkC,~~EACnFC~~,EAAgB,OAAS,~~GACxBE~~,EAAAA,kBAAAA,~~KAACN~~,EAAA,CACC,SAAA,~~CAAAK~~,EAAAA,kBAAAA,~~IAACJ~~,GAAU,SAAA,sCAAA,CAAoC,~~EAC9CG~~,EAAgB,IAAI,~~CAACG~~,EAAQC,IAC5BH,EAAAA,kBAAAA,IAAC,IAAA,CAAW,SAAAE,CAAA,EAAJC,CAAW,CACpB,CAAA,CAAA,~~CACH~~,CAAA,CAAA,~~CAEJ~~"}
1	+ {"version":3,"file":"DeleteConfirmContent.cjs.js","sources":["../../../../../src/components/DeleteEntitiesConfirm/DeleteConfirmContent.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { pluralize } from '@shared/util'\nimport type { FolderDeleteInfo } from '@shared/api'\nimport type {\n DeletableEntity,\n DeletableEntityType,\n} from '@shared/context/DeleteEntitiesContext'\n\nexport const DELETE_TYPE_ORDER: DeletableEntityType[] = [\n 'folder',\n 'task',\n 'product',\n 'version',\n 'representation',\n 'workfile',\n]\n\nexport type ExpectedDeleteCounts = Partial<Record<DeletableEntityType, number>>\n\n// deletes above this total require typed count confirmation; a delete of exactly\n// one entity types its name instead\nexport const DELETE_CONFIRM_THRESHOLD = 1\n\n// \"5 folders\" \| \"5 folders and 25 tasks\" \| \"5 folders, 1 product and 25 versions\"\nconst joinNatural = (parts: string[]): string => {\n if (parts.length <= 1) return parts.join('')\n return `${parts.slice(0, -1).join(', ')} and ${parts[parts.length - 1]}`\n}\n\nexport const buildEntityLabel = (topLevel: DeletableEntity[]): string => {\n if (topLevel.length === 1) {\n const e = topLevel[0]\n return `${e.entityType} \"${e.label \|\| e.name \|\| e.id}\"`\n }\n const counts: Record<string, number> = {}\n for (const e of topLevel) counts[e.entityType] = (counts[e.entityType] \|\| 0) + 1\n const parts = DELETE_TYPE_ORDER.filter((type) => counts[type] > 0).map((type) =>\n pluralize(counts[type], type),\n )\n return joinNatural(parts)\n}\n\n// selected entities plus the descendants a folder delete cascades to — versions cascaded\n// from deleted products are not counted, the backend gives no number for them\nexport const buildExpectedCounts = (\n topLevel: DeletableEntity[],\n folderInfo: FolderDeleteInfo[],\n): ExpectedDeleteCounts => {\n const counts: ExpectedDeleteCounts = {}\n const add = (type: DeletableEntityType, amount: number) => {\n if (amount > 0) counts[type] = (counts[type] \|\| 0) + amount\n }\n\n for (const e of topLevel) add(e.entityType, 1)\n\n for (const info of folderInfo) {\n add('folder', info.totalFolderCount)\n add('task', info.totalTaskCount)\n add('product', info.totalProductCount)\n add('version', info.totalVersionCount)\n }\n\n return counts\n}\n\nexport const sumExpectedCounts = (counts: ExpectedDeleteCounts): number =>\n DELETE_TYPE_ORDER.reduce((total, type) => total + (counts[type] \|\| 0), 0)\n\nconst MAX_DETAIL_LINES = 8\n\nexport const buildChildrenDetails = (\n topLevelFolders: DeletableEntity[],\n folderInfo: FolderDeleteInfo[],\n): string[] => {\n if (topLevelFolders.length === 0) return []\n const folderInfoMap = new Map(folderInfo.map((f) => [f.id, f]))\n const many = topLevelFolders.length > 1\n const details: string[] = []\n\n for (const folder of topLevelFolders) {\n const info = folderInfoMap.get(folder.id)\n const folderDisplayName = folder.label \|\| folder.name \|\| folder.id\n const prefix = many ? `\"${folderDisplayName}\" contains ` : 'Contains '\n const hasDescendants =\n info &&\n (info.totalFolderCount > 0 \|\|\n info.totalTaskCount > 0 \|\|\n info.totalProductCount > 0 \|\|\n info.totalVersionCount > 0)\n\n if (hasDescendants) {\n const parts: string[] = []\n if (info.totalFolderCount > 0) parts.push(pluralize(info.totalFolderCount, 'child folder'))\n if (info.totalTaskCount > 0) parts.push(pluralize(info.totalTaskCount, 'task'))\n if (info.totalProductCount > 0) parts.push(pluralize(info.totalProductCount, 'product'))\n if (info.totalVersionCount > 0) parts.push(pluralize(info.totalVersionCount, 'version'))\n details.push(`${prefix}${parts.join(', ')}`)\n } else {\n if (folder.hasChildren) details.push(`${prefix}child folders`)\n if (folder.taskNames && folder.taskNames.length > 0) {\n details.push(`${prefix}${pluralize(folder.taskNames.length, 'task')}`)\n }\n }\n }\n\n if (details.length > MAX_DETAIL_LINES) {\n return [\n ...details.slice(0, MAX_DETAIL_LINES),\n `…and ${details.length - MAX_DETAIL_LINES} more`,\n ]\n }\n\n return details\n}\n\nconst Wrapper = styled.div`\n min-width: 350px;\n`\nconst DetailsContainer = styled.div`\n margin-top: 12px;\n min-height: 60px;\n min-width: 350px;\n`\nconst BoldLabel = styled.p`\n font-weight: 600;\n margin-bottom: 4px;\n`\nconst TotalLine = styled.p`\n margin-top: 12px;\n font-weight: 600;\n color: var(--md-sys-color-error);\n`\n\nexport type DeleteConfirmContentProps = {\n entityLabel: string\n childrenDetails: string[]\n totalLine?: string\n message?: string\n}\n\nexport const DeleteConfirmContent = ({\n entityLabel,\n childrenDetails,\n totalLine,\n message,\n}: DeleteConfirmContentProps) => (\n <Wrapper>\n <p>{message \|\| `Are you sure you want to delete ${entityLabel}? This action cannot be undone.`}</p>\n {childrenDetails.length > 0 && (\n <DetailsContainer>\n <BoldLabel>The following will also be affected:</BoldLabel>\n {childrenDetails.map((detail, i) => (\n <p key={i}>{detail}</p>\n ))}\n </DetailsContainer>\n )}\n {totalLine && <TotalLine>{totalLine}</TotalLine>}\n </Wrapper>\n)\n"],"names":["DELETE_TYPE_ORDER","DELETE_CONFIRM_THRESHOLD","joinNatural","parts","buildEntityLabel","topLevel","counts","type","pluralize","buildExpectedCounts","folderInfo","add","amount","e","info","sumExpectedCounts","total","MAX_DETAIL_LINES","buildChildrenDetails","topLevelFolders","folderInfoMap","f","many","details","folder","folderDisplayName","prefix","Wrapper","styled","DetailsContainer","BoldLabel","TotalLine","DeleteConfirmContent","entityLabel","childrenDetails","totalLine","message","jsx","jsxs","detail","i"],"mappings":"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"}

package/dist/shared/src/components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
-import c from "styled-components";
+import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
+import a from "styled-components";
 import "lodash";
 import "react-toastify";
 import "uuid";
-import { pluralize as m } from "../../util/pluralize.es.js";
+import { pluralize as s } from "../../util/pluralize.es.js";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -109,50 +109,73 @@ const d = [
   "version",
   "representation",
   "workfile"
-], h = (o) => o.length <= 1 ? o.join("") : `${o.slice(0, -1).join(", ")} and ${o[o.length - 1]}`, Co = (o) => {
+], xo = 1, h = (o) => o.length <= 1 ? o.join("") : `${o.slice(0, -1).join(", ")} and ${o[o.length - 1]}`, To = (o) => {
   if (o.length === 1) {
     const t = o[0];
     return `${t.entityType} "${t.label || t.name || t.id}"`;
   }
   const p = {};
   for (const t of o) p[t.entityType] = (p[t.entityType] || 0) + 1;
-  const n = d.filter((t) => p[t] > 0).map(
-    (t) => m(p[t], t)
+  const m = d.filter((t) => p[t] > 0).map(
+    (t) => s(p[t], t)
   );
-  return h(n);
-}, go = (o, p) => {
+  return h(m);
+}, Eo = (o, p) => {
+  const m = {}, t = (i, r) => {
+    r > 0 && (m[i] = (m[i] || 0) + r);
+  };
+  for (const i of o) t(i.entityType, 1);
+  for (const i of p)
+    t("folder", i.totalFolderCount), t("task", i.totalTaskCount), t("product", i.totalProductCount), t("version", i.totalVersionCount);
+  return m;
+}, yo = (o) => d.reduce((p, m) => p + (o[m] || 0), 0), u = 8, jo = (o, p) => {
   if (o.length === 0) return [];
-  const n = new Map(p.map((r) => [r.id, r])), t = o.length > 1, a = [];
+  const m = new Map(p.map((r) => [r.id, r])), t = o.length > 1, i = [];
   for (const r of o) {
-    const i = n.get(r.id), u = r.label || r.name || r.id, l = t ? `"${u}" contains ` : "Contains ";
-    if (i && (i.totalFolderCount > 0 || i.totalTaskCount > 0 || i.totalProductCount > 0 || i.totalVersionCount > 0)) {
-      const e = [];
-      i.totalFolderCount > 0 && e.push(m(i.totalFolderCount, "child folder")), i.totalTaskCount > 0 && e.push(m(i.totalTaskCount, "task")), i.totalProductCount > 0 && e.push(m(i.totalProductCount, "product")), i.totalVersionCount > 0 && e.push(m(i.totalVersionCount, "version")), a.push(`${l}${e.join(", ")}`);
+    const n = m.get(r.id), f = r.label || r.name || r.id, c = t ? `"${f}" contains ` : "Contains ";
+    if (n && (n.totalFolderCount > 0 || n.totalTaskCount > 0 || n.totalProductCount > 0 || n.totalVersionCount > 0)) {
+      const l = [];
+      n.totalFolderCount > 0 && l.push(s(n.totalFolderCount, "child folder")), n.totalTaskCount > 0 && l.push(s(n.totalTaskCount, "task")), n.totalProductCount > 0 && l.push(s(n.totalProductCount, "product")), n.totalVersionCount > 0 && l.push(s(n.totalVersionCount, "version")), i.push(`${c}${l.join(", ")}`);
     } else
-      r.hasChildren && a.push(`${l}child folders`), r.taskNames && r.taskNames.length > 0 && a.push(`${l}${m(r.taskNames.length, "task")}`);
+      r.hasChildren && i.push(`${c}child folders`), r.taskNames && r.taskNames.length > 0 && i.push(`${c}${s(r.taskNames.length, "task")}`);
   }
-  return a;
-}, f = c.div`
+  return i.length > u ? [
+    ...i.slice(0, u),
+    `…and ${i.length - u} more`
+  ] : i;
+}, C = a.div`
   min-width: 350px;
-`, C = c.div`
+`, g = a.div`
   margin-top: 12px;
   min-height: 60px;
   min-width: 350px;
-`, g = c.p`
+`, x = a.p`
   font-weight: 600;
-`, xo = ({
+  margin-bottom: 4px;
+`, T = a.p`
+  margin-top: 12px;
+  font-weight: 600;
+  color: var(--md-sys-color-error);
+`, ko = ({
   entityLabel: o,
-  childrenDetails: p
-}) => /* @__PURE__ */ s.jsxs(f, { children: [
-  /* @__PURE__ */ s.jsx("p", { children: `Are you sure you want to delete ${o}? This action cannot be undone.` }),
-  p.length > 0 && /* @__PURE__ */ s.jsxs(C, { children: [
-    /* @__PURE__ */ s.jsx(g, { children: "The following will also be affected:" }),
-    p.map((n, t) => /* @__PURE__ */ s.jsx("p", { children: n }, t))
-  ] })
+  childrenDetails: p,
+  totalLine: m,
+  message: t
+}) => /* @__PURE__ */ e.jsxs(C, { children: [
+  /* @__PURE__ */ e.jsx("p", { children: t || `Are you sure you want to delete ${o}? This action cannot be undone.` }),
+  p.length > 0 && /* @__PURE__ */ e.jsxs(g, { children: [
+    /* @__PURE__ */ e.jsx(x, { children: "The following will also be affected:" }),
+    p.map((i, r) => /* @__PURE__ */ e.jsx("p", { children: i }, r))
+  ] }),
+  m && /* @__PURE__ */ e.jsx(T, { children: m })
 ] });
 export {
-  xo as DeleteConfirmContent,
-  go as buildChildrenDetails,
-  Co as buildEntityLabel
+  xo as DELETE_CONFIRM_THRESHOLD,
+  d as DELETE_TYPE_ORDER,
+  ko as DeleteConfirmContent,
+  jo as buildChildrenDetails,
+  To as buildEntityLabel,
+  Eo as buildExpectedCounts,
+  yo as sumExpectedCounts
 };
 //# sourceMappingURL=DeleteConfirmContent.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DeleteConfirmContent.es.js","sources":["../../../../../src/components/DeleteEntitiesConfirm/DeleteConfirmContent.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { pluralize } from '@shared/util'\nimport type { FolderDeleteInfo } from '@shared/api'\nimport type {\n DeletableEntity,\n DeletableEntityType,\n} from '@shared/context/DeleteEntitiesContext'\n\~~nconst~~ ~~TYPE_ORDER~~: DeletableEntityType[] = [\n 'folder',\n 'task',\n 'product',\n 'version',\n 'representation',\n 'workfile',\n]\n\n// \"5 folders\" \| \"5 folders and 25 tasks\" \| \"5 folders, 1 product and 25 versions\"\nconst joinNatural = (parts: string[]): string => {\n if (parts.length <= 1) return parts.join('')\n return `${parts.slice(0, -1).join(', ')} and ${parts[parts.length - 1]}`\n}\n\nexport const buildEntityLabel = (topLevel: DeletableEntity[]): string => {\n if (topLevel.length === 1) {\n const e = topLevel[0]\n return `${e.entityType} \"${e.label \|\| e.name \|\| e.id}\"`\n }\n const counts: Record<string, number> = {}\n for (const e of topLevel) counts[e.entityType] = (counts[e.entityType] \|\| 0) + 1\n const parts = ~~TYPE_ORDER~~.filter((type) => counts[type] > 0).map((type) =>\n pluralize(counts[type], type),\n )\n return joinNatural(parts)\n}\n\nexport const buildChildrenDetails = (\n topLevelFolders: DeletableEntity[],\n folderInfo: FolderDeleteInfo[],\n): string[] => {\n if (topLevelFolders.length === 0) return []\n const folderInfoMap = new Map(folderInfo.map((f) => [f.id, f]))\n const many = topLevelFolders.length > 1\n const details: string[] = []\n\n for (const folder of topLevelFolders) {\n const info = folderInfoMap.get(folder.id)\n const folderDisplayName = folder.label \|\| folder.name \|\| folder.id\n const prefix = many ? `\"${folderDisplayName}\" contains ` : 'Contains '\n const hasDescendants =\n info &&\n (info.totalFolderCount > 0 \|\|\n info.totalTaskCount > 0 \|\|\n info.totalProductCount > 0 \|\|\n info.totalVersionCount > 0)\n\n if (hasDescendants) {\n const parts: string[] = []\n if (info.totalFolderCount > 0) parts.push(pluralize(info.totalFolderCount, 'child folder'))\n if (info.totalTaskCount > 0) parts.push(pluralize(info.totalTaskCount, 'task'))\n if (info.totalProductCount > 0) parts.push(pluralize(info.totalProductCount, 'product'))\n if (info.totalVersionCount > 0) parts.push(pluralize(info.totalVersionCount, 'version'))\n details.push(`${prefix}${parts.join(', ')}`)\n } else {\n if (folder.hasChildren) details.push(`${prefix}child folders`)\n if (folder.taskNames && folder.taskNames.length > 0) {\n details.push(`${prefix}${pluralize(folder.taskNames.length, 'task')}`)\n }\n }\n }\n\n return details\n}\n\nconst Wrapper = styled.div`\n min-width: 350px;\n`\nconst DetailsContainer = styled.div`\n margin-top: 12px;\n min-height: 60px;\n min-width: 350px;\n`\nconst BoldLabel = styled.p`\n font-weight: 600;\n`\n\nexport type DeleteConfirmContentProps = {\n entityLabel: string\n childrenDetails: string[]\n}\n\nexport const DeleteConfirmContent = ({\n entityLabel,\n childrenDetails,\n}: DeleteConfirmContentProps) => (\n <Wrapper>\n <p>{`Are you sure you want to delete ${entityLabel}? This action cannot be undone.`}</p>\n {childrenDetails.length > 0 && (\n <DetailsContainer>\n <BoldLabel>The following will also be affected:</BoldLabel>\n {childrenDetails.map((detail, i) => (\n <p key={i}>{detail}</p>\n ))}\n </DetailsContainer>\n )}\n </Wrapper>\n)\n"],"names":["~~TYPE_ORDER~~","joinNatural","parts","buildEntityLabel","topLevel","e","counts","type","pluralize","~~buildChildrenDetails~~","~~topLevelFolders~~","~~folderInfo~~","folderInfoMap","f","many","details","folder","~~info","~~folderDisplayName","prefix","Wrapper","styled","DetailsContainer","BoldLabel","DeleteConfirmContent","entityLabel","childrenDetails","jsx","jsxs","detail","i"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAQA~~,MAAMA,~~IAAoC~~;AAAA,~~EACxC~~;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,~~GAGMC~~,IAAc,CAACC,MACfA,EAAM,UAAU,IAAUA,EAAM,KAAK,EAAE,IACpC,GAAGA,EAAM,MAAM,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,QAAQA,EAAMA,EAAM,SAAS,CAAC,CAAC,IAG3DC,KAAmB,CAACC,MAAwC;AACvE,MAAIA,EAAS,WAAW,GAAG;AACzB,UAAMC,IAAID,EAAS,CAAC;AACpB,WAAO,GAAGC,EAAE,UAAU,KAAKA,EAAE,SAASA,EAAE,QAAQA,EAAE,EAAE;AAAA,EACtD;AACA,QAAMC,IAAiC,CAAA;AACvC,aAAWD,KAAKD,EAAU,CAAAE,EAAOD,EAAE,UAAU,KAAKC,EAAOD,EAAE,UAAU,KAAK,KAAK;AAC/E,QAAMH,~~IAAQF~~,~~EAAW~~,OAAO,~~CAACO~~,MAASD,EAAOC,CAAI,IAAI,CAAC,EAAE;AAAA,IAAI,CAACA,~~MAC/DC~~,EAAUF,EAAOC,CAAI,GAAGA,CAAI;AAAA,EAAA;AAE9B,SAAON,EAAYC,CAAK;AAC1B,~~GAEaO~~,KAAuB,CAClCC,~~GACAC~~,MACa;AACb,~~MAAID~~,EAAgB,WAAW,EAAG,QAAO,CAAA;AACzC,~~QAAME~~,IAAgB,IAAI,~~IAAID~~,EAAW,IAAI,~~CAACE~~,MAAM,CAACA,EAAE,IAAIA,CAAC,CAAC,CAAC,GACxDC,~~IAAOJ~~,EAAgB,SAAS,~~GAChCK~~,IAAoB,CAAA;AAE1B,aAAWC,~~KAAUN~~,GAAiB;AACpC,~~UAAMO~~,~~IAAOL~~,EAAc,IAAII,EAAO,EAAE,~~GAClCE~~,~~IAAoBF~~,EAAO,SAASA,EAAO,QAAQA,EAAO,~~IAC1DG~~,~~IAASL~~,IAAO,~~IAAII~~,CAAiB,gBAAgB;AAQ3D,~~QANED~~,MACCA,EAAK,mBAAmB,KACvBA,EAAK,iBAAiB,KACtBA,EAAK,oBAAoB,KACzBA,EAAK,oBAAoB,IAET;AAClB,~~YAAMf~~,IAAkB,CAAA;AACxB,~~MAAIe~~,EAAK,mBAAmB,~~KAAGf~~,EAAM,KAAKM,~~EAAUS~~,EAAK,kBAAkB,cAAc,CAAC,GACtFA,EAAK,iBAAiB,~~KAAGf~~,EAAM,KAAKM,~~EAAUS~~,EAAK,gBAAgB,MAAM,CAAC,GAC1EA,EAAK,oBAAoB,~~KAAGf~~,EAAM,KAAKM,~~EAAUS~~,EAAK,mBAAmB,SAAS,CAAC,GACnFA,EAAK,oBAAoB,~~KAAGf~~,EAAM,KAAKM,~~EAAUS~~,EAAK,mBAAmB,SAAS,CAAC,~~GACvFF~~,EAAQ,KAAK,~~GAAGI~~,CAAM,~~GAAGjB~~,EAAM,KAAK,IAAI,CAAC,EAAE;AAAA,IAC7C;AACE,~~MAAIc~~,EAAO,eAAaD,EAAQ,KAAK,~~GAAGI~~,CAAM,eAAe,~~GACzDH~~,EAAO,aAAaA,EAAO,UAAU,SAAS,KAChDD,EAAQ,KAAK,~~GAAGI~~,CAAM,~~GAAGX~~,~~EAAUQ~~,EAAO,UAAU,QAAQ,MAAM,CAAC,EAAE;AAAA,EAG3E;AAEA,~~SAAOD~~;AACT,~~GAEMK~~,IAAUC,EAAO;AAAA;AAAA,GAGjBC,IAAmBD,EAAO;AAAA;AAAA;AAAA;AAAA,GAK1BE,IAAYF,EAAO;AAAA;AAAA,~~GASZG~~,KAAuB,CAAC;AAAA,EACnC,aAAAC;AAAA,EACA,iBAAAC;AACF,~~6BACGN~~,GAAA,EACC,UAAA;AAAA,~~EAAAO~~,gBAAAA,~~EAAAA~~,~~IAAC,~~KAAA,EAAG,~~UAAA~~,~~mCAAmCF~~,CAAW,mCAAkC;AAAA,~~EACnFC~~,EAAgB,SAAS,~~KACxBE~~,gBAAAA,EAAAA,~~KAACN~~,GAAA,EACC,UAAA;AAAA,~~IAAAK~~,gBAAAA,EAAAA,~~IAACJ~~,KAAU,UAAA,uCAAA,CAAoC;AAAA,~~IAC9CG~~,EAAgB,IAAI,~~CAACG~~,GAAQC,MAC5BH,gBAAAA,EAAAA,IAAC,KAAA,EAAW,UAAAE,EAAA,GAAJC,CAAW,CACpB;AAAA,EAAA,EAAA,~~CACH~~;AAAA,EAAA,~~CAEJ~~;"}
1	+ {"version":3,"file":"DeleteConfirmContent.es.js","sources":["../../../../../src/components/DeleteEntitiesConfirm/DeleteConfirmContent.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { pluralize } from '@shared/util'\nimport type { FolderDeleteInfo } from '@shared/api'\nimport type {\n DeletableEntity,\n DeletableEntityType,\n} from '@shared/context/DeleteEntitiesContext'\n\nexport const DELETE_TYPE_ORDER: DeletableEntityType[] = [\n 'folder',\n 'task',\n 'product',\n 'version',\n 'representation',\n 'workfile',\n]\n\nexport type ExpectedDeleteCounts = Partial<Record<DeletableEntityType, number>>\n\n// deletes above this total require typed count confirmation; a delete of exactly\n// one entity types its name instead\nexport const DELETE_CONFIRM_THRESHOLD = 1\n\n// \"5 folders\" \| \"5 folders and 25 tasks\" \| \"5 folders, 1 product and 25 versions\"\nconst joinNatural = (parts: string[]): string => {\n if (parts.length <= 1) return parts.join('')\n return `${parts.slice(0, -1).join(', ')} and ${parts[parts.length - 1]}`\n}\n\nexport const buildEntityLabel = (topLevel: DeletableEntity[]): string => {\n if (topLevel.length === 1) {\n const e = topLevel[0]\n return `${e.entityType} \"${e.label \|\| e.name \|\| e.id}\"`\n }\n const counts: Record<string, number> = {}\n for (const e of topLevel) counts[e.entityType] = (counts[e.entityType] \|\| 0) + 1\n const parts = DELETE_TYPE_ORDER.filter((type) => counts[type] > 0).map((type) =>\n pluralize(counts[type], type),\n )\n return joinNatural(parts)\n}\n\n// selected entities plus the descendants a folder delete cascades to — versions cascaded\n// from deleted products are not counted, the backend gives no number for them\nexport const buildExpectedCounts = (\n topLevel: DeletableEntity[],\n folderInfo: FolderDeleteInfo[],\n): ExpectedDeleteCounts => {\n const counts: ExpectedDeleteCounts = {}\n const add = (type: DeletableEntityType, amount: number) => {\n if (amount > 0) counts[type] = (counts[type] \|\| 0) + amount\n }\n\n for (const e of topLevel) add(e.entityType, 1)\n\n for (const info of folderInfo) {\n add('folder', info.totalFolderCount)\n add('task', info.totalTaskCount)\n add('product', info.totalProductCount)\n add('version', info.totalVersionCount)\n }\n\n return counts\n}\n\nexport const sumExpectedCounts = (counts: ExpectedDeleteCounts): number =>\n DELETE_TYPE_ORDER.reduce((total, type) => total + (counts[type] \|\| 0), 0)\n\nconst MAX_DETAIL_LINES = 8\n\nexport const buildChildrenDetails = (\n topLevelFolders: DeletableEntity[],\n folderInfo: FolderDeleteInfo[],\n): string[] => {\n if (topLevelFolders.length === 0) return []\n const folderInfoMap = new Map(folderInfo.map((f) => [f.id, f]))\n const many = topLevelFolders.length > 1\n const details: string[] = []\n\n for (const folder of topLevelFolders) {\n const info = folderInfoMap.get(folder.id)\n const folderDisplayName = folder.label \|\| folder.name \|\| folder.id\n const prefix = many ? `\"${folderDisplayName}\" contains ` : 'Contains '\n const hasDescendants =\n info &&\n (info.totalFolderCount > 0 \|\|\n info.totalTaskCount > 0 \|\|\n info.totalProductCount > 0 \|\|\n info.totalVersionCount > 0)\n\n if (hasDescendants) {\n const parts: string[] = []\n if (info.totalFolderCount > 0) parts.push(pluralize(info.totalFolderCount, 'child folder'))\n if (info.totalTaskCount > 0) parts.push(pluralize(info.totalTaskCount, 'task'))\n if (info.totalProductCount > 0) parts.push(pluralize(info.totalProductCount, 'product'))\n if (info.totalVersionCount > 0) parts.push(pluralize(info.totalVersionCount, 'version'))\n details.push(`${prefix}${parts.join(', ')}`)\n } else {\n if (folder.hasChildren) details.push(`${prefix}child folders`)\n if (folder.taskNames && folder.taskNames.length > 0) {\n details.push(`${prefix}${pluralize(folder.taskNames.length, 'task')}`)\n }\n }\n }\n\n if (details.length > MAX_DETAIL_LINES) {\n return [\n ...details.slice(0, MAX_DETAIL_LINES),\n `…and ${details.length - MAX_DETAIL_LINES} more`,\n ]\n }\n\n return details\n}\n\nconst Wrapper = styled.div`\n min-width: 350px;\n`\nconst DetailsContainer = styled.div`\n margin-top: 12px;\n min-height: 60px;\n min-width: 350px;\n`\nconst BoldLabel = styled.p`\n font-weight: 600;\n margin-bottom: 4px;\n`\nconst TotalLine = styled.p`\n margin-top: 12px;\n font-weight: 600;\n color: var(--md-sys-color-error);\n`\n\nexport type DeleteConfirmContentProps = {\n entityLabel: string\n childrenDetails: string[]\n totalLine?: string\n message?: string\n}\n\nexport const DeleteConfirmContent = ({\n entityLabel,\n childrenDetails,\n totalLine,\n message,\n}: DeleteConfirmContentProps) => (\n <Wrapper>\n <p>{message \|\| `Are you sure you want to delete ${entityLabel}? This action cannot be undone.`}</p>\n {childrenDetails.length > 0 && (\n <DetailsContainer>\n <BoldLabel>The following will also be affected:</BoldLabel>\n {childrenDetails.map((detail, i) => (\n <p key={i}>{detail}</p>\n ))}\n </DetailsContainer>\n )}\n {totalLine && <TotalLine>{totalLine}</TotalLine>}\n </Wrapper>\n)\n"],"names":["DELETE_TYPE_ORDER","DELETE_CONFIRM_THRESHOLD","joinNatural","parts","buildEntityLabel","topLevel","e","counts","type","pluralize","buildExpectedCounts","folderInfo","add","amount","info","sumExpectedCounts","total","MAX_DETAIL_LINES","buildChildrenDetails","topLevelFolders","folderInfoMap","f","many","details","folder","folderDisplayName","prefix","Wrapper","styled","DetailsContainer","BoldLabel","TotalLine","DeleteConfirmContent","entityLabel","childrenDetails","totalLine","message","jsx","jsxs","detail","i"],"mappings":"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"}

package/dist/shared/src/components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),h=require("@ynput/ayon-react-components"),i=require("./DeleteConfirmContent.cjs.js"),n=require("./DeleteEntitiesConfirmDialog.styled.cjs.js"),$=(a,r)=>{const o=(a??"").trim();return o!==""&&Number(o)===r},q=({payload:a,onConfirm:r,onCancel:o})=>{const{entityLabel:x,childrenDetails:f,expectedCounts:s,expectedName:u,deleteLabel:d="Delete forever",message:D}=a,[E,b]=l.useState(""),[j,g]=l.useState({}),p=l.useMemo(()=>i.DELETE_TYPE_ORDER.filter(e=>(s[e]\|\|0)>0),[s]),c=l.useMemo(()=>i.sumExpectedCounts(s),[s]),m=c>i.DELETE_CONFIRM_THRESHOLD,R=!!u&&!m,C=m?p.every(e=>$(j[e],s[e])):R?E.trim()===u:!0,T=e=>{e.key==="Enter"&&C&&(e.preventDefault(),r())};return t.jsxRuntimeExports.jsx(n.StyledDialog,{size:"md",isOpen:!0,header:`${d} ${x}`,onClose:o,footer:t.jsxRuntimeExports.jsxs(n.FooterContainer,{onKeyDown:T,children:[R&&t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs(n.FooterLabel,{htmlFor:"delete-confirm-name-input",children:["To confirm delete action, type '",u,"' in the box below"]}),t.jsxRuntimeExports.jsx(n.ConfirmInput,{id:"delete-confirm-name-input","data-testid":"delete-confirm-name-input",autoFocus:!0,value:E,placeholder:u,onChange:e=>b(e.target.value)})]}),m&&t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(n.FooterLabel,{as:"p",children:"To confirm, type how many of each will be deleted, children included"}),t.jsxRuntimeExports.jsx(n.CountRows,{children:p.map((e,F)=>t.jsxRuntimeExports.jsxs(n.CountRow,{children:[t.jsxRuntimeExports.jsx("span",{children:`${e[0].toUpperCase()}${e.slice(1)}s - ${s[e]}`}),t.jsxRuntimeExports.jsx(n.CountInput,{"data-testid":`delete-confirm-count-${e}`,autoFocus:F===0,inputMode:"numeric",value:j[e]??"",placeholder:`Number of ${e}s`,onChange:v=>g(L=>({...L,[e]:v.target.value}))})]},e))})]}),t.jsxRuntimeExports.jsxs(n.FooterActions,{children:[t.jsxRuntimeExports.jsx(h.Button,{label:"Cancel",onClick:o}),t.jsxRuntimeExports.jsx(h.Button,{"data-testid":"delete-confirm-submit",variant:"danger",label:d,onClick:r,disabled:!C})]})]}),children:t.jsxRuntimeExports.jsx(i.DeleteConfirmContent,{entityLabel:x,childrenDetails:f,message:D,totalLine:c>i.DELETE_CONFIRM_THRESHOLD?`This deletes ${(s.product\|\|0)>0?"at least ":""}${c} entities in total.`:void 0})})};exports.DeleteEntitiesConfirmDialog=q;
2	+ //# sourceMappingURL=DeleteEntitiesConfirmDialog.cjs.js.map

package/dist/shared/src/components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DeleteEntitiesConfirmDialog.cjs.js","sources":["../../../../../src/components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.tsx"],"sourcesContent":["import { KeyboardEvent, useMemo, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport {\n DELETE_CONFIRM_THRESHOLD,\n DELETE_TYPE_ORDER,\n DeleteConfirmContent,\n sumExpectedCounts,\n type ExpectedDeleteCounts,\n} from './DeleteConfirmContent'\nimport type { DeletableEntityType } from '@shared/context/DeleteEntitiesContext'\nimport * as Styled from './DeleteEntitiesConfirmDialog.styled'\n\nexport type DeleteConfirmPayload = {\n entityLabel: string\n childrenDetails: string[]\n // everything the delete removes, cascaded folder children included\n expectedCounts: ExpectedDeleteCounts\n // set when a single entity is selected — its name is typed instead of counts,\n // unless its children push the total above the threshold\n expectedName?: string\n deleteLabel?: string\n // replaces the default \"Are you sure…\" line\n message?: string\n}\n\nexport type DeleteEntitiesConfirmDialogProps = {\n payload: DeleteConfirmPayload\n onConfirm: () => void\n onCancel: () => void\n}\n\nconst matchesCount = (value: string | undefined, expected: number): boolean => {\n const trimmed = (value ?? '').trim()\n return trimmed !== '' && Number(trimmed) === expected\n}\n\nexport const DeleteEntitiesConfirmDialog = ({\n payload,\n onConfirm,\n onCancel,\n}: DeleteEntitiesConfirmDialogProps) => {\n const {\n entityLabel,\n childrenDetails,\n expectedCounts,\n expectedName,\n deleteLabel = 'Delete forever',\n message,\n } = payload\n\n const [nameValue, setNameValue] = useState('')\n const [countValues, setCountValues] = useState<Partial<Record<DeletableEntityType, string>>>({})\n\n const countTypes = useMemo(\n () => DELETE_TYPE_ORDER.filter((type) => (expectedCounts[type] || 0) > 0),\n [expectedCounts],\n )\n const expectedTotal = useMemo(() => sumExpectedCounts(expectedCounts), [expectedCounts])\n\n // counts win whenever the delete removes more than one entity, cascaded children\n // included — name typing only guards a delete of exactly one entity\n const requiresCounts = expectedTotal > DELETE_CONFIRM_THRESHOLD\n const requiresName = !!expectedName && !requiresCounts\n const isConfirmed = requiresCounts\n ? countTypes.every((type) => matchesCount(countValues[type], expectedCounts[type] as number))\n : requiresName\n ? nameValue.trim() === expectedName\n : true\n\n const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n if (e.key === 'Enter' && isConfirmed) {\n e.preventDefault()\n onConfirm()\n }\n }\n\n return (\n <Styled.StyledDialog\n size=\"md\"\n isOpen\n header={`${deleteLabel} ${entityLabel}`}\n onClose={onCancel}\n footer={\n // keydown lives here, not on the dialog — dialog spreads rest props over its own\n // handler and would lose escape-to-close\n <Styled.FooterContainer onKeyDown={handleKeyDown}>\n {requiresName && (\n <>\n <Styled.FooterLabel htmlFor=\"delete-confirm-name-input\">\n To confirm delete action, type '{expectedName}' in the box below\n </Styled.FooterLabel>\n <Styled.ConfirmInput\n id=\"delete-confirm-name-input\"\n data-testid=\"delete-confirm-name-input\"\n autoFocus\n value={nameValue}\n placeholder={expectedName}\n onChange={(e) => setNameValue(e.target.value)}\n />\n </>\n )}\n {requiresCounts && (\n <>\n <Styled.FooterLabel as=\"p\">\n To confirm, type how many of each will be deleted, children included\n </Styled.FooterLabel>\n <Styled.CountRows>\n {countTypes.map((type, index) => (\n <Styled.CountRow key={type}>\n <span>{`${type[0].toUpperCase()}${type.slice(1)}s - ${\n expectedCounts[type]\n }`}</span>\n <Styled.CountInput\n data-testid={`delete-confirm-count-${type}`}\n autoFocus={index === 0}\n inputMode=\"numeric\"\n value={countValues[type] ?? ''}\n placeholder={`Number of ${type}s`}\n onChange={(e) =>\n setCountValues((prev) => ({ ...prev, [type]: e.target.value }))\n }\n />\n </Styled.CountRow>\n ))}\n </Styled.CountRows>\n </>\n )}\n <Styled.FooterActions>\n <Button label=\"Cancel\" onClick={onCancel} />\n <Button\n data-testid=\"delete-confirm-submit\"\n variant=\"danger\"\n label={deleteLabel}\n onClick={onConfirm}\n disabled={!isConfirmed}\n />\n </Styled.FooterActions>\n </Styled.FooterContainer>\n }\n >\n <DeleteConfirmContent\n entityLabel={entityLabel}\n childrenDetails={childrenDetails}\n message={message}\n totalLine={\n expectedTotal > DELETE_CONFIRM_THRESHOLD\n ? // versions cascaded from products are not countable, so the total is a floor\n `This deletes ${\n (expectedCounts.product || 0) > 0 ? 'at least ' : ''\n }${expectedTotal} entities in total.`\n : undefined\n }\n />\n </Styled.StyledDialog>\n )\n}\n"],"names":["matchesCount","value","expected","trimmed","DeleteEntitiesConfirmDialog","payload","onConfirm","onCancel","entityLabel","childrenDetails","expectedCounts","expectedName","deleteLabel","message","nameValue","setNameValue","useState","countValues","setCountValues","countTypes","useMemo","DELETE_TYPE_ORDER","type","expectedTotal","sumExpectedCounts","requiresCounts","DELETE_CONFIRM_THRESHOLD","requiresName","isConfirmed","handleKeyDown","jsx","Styled.StyledDialog","jsxs","Styled.FooterContainer","Fragment","Styled.FooterLabel","Styled.ConfirmInput","Styled.CountRows","index","Styled.CountRow","Styled.CountInput","e","prev","Styled.FooterActions","Button","DeleteConfirmContent"],"mappings":"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"}

package/dist/shared/src/components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.es.js ADDED Viewed

@@ -0,0 +1,106 @@
+import { j as t } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as p, useMemo as C } from "react";
+import { Button as j } from "@ynput/ayon-react-components";
+import { DELETE_TYPE_ORDER as R, sumExpectedCounts as N, DeleteConfirmContent as O, DELETE_CONFIRM_THRESHOLD as D } from "./DeleteConfirmContent.es.js";
+import { StyledDialog as V, FooterContainer as _, FooterLabel as E, ConfirmInput as k, CountRows as I, CountRow as M, CountInput as S, FooterActions as q } from "./DeleteEntitiesConfirmDialog.styled.es.js";
+const y = (i, s) => {
+  const n = (i ?? "").trim();
+  return n !== "" && Number(n) === s;
+}, P = ({
+  payload: i,
+  onConfirm: s,
+  onCancel: n
+}) => {
+  const {
+    entityLabel: c,
+    childrenDetails: b,
+    expectedCounts: o,
+    expectedName: r,
+    deleteLabel: d = "Delete forever",
+    message: g
+  } = i, [u, v] = p(""), [m, F] = p({}), h = C(
+    () => R.filter((e) => (o[e] || 0) > 0),
+    [o]
+  ), l = C(() => N(o), [o]), a = l > D, x = !!r && !a, f = a ? h.every((e) => y(m[e], o[e])) : x ? u.trim() === r : !0, T = (e) => {
+    e.key === "Enter" && f && (e.preventDefault(), s());
+  };
+  return /* @__PURE__ */ t.jsx(
+    V,
+    {
+      size: "md",
+      isOpen: !0,
+      header: `${d} ${c}`,
+      onClose: n,
+      footer: (
+        // keydown lives here, not on the dialog — dialog spreads rest props over its own
+        // handler and would lose escape-to-close
+        /* @__PURE__ */ t.jsxs(_, { onKeyDown: T, children: [
+          x && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            /* @__PURE__ */ t.jsxs(E, { htmlFor: "delete-confirm-name-input", children: [
+              "To confirm delete action, type '",
+              r,
+              "' in the box below"
+            ] }),
+            /* @__PURE__ */ t.jsx(
+              k,
+              {
+                id: "delete-confirm-name-input",
+                "data-testid": "delete-confirm-name-input",
+                autoFocus: !0,
+                value: u,
+                placeholder: r,
+                onChange: (e) => v(e.target.value)
+              }
+            )
+          ] }),
+          a && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            /* @__PURE__ */ t.jsx(E, { as: "p", children: "To confirm, type how many of each will be deleted, children included" }),
+            /* @__PURE__ */ t.jsx(I, { children: h.map((e, $) => /* @__PURE__ */ t.jsxs(M, { children: [
+              /* @__PURE__ */ t.jsx("span", { children: `${e[0].toUpperCase()}${e.slice(1)}s - ${o[e]}` }),
+              /* @__PURE__ */ t.jsx(
+                S,
+                {
+                  "data-testid": `delete-confirm-count-${e}`,
+                  autoFocus: $ === 0,
+                  inputMode: "numeric",
+                  value: m[e] ?? "",
+                  placeholder: `Number of ${e}s`,
+                  onChange: (w) => F((L) => ({ ...L, [e]: w.target.value }))
+                }
+              )
+            ] }, e)) })
+          ] }),
+          /* @__PURE__ */ t.jsxs(q, { children: [
+            /* @__PURE__ */ t.jsx(j, { label: "Cancel", onClick: n }),
+            /* @__PURE__ */ t.jsx(
+              j,
+              {
+                "data-testid": "delete-confirm-submit",
+                variant: "danger",
+                label: d,
+                onClick: s,
+                disabled: !f
+              }
+            )
+          ] })
+        ] })
+      ),
+      children: /* @__PURE__ */ t.jsx(
+        O,
+        {
+          entityLabel: c,
+          childrenDetails: b,
+          message: g,
+          totalLine: l > D ? (
+            // versions cascaded from products are not countable, so the total is a floor
+            `This deletes ${(o.product || 0) > 0 ? "at least " : ""}${l} entities in total.`
+          ) : void 0
+        }
+      )
+    }
+  );
+};
+export {
+  P as DeleteEntitiesConfirmDialog
+};
+//# sourceMappingURL=DeleteEntitiesConfirmDialog.es.js.map

package/dist/shared/src/components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DeleteEntitiesConfirmDialog.es.js","sources":["../../../../../src/components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.tsx"],"sourcesContent":["import { KeyboardEvent, useMemo, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport {\n DELETE_CONFIRM_THRESHOLD,\n DELETE_TYPE_ORDER,\n DeleteConfirmContent,\n sumExpectedCounts,\n type ExpectedDeleteCounts,\n} from './DeleteConfirmContent'\nimport type { DeletableEntityType } from '@shared/context/DeleteEntitiesContext'\nimport * as Styled from './DeleteEntitiesConfirmDialog.styled'\n\nexport type DeleteConfirmPayload = {\n entityLabel: string\n childrenDetails: string[]\n // everything the delete removes, cascaded folder children included\n expectedCounts: ExpectedDeleteCounts\n // set when a single entity is selected — its name is typed instead of counts,\n // unless its children push the total above the threshold\n expectedName?: string\n deleteLabel?: string\n // replaces the default \"Are you sure…\" line\n message?: string\n}\n\nexport type DeleteEntitiesConfirmDialogProps = {\n payload: DeleteConfirmPayload\n onConfirm: () => void\n onCancel: () => void\n}\n\nconst matchesCount = (value: string | undefined, expected: number): boolean => {\n const trimmed = (value ?? '').trim()\n return trimmed !== '' && Number(trimmed) === expected\n}\n\nexport const DeleteEntitiesConfirmDialog = ({\n payload,\n onConfirm,\n onCancel,\n}: DeleteEntitiesConfirmDialogProps) => {\n const {\n entityLabel,\n childrenDetails,\n expectedCounts,\n expectedName,\n deleteLabel = 'Delete forever',\n message,\n } = payload\n\n const [nameValue, setNameValue] = useState('')\n const [countValues, setCountValues] = useState<Partial<Record<DeletableEntityType, string>>>({})\n\n const countTypes = useMemo(\n () => DELETE_TYPE_ORDER.filter((type) => (expectedCounts[type] || 0) > 0),\n [expectedCounts],\n )\n const expectedTotal = useMemo(() => sumExpectedCounts(expectedCounts), [expectedCounts])\n\n // counts win whenever the delete removes more than one entity, cascaded children\n // included — name typing only guards a delete of exactly one entity\n const requiresCounts = expectedTotal > DELETE_CONFIRM_THRESHOLD\n const requiresName = !!expectedName && !requiresCounts\n const isConfirmed = requiresCounts\n ? countTypes.every((type) => matchesCount(countValues[type], expectedCounts[type] as number))\n : requiresName\n ? nameValue.trim() === expectedName\n : true\n\n const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n if (e.key === 'Enter' && isConfirmed) {\n e.preventDefault()\n onConfirm()\n }\n }\n\n return (\n <Styled.StyledDialog\n size=\"md\"\n isOpen\n header={`${deleteLabel} ${entityLabel}`}\n onClose={onCancel}\n footer={\n // keydown lives here, not on the dialog — dialog spreads rest props over its own\n // handler and would lose escape-to-close\n <Styled.FooterContainer onKeyDown={handleKeyDown}>\n {requiresName && (\n <>\n <Styled.FooterLabel htmlFor=\"delete-confirm-name-input\">\n To confirm delete action, type '{expectedName}' in the box below\n </Styled.FooterLabel>\n <Styled.ConfirmInput\n id=\"delete-confirm-name-input\"\n data-testid=\"delete-confirm-name-input\"\n autoFocus\n value={nameValue}\n placeholder={expectedName}\n onChange={(e) => setNameValue(e.target.value)}\n />\n </>\n )}\n {requiresCounts && (\n <>\n <Styled.FooterLabel as=\"p\">\n To confirm, type how many of each will be deleted, children included\n </Styled.FooterLabel>\n <Styled.CountRows>\n {countTypes.map((type, index) => (\n <Styled.CountRow key={type}>\n <span>{`${type[0].toUpperCase()}${type.slice(1)}s - ${\n expectedCounts[type]\n }`}</span>\n <Styled.CountInput\n data-testid={`delete-confirm-count-${type}`}\n autoFocus={index === 0}\n inputMode=\"numeric\"\n value={countValues[type] ?? ''}\n placeholder={`Number of ${type}s`}\n onChange={(e) =>\n setCountValues((prev) => ({ ...prev, [type]: e.target.value }))\n }\n />\n </Styled.CountRow>\n ))}\n </Styled.CountRows>\n </>\n )}\n <Styled.FooterActions>\n <Button label=\"Cancel\" onClick={onCancel} />\n <Button\n data-testid=\"delete-confirm-submit\"\n variant=\"danger\"\n label={deleteLabel}\n onClick={onConfirm}\n disabled={!isConfirmed}\n />\n </Styled.FooterActions>\n </Styled.FooterContainer>\n }\n >\n <DeleteConfirmContent\n entityLabel={entityLabel}\n childrenDetails={childrenDetails}\n message={message}\n totalLine={\n expectedTotal > DELETE_CONFIRM_THRESHOLD\n ? // versions cascaded from products are not countable, so the total is a floor\n `This deletes ${\n (expectedCounts.product || 0) > 0 ? 'at least ' : ''\n }${expectedTotal} entities in total.`\n : undefined\n }\n />\n </Styled.StyledDialog>\n )\n}\n"],"names":["matchesCount","value","expected","trimmed","DeleteEntitiesConfirmDialog","payload","onConfirm","onCancel","entityLabel","childrenDetails","expectedCounts","expectedName","deleteLabel","message","nameValue","setNameValue","useState","countValues","setCountValues","countTypes","useMemo","DELETE_TYPE_ORDER","type","expectedTotal","sumExpectedCounts","requiresCounts","DELETE_CONFIRM_THRESHOLD","requiresName","isConfirmed","handleKeyDown","jsx","Styled.StyledDialog","jsxs","Styled.FooterContainer","Fragment","Styled.FooterLabel","Styled.ConfirmInput","Styled.CountRows","index","Styled.CountRow","Styled.CountInput","e","prev","Styled.FooterActions","Button","DeleteConfirmContent"],"mappings":"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"}

package/dist/shared/src/components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.cjs.js ADDED Viewed

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("styled-components"),o=require("@ynput/ayon-react-components"),e=t(o.Dialog)`
+  max-height: min(600px, 90vh);
+`,n=t.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`,i=t.label`
+  margin: 2px 0 14px 0;
+`,l=t.div`
+  display: flex;
+  padding-top: 14px;
+  gap: 8px;
+  justify-content: flex-end;
+`,p=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  max-height: 30vh;
+  overflow-y: auto;
+  /* scroll container clips the inputs' 2px focus outline — inset it, then pull back to keep alignment */
+  padding: 4px;
+  margin: -4px;
+`,a=t.label`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+`,s=t(o.InputText)`
+  width: 180px;
+`,c=t(o.InputText)`
+  width: 100%;
+  /* room for the 2px focus outline */
+  margin: 2px 0;
+`;exports.ConfirmInput=c;exports.CountInput=s;exports.CountRow=a;exports.CountRows=p;exports.FooterActions=l;exports.FooterContainer=n;exports.FooterLabel=i;exports.StyledDialog=e;
+//# sourceMappingURL=DeleteEntitiesConfirmDialog.styled.cjs.js.map

package/dist/shared/src/components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DeleteEntitiesConfirmDialog.styled.cjs.js","sources":["../../../../../src/components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Dialog, InputText } from '@ynput/ayon-react-components'\n\nexport const StyledDialog = styled(Dialog)`\n max-height: min(600px, 90vh);\n`\n\nexport const FooterContainer = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n`\n\nexport const FooterLabel = styled.label`\n margin: 2px 0 14px 0;\n`\n\nexport const FooterActions = styled.div`\n display: flex;\n padding-top: 14px;\n gap: 8px;\n justify-content: flex-end;\n`\n\nexport const CountRows = styled.div`\n display: flex;\n flex-direction: column;\n gap: 8px;\n max-height: 30vh;\n overflow-y: auto;\n /* scroll container clips the inputs' 2px focus outline — inset it, then pull back to keep alignment */\n padding: 4px;\n margin: -4px;\n`\n\nexport const CountRow = styled.label`\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n`\n\nexport const CountInput = styled(InputText)`\n width: 180px;\n`\n\nexport const ConfirmInput = styled(InputText)`\n width: 100%;\n /* room for the 2px focus outline */\n margin: 2px 0;\n`\n"],"names":["StyledDialog","styled","Dialog","FooterContainer","FooterLabel","FooterActions","CountRows","CountRow","CountInput","InputText","ConfirmInput"],"mappings":"+JAGaA,EAAeC,EAAOC,QAAM;AAAA;AAAA,EAI5BC,EAAkBF,EAAO;AAAA;AAAA;AAAA;AAAA,EAMzBG,EAAcH,EAAO;AAAA;AAAA,EAIrBI,EAAgBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOvBK,EAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWnBM,EAAWN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOlBO,EAAaP,EAAOQ,WAAS;AAAA;AAAA,EAI7BC,EAAeT,EAAOQ,WAAS;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js ADDED Viewed

@@ -0,0 +1,47 @@
+import t from "styled-components";
+import { Dialog as n, InputText as o } from "@ynput/ayon-react-components";
+const p = t(n)`
+  max-height: min(600px, 90vh);
+`, l = t.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`, a = t.label`
+  margin: 2px 0 14px 0;
+`, s = t.div`
+  display: flex;
+  padding-top: 14px;
+  gap: 8px;
+  justify-content: flex-end;
+`, x = t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  max-height: 30vh;
+  overflow-y: auto;
+  /* scroll container clips the inputs' 2px focus outline — inset it, then pull back to keep alignment */
+  padding: 4px;
+  margin: -4px;
+`, c = t.label`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+`, r = t(o)`
+  width: 180px;
+`, d = t(o)`
+  width: 100%;
+  /* room for the 2px focus outline */
+  margin: 2px 0;
+`;
+export {
+  d as ConfirmInput,
+  r as CountInput,
+  c as CountRow,
+  x as CountRows,
+  s as FooterActions,
+  l as FooterContainer,
+  a as FooterLabel,
+  p as StyledDialog
+};
+//# sourceMappingURL=DeleteEntitiesConfirmDialog.styled.es.js.map

package/dist/shared/src/components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DeleteEntitiesConfirmDialog.styled.es.js","sources":["../../../../../src/components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Dialog, InputText } from '@ynput/ayon-react-components'\n\nexport const StyledDialog = styled(Dialog)`\n max-height: min(600px, 90vh);\n`\n\nexport const FooterContainer = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n`\n\nexport const FooterLabel = styled.label`\n margin: 2px 0 14px 0;\n`\n\nexport const FooterActions = styled.div`\n display: flex;\n padding-top: 14px;\n gap: 8px;\n justify-content: flex-end;\n`\n\nexport const CountRows = styled.div`\n display: flex;\n flex-direction: column;\n gap: 8px;\n max-height: 30vh;\n overflow-y: auto;\n /* scroll container clips the inputs' 2px focus outline — inset it, then pull back to keep alignment */\n padding: 4px;\n margin: -4px;\n`\n\nexport const CountRow = styled.label`\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n`\n\nexport const CountInput = styled(InputText)`\n width: 180px;\n`\n\nexport const ConfirmInput = styled(InputText)`\n width: 100%;\n /* room for the 2px focus outline */\n margin: 2px 0;\n`\n"],"names":["StyledDialog","styled","Dialog","FooterContainer","FooterLabel","FooterActions","CountRows","CountRow","CountInput","InputText","ConfirmInput"],"mappings":";;AAGO,MAAMA,IAAeC,EAAOC,CAAM;AAAA;AAAA,GAI5BC,IAAkBF,EAAO;AAAA;AAAA;AAAA;AAAA,GAMzBG,IAAcH,EAAO;AAAA;AAAA,GAIrBI,IAAgBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvBK,IAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWnBM,IAAWN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOlBO,IAAaP,EAAOQ,CAAS;AAAA;AAAA,GAI7BC,IAAeT,EAAOQ,CAAS;AAAA;AAAA;AAAA;AAAA;"}