npm - @ynput/ayon-frontend-shared - Versions diffs - 0.4.2 → 0.4.3 - Mend

@ynput/ayon-frontend-shared 0.4.2 → 0.4.3

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

package/dist/shared/src/api/queries/columnStats/metricTargets.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../base/client.cjs.js");const s=require("../../generated/graphql.cjs.js");require("../../generated/graphqlLinks.cjs.js");require("../../generated/access.cjs.js");require("../../generated/actions.cjs.js");require("../../generated/activityFeed.cjs.js");require("../../generated/addons.cjs.js");require("../../generated/anatomy.cjs.js");require("../../generated/attributes.cjs.js");require("../../generated/authentication.cjs.js");require("../../generated/bundles.cjs.js");require("../../generated/configuration.cjs.js");require("../../generated/dataImport.cjs.js");require("../../generated/desktop.cjs.js");require("../../generated/entityLists.cjs.js");require("../../generated/events.cjs.js");require("../../generated/files.cjs.js");require("../../generated/folders.cjs.js");require("../../generated/inbox.cjs.js");require("../../generated/links.cjs.js");require("../../generated/market.cjs.js");require("../../generated/onboarding.cjs.js");require("../../generated/operations.cjs.js");require("../../generated/products.cjs.js");require("../../generated/projectDashboard.cjs.js");require("../../generated/projects.cjs.js");require("../../generated/projectFolders.cjs.js");require("../../generated/reviewables.cjs.js");require("../../generated/services.cjs.js");require("../../generated/system.cjs.js");require("../../generated/tasks.cjs.js");require("../../generated/teams.cjs.js");require("../../generated/thumbnails.cjs.js");require("../../generated/uRIs.cjs.js");require("../../generated/users.cjs.js");require("../../generated/versions.cjs.js");require("../../generated/workfiles.cjs.js");require("../../generated/ynputCloud.cjs.js");require("../../generated/grouping.cjs.js");require("../../generated/views.cjs.js");const h=require("../../../containers/ProjectTreeTable/utils/checkColumnVisibility.cjs.js"),S=e=>{const r=e?.targets;return Array.isArray(r)?r:r?[r]:[]},d=(e,r,a)=>{const i=r?.[e],o=a?.[e];return i==="none"||o==="none"?!1:i!=null||o!=null},b=(e,r,a,i)=>{const o=new Set([...Object.keys(e??{}),...Object.keys(r??{})]);for(const c of o)if(!(a&&!h.checkColumnVisibility(a,c,i))&&d(c,e,r))return!0;return!1},F=(e,r,a,i)=>r?.name==="none"&&!b(e,r,a,i),k=(e,r)=>{if(!e)return!1;if(!r)return!0;const a=new Set(S(r).map(i=>i.field));return S(e).some(i=>!a.has(i.field))},f=[s.StatsOperation.Filled,s.StatsOperation.NotFilled],m=[s.StatsOperation.Min,s.StatsOperation.Max,s.StatsOperation.Avg,s.StatsOperation.Sum,s.StatsOperation.Filled,s.StatsOperation.NotFilled],u=[s.StatsOperation.Filled,s.StatsOperation.NotFilled,s.StatsOperation.Distribution],v={folder:"folder_type",task:"task_type",product:"product_type",version:null},T=({entity:e,attribs:r,columnVisibility:a,defaultColumnVisibility:i,columnSummaries:o,columnSummaryScopes:c,extraFields:y=[]})=>{const O=t=>h.checkColumnVisibility(a,t,i),l=t=>O(t)&&d(t,o,c),n=[];e==="version"?n.push({field:"status",aggregations:l("status")?u:f}):(n.push({field:"name",aggregations:f}),l("status")&&n.push({field:"status",aggregations:u})),l("tags")&&n.push({field:"tags",aggregations:u}),e==="task"&&l("assignees")&&n.push({field:"assignees",aggregations:u});const p=v[e];p&&l("subType")&&n.push({field:p,aggregations:u});for(const t of y)n.push({field:t,aggregations:u});for(const t of r){if(t.scope&&!t.scope.includes(e)||!l(`attrib_${t.name}`))continue;let g=`attrib.${t.name}`;["folder","task"].includes(e)&&(g=`inherited_attributes.${t.name}`);const q=t.data?.type;q==="integer"||q==="float"?n.push({field:g,aggregations:m}):q==="string"&&n.push({field:g,aggregations:t.data?.enum?.length?u:f})}return n};exports.anySummaryActive=b;exports.buildMetricTargets=T;exports.hasNewTargetFields=k;exports.isSummaryActive=d;exports.shouldSkipColumnStats=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../base/client.cjs.js");const a=require("../../generated/graphql.cjs.js");require("../../generated/graphqlLinks.cjs.js");require("../../generated/access.cjs.js");require("../../generated/actions.cjs.js");require("../../generated/activityFeed.cjs.js");require("../../generated/addons.cjs.js");require("../../generated/anatomy.cjs.js");require("../../generated/attributes.cjs.js");require("../../generated/authentication.cjs.js");require("../../generated/bundles.cjs.js");require("../../generated/configuration.cjs.js");require("../../generated/dataImport.cjs.js");require("../../generated/desktop.cjs.js");require("../../generated/entityLists.cjs.js");require("../../generated/events.cjs.js");require("../../generated/files.cjs.js");require("../../generated/folders.cjs.js");require("../../generated/inbox.cjs.js");require("../../generated/links.cjs.js");require("../../generated/market.cjs.js");require("../../generated/onboarding.cjs.js");require("../../generated/operations.cjs.js");require("../../generated/products.cjs.js");require("../../generated/projectDashboard.cjs.js");require("../../generated/projects.cjs.js");require("../../generated/projectFolders.cjs.js");require("../../generated/reviewables.cjs.js");require("../../generated/services.cjs.js");require("../../generated/system.cjs.js");require("../../generated/tasks.cjs.js");require("../../generated/teams.cjs.js");require("../../generated/thumbnails.cjs.js");require("../../generated/uRIs.cjs.js");require("../../generated/users.cjs.js");require("../../generated/versions.cjs.js");require("../../generated/workfiles.cjs.js");require("../../generated/ynputCloud.cjs.js");require("../../generated/grouping.cjs.js");require("../../generated/views.cjs.js");const S=require("../../../containers/ProjectTreeTable/utils/checkColumnVisibility.cjs.js"),h=e=>{const r=e?.targets;return Array.isArray(r)?r:r?[r]:[]},d=(e,r,n)=>{const i=r?.[e],o=n?.[e];return i==="none"||o==="none"?!1:i!=null||o!=null},b=(e,r,n,i)=>{const o=new Set([...Object.keys(e??{}),...Object.keys(r??{})]);for(const c of o)if(!(n&&!S.checkColumnVisibility(n,c,i))&&d(c,e,r))return!0;return!1},F=(e,r,n,i)=>r?.name==="none"&&!b(e,r,n,i),k=(e,r)=>{if(!e)return!1;if(!r)return!0;const n=new Set(h(r).map(i=>i.field));return h(e).some(i=>!n.has(i.field))},q=[a.StatsOperation.Filled,a.StatsOperation.NotFilled],m=[a.StatsOperation.Min,a.StatsOperation.Max,a.StatsOperation.Avg,a.StatsOperation.Sum,a.StatsOperation.Filled,a.StatsOperation.NotFilled],u=[a.StatsOperation.Filled,a.StatsOperation.NotFilled,a.StatsOperation.Distribution],_={folder:"folder_type",task:"task_type",product:"product_type",version:null},v=({entity:e,attribs:r,columnVisibility:n,defaultColumnVisibility:i,columnSummaries:o,columnSummaryScopes:c,extraFields:y=[]})=>{const O=t=>S.checkColumnVisibility(n,t,i),l=t=>O(t)&&d(t,o,c),s=[];e==="version"?s.push({field:"status",aggregations:l("status")?u:q}):(s.push({field:"name",aggregations:q}),l("status")&&s.push({field:"status",aggregations:u})),l("tags")&&s.push({field:"tags",aggregations:u}),e==="task"&&l("assignees")&&s.push({field:"assignees",aggregations:u});const p=_[e];p&&l("subType")&&s.push({field:p,aggregations:u});for(const t of y)s.push({field:t,aggregations:u});for(const t of r){if(t.scope&&!t.scope.includes(e)||!l(`attrib_${t.name}`))continue;let f=`attrib.${t.name}`;["folder","task"].includes(e)&&(f=`inherited_attributes.${t.name}`);const g=t.data?.type;g==="integer"||g==="float"?s.push({field:f,aggregations:m}):g==="string"?s.push({field:f,aggregations:t.data?.enum?.length?u:q}):(g==="list_of_strings"||g==="list_of_integers")&&s.push({field:f,aggregations:u})}return s};exports.anySummaryActive=b;exports.buildMetricTargets=v;exports.hasNewTargetFields=k;exports.isSummaryActive=d;exports.shouldSkipColumnStats=F;
 //# sourceMappingURL=metricTargets.cjs.js.map

package/dist/shared/src/api/queries/columnStats/metricTargets.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"metricTargets.cjs.js","sources":["../../../../../../src/api/queries/columnStats/metricTargets.ts"],"sourcesContent":["import type { VisibilityState } from '@tanstack/react-table'\nimport { StatsOperation } from '@shared/api/generated'\nimport { checkColumnVisibility } from '@shared/containers/ProjectTreeTable/utils/checkColumnVisibility'\nimport type { SummaryCalc, RowScope } from '@shared/containers/ProjectTreeTable/types/summaryTypes'\n\nexport type MetricTarget = {\n field: string // column or dot-path for JSONB, e.g. 'status' / 'attrib.fps'\n aggregations: StatsOperation[]\n}\n\nexport type StatsEntity = 'folder' \| 'task' \| 'product' \| 'version'\n\n// matches both MetricTarget[] and the codegen'd single-or-array variables type\ntype TargetsArg = { targets?: { field: string }[] \| { field: string } \| null }\nconst targetFields = (arg?: TargetsArg): { field: string }[] => {\n const t = arg?.targets\n return Array.isArray(t) ? t : t ? [t] : []\n}\n\nexport const isSummaryActive = (\n columnId: string,\n columnSummaries?: Record<string, SummaryCalc>,\n columnSummaryScopes?: Record<string, RowScope>,\n): boolean => {\n const calc = columnSummaries?.[columnId]\n const scope = columnSummaryScopes?.[columnId]\n if (calc === 'none' \|\| scope === 'none') return false\n return calc != null \|\| scope != null\n}\n\n// True when at least one visible column has an active summary — lets callers\n// skip the whole column-stats query when the user has every summary switched off.\n// Visibility matters: a hidden column can still carry a stale summary value, but\n// buildMetricTargets skips it, so it must not keep the query alive either.\nexport const anySummaryActive = (\n columnSummaries?: Record<string, SummaryCalc>,\n columnSummaryScopes?: Record<string, RowScope>,\n columnVisibility?: VisibilityState,\n defaultColumnVisibility?: VisibilityState,\n): boolean => {\n const ids = new Set([\n ...Object.keys(columnSummaries ?? {}),\n ...Object.keys(columnSummaryScopes ?? {}),\n ])\n for (const id of ids) {\n if (columnVisibility && !checkColumnVisibility(columnVisibility, id, defaultColumnVisibility)) {\n continue\n }\n if (isSummaryActive(id, columnSummaries, columnSummaryScopes)) return true\n }\n return false\n}\n\n// The main count (name column) is on by default, so the footer always has at\n// least that to show. Skip the stats fetch only when the user has explicitly\n// turned the name count off too AND no other column has an active summary —\n// otherwise the name cell has no data and can't be re-enabled.\nexport const shouldSkipColumnStats = (\n columnSummaries?: Record<string, SummaryCalc>,\n columnSummaryScopes?: Record<string, RowScope>,\n columnVisibility?: VisibilityState,\n defaultColumnVisibility?: VisibilityState,\n): boolean =>\n columnSummaryScopes?.['name'] === 'none' &&\n !anySummaryActive(columnSummaries, columnSummaryScopes, columnVisibility, defaultColumnVisibility)\n\n// refetch only when a target was added — hiding a column needs no query\nexport const hasNewTargetFields = (current?: TargetsArg, previous?: TargetsArg): boolean => {\n if (!current) return false\n if (!previous) return true\n const prevFields = new Set(targetFields(previous).map((t) => t.field))\n return targetFields(current).some((t) => !prevFields.has(t.field))\n}\n\nconst COUNTS: StatsOperation[] = [StatsOperation.Filled, StatsOperation.NotFilled]\n// FILLED rides along so combined-scope averages can be weighted exactly\nconst NUMERIC: StatsOperation[] = [\n StatsOperation.Min,\n StatsOperation.Max,\n StatsOperation.Avg,\n StatsOperation.Sum,\n StatsOperation.Filled,\n StatsOperation.NotFilled,\n]\n// enum columns: counts power the fallback display, distribution the colored bar\nconst ENUM: StatsOperation[] = [\n StatsOperation.Filled,\n StatsOperation.NotFilled,\n StatsOperation.Distribution,\n]\n\n// The table's unified subType column per entity (result columnName maps back\n// to subType via COLUMN_ALIASES in columnStats).\nconst SUB_TYPE_FIELD: Record<StatsEntity, string \| null> = {\n folder: 'folder_type',\n task: 'task_type',\n product: 'product_type',\n version: null,\n}\n\n// Structural subset of ProjectTableAttribute — two near-identical versions of\n// that type exist (types/index vs hooks/useAttributesList, data.type optional\n// in the latter); only these fields are needed here so accept both.\ntype AttribFieldLike = {\n name: string\n scope?: string[] \| null\n data?: { type?: string; enum?: unknown[] }\n}\n\ntype BuildMetricTargetsArgs = {\n entity: StatsEntity\n attribs: AttribFieldLike[]\n columnVisibility: VisibilityState\n // resolved the same way the table resolves it (opt-in): a column absent from\n // both maps is hidden, so it must NOT be aggregated\n defaultColumnVisibility?: VisibilityState\n columnSummaries?: Record<string, SummaryCalc>\n columnSummaryScopes?: Record<string, RowScope>\n extraFields?: string[] // visible, summary-active page columns, e.g. 'product_base_type'\n}\n\n// Targets for the footer over the columns the user can actually see.\n// Skipped on purpose (backend SQL can't aggregate them safely yet):\n// datetime (numeric cast fails), boolean attribs (text-vs-bool compare on\n// JSONB), and list-type attribs.\nexport const buildMetricTargets = ({\n entity,\n attribs,\n columnVisibility,\n defaultColumnVisibility,\n columnSummaries,\n columnSummaryScopes,\n extraFields = [],\n}: BuildMetricTargetsArgs): MetricTarget[] => {\n const isVisible = (columnId: string) =>\n checkColumnVisibility(columnVisibility, columnId, defaultColumnVisibility)\n const isActive = (columnId: string) =>\n isVisible(columnId) && isSummaryActive(columnId, columnSummaries, columnSummaryScopes)\n\n const targets: MetricTarget[] = []\n if (entity === 'version') {\n // versions have no `name` column (display name derives from the version\n // number) — status is non-null and doubles as the row-count anchor, so it\n targets.push({ field: 'status', aggregations: isActive('status') ? ENUM : COUNTS })\n } else {\n // name counts always — they feed the main folders/tasks count cell\n targets.push({ field: 'name', aggregations: COUNTS })\n if (isActive('status')) targets.push({ field: 'status', aggregations: ENUM })\n }\n if (isActive('tags')) targets.push({ field: 'tags', aggregations: ENUM })\n if (entity === 'task' && isActive('assignees')) {\n targets.push({ field: 'assignees', aggregations: ENUM })\n }\n\n const subTypeField = SUB_TYPE_FIELD[entity]\n if (subTypeField && isActive('subType')) {\n targets.push({ field: subTypeField, aggregations: ENUM })\n }\n\n for (const field of extraFields) {\n targets.push({ field, aggregations: ENUM })\n }\n\n for (const attrib of attribs) {\n if (attrib.scope && !attrib.scope.includes(entity)) continue\n if (!isActive(`attrib_${attrib.name}`)) continue\n\n let field = `attrib.${attrib.name}`\n if (['folder', 'task'].includes(entity)) {\n field = `inherited_attributes.${attrib.name}`\n }\n const type = attrib.data?.type\n if (type === 'integer' \|\| type === 'float') {\n targets.push({ field, aggregations: NUMERIC })\n } else if (type === 'string') {\n targets.push({ field, aggregations: attrib.data?.enum?.length ? ENUM : COUNTS })\n }\n }\n\n return targets\n}\n"],"names":["targetFields","arg","t","isSummaryActive","columnId","columnSummaries","columnSummaryScopes","calc","scope","anySummaryActive","columnVisibility","defaultColumnVisibility","ids","id","checkColumnVisibility","shouldSkipColumnStats","hasNewTargetFields","current","previous","prevFields","COUNTS","StatsOperation","NUMERIC","ENUM","SUB_TYPE_FIELD","buildMetricTargets","entity","attribs","extraFields","isVisible","isActive","targets","subTypeField","field","attrib","type"],"mappings":"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"}
1	+ {"version":3,"file":"metricTargets.cjs.js","sources":["../../../../../../src/api/queries/columnStats/metricTargets.ts"],"sourcesContent":["import type { VisibilityState } from '@tanstack/react-table'\nimport { StatsOperation } from '@shared/api/generated'\nimport { checkColumnVisibility } from '@shared/containers/ProjectTreeTable/utils/checkColumnVisibility'\nimport type { SummaryCalc, RowScope } from '@shared/containers/ProjectTreeTable/types/summaryTypes'\n\nexport type MetricTarget = {\n field: string // column or dot-path for JSONB, e.g. 'status' / 'attrib.fps'\n aggregations: StatsOperation[]\n}\n\nexport type StatsEntity = 'folder' \| 'task' \| 'product' \| 'version'\n\n// matches both MetricTarget[] and the codegen'd single-or-array variables type\ntype TargetsArg = { targets?: { field: string }[] \| { field: string } \| null }\nconst targetFields = (arg?: TargetsArg): { field: string }[] => {\n const t = arg?.targets\n return Array.isArray(t) ? t : t ? [t] : []\n}\n\nexport const isSummaryActive = (\n columnId: string,\n columnSummaries?: Record<string, SummaryCalc>,\n columnSummaryScopes?: Record<string, RowScope>,\n): boolean => {\n const calc = columnSummaries?.[columnId]\n const scope = columnSummaryScopes?.[columnId]\n if (calc === 'none' \|\| scope === 'none') return false\n return calc != null \|\| scope != null\n}\n\n// True when at least one visible column has an active summary — lets callers\n// skip the whole column-stats query when the user has every summary switched off.\n// Visibility matters: a hidden column can still carry a stale summary value, but\n// buildMetricTargets skips it, so it must not keep the query alive either.\nexport const anySummaryActive = (\n columnSummaries?: Record<string, SummaryCalc>,\n columnSummaryScopes?: Record<string, RowScope>,\n columnVisibility?: VisibilityState,\n defaultColumnVisibility?: VisibilityState,\n): boolean => {\n const ids = new Set([\n ...Object.keys(columnSummaries ?? {}),\n ...Object.keys(columnSummaryScopes ?? {}),\n ])\n for (const id of ids) {\n if (columnVisibility && !checkColumnVisibility(columnVisibility, id, defaultColumnVisibility)) {\n continue\n }\n if (isSummaryActive(id, columnSummaries, columnSummaryScopes)) return true\n }\n return false\n}\n\n// The main count (name column) is on by default, so the footer always has at\n// least that to show. Skip the stats fetch only when the user has explicitly\n// turned the name count off too AND no other column has an active summary —\n// otherwise the name cell has no data and can't be re-enabled.\nexport const shouldSkipColumnStats = (\n columnSummaries?: Record<string, SummaryCalc>,\n columnSummaryScopes?: Record<string, RowScope>,\n columnVisibility?: VisibilityState,\n defaultColumnVisibility?: VisibilityState,\n): boolean =>\n columnSummaryScopes?.['name'] === 'none' &&\n !anySummaryActive(columnSummaries, columnSummaryScopes, columnVisibility, defaultColumnVisibility)\n\n// refetch only when a target was added — hiding a column needs no query\nexport const hasNewTargetFields = (current?: TargetsArg, previous?: TargetsArg): boolean => {\n if (!current) return false\n if (!previous) return true\n const prevFields = new Set(targetFields(previous).map((t) => t.field))\n return targetFields(current).some((t) => !prevFields.has(t.field))\n}\n\nconst COUNTS: StatsOperation[] = [StatsOperation.Filled, StatsOperation.NotFilled]\n// FILLED rides along so combined-scope averages can be weighted exactly\nconst NUMERIC: StatsOperation[] = [\n StatsOperation.Min,\n StatsOperation.Max,\n StatsOperation.Avg,\n StatsOperation.Sum,\n StatsOperation.Filled,\n StatsOperation.NotFilled,\n]\n// enum columns: counts power the fallback display, distribution the colored bar\nconst ENUM: StatsOperation[] = [\n StatsOperation.Filled,\n StatsOperation.NotFilled,\n StatsOperation.Distribution,\n]\n\n// The table's unified subType column per entity (result columnName maps back\n// to subType via COLUMN_ALIASES in columnStats).\nconst SUB_TYPE_FIELD: Record<StatsEntity, string \| null> = {\n folder: 'folder_type',\n task: 'task_type',\n product: 'product_type',\n version: null,\n}\n\n// Structural subset of ProjectTableAttribute — two near-identical versions of\n// that type exist (types/index vs hooks/useAttributesList, data.type optional\n// in the latter); only these fields are needed here so accept both.\ntype AttribFieldLike = {\n name: string\n scope?: string[] \| null\n data?: { type?: string; enum?: unknown[] }\n}\n\ntype BuildMetricTargetsArgs = {\n entity: StatsEntity\n attribs: AttribFieldLike[]\n columnVisibility: VisibilityState\n // resolved the same way the table resolves it (opt-in): a column absent from\n // both maps is hidden, so it must NOT be aggregated\n defaultColumnVisibility?: VisibilityState\n columnSummaries?: Record<string, SummaryCalc>\n columnSummaryScopes?: Record<string, RowScope>\n extraFields?: string[] // visible, summary-active page columns, e.g. 'product_base_type'\n}\n\n// Targets for the footer over the columns the user can actually see.\n// Skipped on purpose — the backend errors on these, and one bad target fails\n// the whole query, killing every other column's stats too:\n// datetime (\"cannot cast type timestamp with time zone to numeric\") and\n// boolean attribs (\"operator does not exist: text = boolean\").\nexport const buildMetricTargets = ({\n entity,\n attribs,\n columnVisibility,\n defaultColumnVisibility,\n columnSummaries,\n columnSummaryScopes,\n extraFields = [],\n}: BuildMetricTargetsArgs): MetricTarget[] => {\n const isVisible = (columnId: string) =>\n checkColumnVisibility(columnVisibility, columnId, defaultColumnVisibility)\n const isActive = (columnId: string) =>\n isVisible(columnId) && isSummaryActive(columnId, columnSummaries, columnSummaryScopes)\n\n const targets: MetricTarget[] = []\n if (entity === 'version') {\n // versions have no `name` column (display name derives from the version\n // number) — status is non-null and doubles as the row-count anchor, so it\n targets.push({ field: 'status', aggregations: isActive('status') ? ENUM : COUNTS })\n } else {\n // name counts always — they feed the main folders/tasks count cell\n targets.push({ field: 'name', aggregations: COUNTS })\n if (isActive('status')) targets.push({ field: 'status', aggregations: ENUM })\n }\n if (isActive('tags')) targets.push({ field: 'tags', aggregations: ENUM })\n if (entity === 'task' && isActive('assignees')) {\n targets.push({ field: 'assignees', aggregations: ENUM })\n }\n\n const subTypeField = SUB_TYPE_FIELD[entity]\n if (subTypeField && isActive('subType')) {\n targets.push({ field: subTypeField, aggregations: ENUM })\n }\n\n for (const field of extraFields) {\n targets.push({ field, aggregations: ENUM })\n }\n\n for (const attrib of attribs) {\n if (attrib.scope && !attrib.scope.includes(entity)) continue\n if (!isActive(`attrib_${attrib.name}`)) continue\n\n let field = `attrib.${attrib.name}`\n if (['folder', 'task'].includes(entity)) {\n field = `inherited_attributes.${attrib.name}`\n }\n const type = attrib.data?.type\n if (type === 'integer' \|\| type === 'float') {\n targets.push({ field, aggregations: NUMERIC })\n } else if (type === 'string') {\n targets.push({ field, aggregations: attrib.data?.enum?.length ? ENUM : COUNTS })\n } else if (type === 'list_of_strings' \|\| type === 'list_of_integers') {\n // backend buckets the whole array as one serialized value; normalizeDistribution unnests it\n targets.push({ field, aggregations: ENUM })\n }\n }\n\n return targets\n}\n"],"names":["targetFields","arg","t","isSummaryActive","columnId","columnSummaries","columnSummaryScopes","calc","scope","anySummaryActive","columnVisibility","defaultColumnVisibility","ids","id","checkColumnVisibility","shouldSkipColumnStats","hasNewTargetFields","current","previous","prevFields","COUNTS","StatsOperation","NUMERIC","ENUM","SUB_TYPE_FIELD","buildMetricTargets","entity","attribs","extraFields","isVisible","isActive","targets","subTypeField","field","attrib","type"],"mappings":"+2DAcMA,EAAgBC,GAA0C,CAC9D,MAAMC,EAAID,GAAK,QACf,OAAO,MAAM,QAAQC,CAAC,EAAIA,EAAIA,EAAI,CAACA,CAAC,EAAI,CAAA,CAC1C,EAEaC,EAAkB,CAC7BC,EACAC,EACAC,IACY,CACZ,MAAMC,EAAOF,IAAkBD,CAAQ,EACjCI,EAAQF,IAAsBF,CAAQ,EAC5C,OAAIG,IAAS,QAAUC,IAAU,OAAe,GACzCD,GAAQ,MAAQC,GAAS,IAClC,EAMaC,EAAmB,CAC9BJ,EACAC,EACAI,EACAC,IACY,CACZ,MAAMC,MAAU,IAAI,CAClB,GAAG,OAAO,KAAKP,GAAmB,EAAE,EACpC,GAAG,OAAO,KAAKC,GAAuB,CAAA,CAAE,CAAA,CACzC,EACD,UAAWO,KAAMD,EACf,GAAI,EAAAF,GAAoB,CAACI,EAAAA,sBAAsBJ,EAAkBG,EAAIF,CAAuB,IAGxFR,EAAgBU,EAAIR,EAAiBC,CAAmB,EAAG,MAAO,GAExE,MAAO,EACT,EAMaS,EAAwB,CACnCV,EACAC,EACAI,EACAC,IAEAL,GAAsB,OAAY,QAClC,CAACG,EAAiBJ,EAAiBC,EAAqBI,EAAkBC,CAAuB,EAGtFK,EAAqB,CAACC,EAAsBC,IAAmC,CAC1F,GAAI,CAACD,EAAS,MAAO,GACrB,GAAI,CAACC,EAAU,MAAO,GACtB,MAAMC,EAAa,IAAI,IAAInB,EAAakB,CAAQ,EAAE,IAAKhB,GAAMA,EAAE,KAAK,CAAC,EACrE,OAAOF,EAAaiB,CAAO,EAAE,KAAMf,GAAM,CAACiB,EAAW,IAAIjB,EAAE,KAAK,CAAC,CACnE,EAEMkB,EAA2B,CAACC,EAAAA,eAAe,OAAQA,EAAAA,eAAe,SAAS,EAE3EC,EAA4B,CAChCD,EAAAA,eAAe,IACfA,EAAAA,eAAe,IACfA,EAAAA,eAAe,IACfA,EAAAA,eAAe,IACfA,EAAAA,eAAe,OACfA,iBAAe,SACjB,EAEME,EAAyB,CAC7BF,EAAAA,eAAe,OACfA,EAAAA,eAAe,UACfA,iBAAe,YACjB,EAIMG,EAAqD,CACzD,OAAQ,cACR,KAAM,YACN,QAAS,eACT,QAAS,IACX,EA4BaC,EAAqB,CAAC,CACjC,OAAAC,EACA,QAAAC,EACA,iBAAAjB,EACA,wBAAAC,EACA,gBAAAN,EACA,oBAAAC,EACA,YAAAsB,EAAc,CAAA,CAChB,IAA8C,CAC5C,MAAMC,EAAazB,GACjBU,EAAAA,sBAAsBJ,EAAkBN,EAAUO,CAAuB,EACrEmB,EAAY1B,GAChByB,EAAUzB,CAAQ,GAAKD,EAAgBC,EAAUC,EAAiBC,CAAmB,EAEjFyB,EAA0B,CAAA,EAC5BL,IAAW,UAGbK,EAAQ,KAAK,CAAE,MAAO,SAAU,aAAcD,EAAS,QAAQ,EAAIP,EAAOH,EAAQ,GAGlFW,EAAQ,KAAK,CAAE,MAAO,OAAQ,aAAcX,EAAQ,EAChDU,EAAS,QAAQ,GAAGC,EAAQ,KAAK,CAAE,MAAO,SAAU,aAAcR,EAAM,GAE1EO,EAAS,MAAM,GAAGC,EAAQ,KAAK,CAAE,MAAO,OAAQ,aAAcR,EAAM,EACpEG,IAAW,QAAUI,EAAS,WAAW,GAC3CC,EAAQ,KAAK,CAAE,MAAO,YAAa,aAAcR,EAAM,EAGzD,MAAMS,EAAeR,EAAeE,CAAM,EACtCM,GAAgBF,EAAS,SAAS,GACpCC,EAAQ,KAAK,CAAE,MAAOC,EAAc,aAAcT,EAAM,EAG1D,UAAWU,KAASL,EAClBG,EAAQ,KAAK,CAAE,MAAAE,EAAO,aAAcV,EAAM,EAG5C,UAAWW,KAAUP,EAAS,CAE5B,GADIO,EAAO,OAAS,CAACA,EAAO,MAAM,SAASR,CAAM,GAC7C,CAACI,EAAS,UAAUI,EAAO,IAAI,EAAE,EAAG,SAExC,IAAID,EAAQ,UAAUC,EAAO,IAAI,GAC7B,CAAC,SAAU,MAAM,EAAE,SAASR,CAAM,IACpCO,EAAQ,wBAAwBC,EAAO,IAAI,IAE7C,MAAMC,EAAOD,EAAO,MAAM,KACtBC,IAAS,WAAaA,IAAS,QACjCJ,EAAQ,KAAK,CAAE,MAAAE,EAAO,aAAcX,EAAS,EACpCa,IAAS,SAClBJ,EAAQ,KAAK,CAAE,MAAAE,EAAO,aAAcC,EAAO,MAAM,MAAM,OAASX,EAAOH,CAAA,CAAQ,GACtEe,IAAS,mBAAqBA,IAAS,qBAEhDJ,EAAQ,KAAK,CAAE,MAAAE,EAAO,aAAcV,EAAM,CAE9C,CAEA,OAAOQ,CACT"}

package/dist/shared/src/api/queries/columnStats/metricTargets.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import "../../base/client.es.js";
-import { StatsOperation as r } from "../../generated/graphql.es.js";
+import { StatsOperation as s } from "../../generated/graphql.es.js";
 import "../../generated/graphqlLinks.es.js";
 import "../../generated/access.es.js";
 import "../../generated/actions.es.js";
@@ -42,68 +42,68 @@ import { checkColumnVisibility as h } from "../../../containers/ProjectTreeTable
 const d = (t) => {
   const i = t?.targets;
   return Array.isArray(i) ? i : i ? [i] : [];
-}, b = (t, i, s) => {
-  const o = i?.[t], a = s?.[t];
+}, b = (t, i, n) => {
+  const o = i?.[t], a = n?.[t];
   return o === "none" || a === "none" ? !1 : o != null || a != null;
-}, y = (t, i, s, o) => {
+}, k = (t, i, n, o) => {
   const a = /* @__PURE__ */ new Set([
     ...Object.keys(t ?? {}),
     ...Object.keys(i ?? {})
   ]);
-  for (const l of a)
-    if (!(s && !h(s, l, o)) && b(l, t, i))
+  for (const g of a)
+    if (!(n && !h(n, g, o)) && b(g, t, i))
       return !0;
   return !1;
-}, lt = (t, i, s, o) => i?.name === "none" && !y(t, i, s, o), ft = (t, i) => {
+}, mt = (t, i, n, o) => i?.name === "none" && !k(t, i, n, o), gt = (t, i) => {
   if (!t) return !1;
   if (!i) return !0;
-  const s = new Set(d(i).map((o) => o.field));
-  return d(t).some((o) => !s.has(o.field));
-}, u = [r.Filled, r.NotFilled], N = [
-  r.Min,
-  r.Max,
-  r.Avg,
-  r.Sum,
-  r.Filled,
-  r.NotFilled
+  const n = new Set(d(i).map((o) => o.field));
+  return d(t).some((o) => !n.has(o.field));
+}, u = [s.Filled, s.NotFilled], y = [
+  s.Min,
+  s.Max,
+  s.Avg,
+  s.Sum,
+  s.Filled,
+  s.NotFilled
 ], p = [
-  r.Filled,
-  r.NotFilled,
-  r.Distribution
-], _ = {
+  s.Filled,
+  s.NotFilled,
+  s.Distribution
+], N = {
   folder: "folder_type",
   task: "task_type",
   product: "product_type",
   version: null
-}, gt = ({
+}, ft = ({
   entity: t,
   attribs: i,
-  columnVisibility: s,
+  columnVisibility: n,
   defaultColumnVisibility: o,
   columnSummaries: a,
-  columnSummaryScopes: l,
+  columnSummaryScopes: g,
   extraFields: F = []
 }) => {
-  const k = (e) => h(s, e, o), m = (e) => k(e) && b(e, a, l), n = [];
-  t === "version" ? n.push({ field: "status", aggregations: m("status") ? p : u }) : (n.push({ field: "name", aggregations: u }), m("status") && n.push({ field: "status", aggregations: p })), m("tags") && n.push({ field: "tags", aggregations: p }), t === "task" && m("assignees") && n.push({ field: "assignees", aggregations: p });
-  const c = _[t];
-  c && m("subType") && n.push({ field: c, aggregations: p });
+  const _ = (e) => h(n, e, o), l = (e) => _(e) && b(e, a, g), r = [];
+  t === "version" ? r.push({ field: "status", aggregations: l("status") ? p : u }) : (r.push({ field: "name", aggregations: u }), l("status") && r.push({ field: "status", aggregations: p })), l("tags") && r.push({ field: "tags", aggregations: p }), t === "task" && l("assignees") && r.push({ field: "assignees", aggregations: p });
+  const c = N[t];
+  c && l("subType") && r.push({ field: c, aggregations: p });
   for (const e of F)
-    n.push({ field: e, aggregations: p });
+    r.push({ field: e, aggregations: p });
   for (const e of i) {
-    if (e.scope && !e.scope.includes(t) || !m(`attrib_${e.name}`)) continue;
+    if (e.scope && !e.scope.includes(t) || !l(`attrib_${e.name}`)) continue;
     let f = `attrib.${e.name}`;
     ["folder", "task"].includes(t) && (f = `inherited_attributes.${e.name}`);
-    const g = e.data?.type;
-    g === "integer" || g === "float" ? n.push({ field: f, aggregations: N }) : g === "string" && n.push({ field: f, aggregations: e.data?.enum?.length ? p : u });
+    const m = e.data?.type;
+    m === "integer" || m === "float" ? r.push({ field: f, aggregations: y }) : m === "string" ? r.push({ field: f, aggregations: e.data?.enum?.length ? p : u }) : (m === "list_of_strings" || m === "list_of_integers") && r.push({ field: f, aggregations: p });
   }
-  return n;
+  return r;
 };
 export {
-  y as anySummaryActive,
-  gt as buildMetricTargets,
-  ft as hasNewTargetFields,
+  k as anySummaryActive,
+  ft as buildMetricTargets,
+  gt as hasNewTargetFields,
   b as isSummaryActive,
-  lt as shouldSkipColumnStats
+  mt as shouldSkipColumnStats
 };
 //# sourceMappingURL=metricTargets.es.js.map

package/dist/shared/src/api/queries/columnStats/metricTargets.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"metricTargets.es.js","sources":["../../../../../../src/api/queries/columnStats/metricTargets.ts"],"sourcesContent":["import type { VisibilityState } from '@tanstack/react-table'\nimport { StatsOperation } from '@shared/api/generated'\nimport { checkColumnVisibility } from '@shared/containers/ProjectTreeTable/utils/checkColumnVisibility'\nimport type { SummaryCalc, RowScope } from '@shared/containers/ProjectTreeTable/types/summaryTypes'\n\nexport type MetricTarget = {\n field: string // column or dot-path for JSONB, e.g. 'status' / 'attrib.fps'\n aggregations: StatsOperation[]\n}\n\nexport type StatsEntity = 'folder' \| 'task' \| 'product' \| 'version'\n\n// matches both MetricTarget[] and the codegen'd single-or-array variables type\ntype TargetsArg = { targets?: { field: string }[] \| { field: string } \| null }\nconst targetFields = (arg?: TargetsArg): { field: string }[] => {\n const t = arg?.targets\n return Array.isArray(t) ? t : t ? [t] : []\n}\n\nexport const isSummaryActive = (\n columnId: string,\n columnSummaries?: Record<string, SummaryCalc>,\n columnSummaryScopes?: Record<string, RowScope>,\n): boolean => {\n const calc = columnSummaries?.[columnId]\n const scope = columnSummaryScopes?.[columnId]\n if (calc === 'none' \|\| scope === 'none') return false\n return calc != null \|\| scope != null\n}\n\n// True when at least one visible column has an active summary — lets callers\n// skip the whole column-stats query when the user has every summary switched off.\n// Visibility matters: a hidden column can still carry a stale summary value, but\n// buildMetricTargets skips it, so it must not keep the query alive either.\nexport const anySummaryActive = (\n columnSummaries?: Record<string, SummaryCalc>,\n columnSummaryScopes?: Record<string, RowScope>,\n columnVisibility?: VisibilityState,\n defaultColumnVisibility?: VisibilityState,\n): boolean => {\n const ids = new Set([\n ...Object.keys(columnSummaries ?? {}),\n ...Object.keys(columnSummaryScopes ?? {}),\n ])\n for (const id of ids) {\n if (columnVisibility && !checkColumnVisibility(columnVisibility, id, defaultColumnVisibility)) {\n continue\n }\n if (isSummaryActive(id, columnSummaries, columnSummaryScopes)) return true\n }\n return false\n}\n\n// The main count (name column) is on by default, so the footer always has at\n// least that to show. Skip the stats fetch only when the user has explicitly\n// turned the name count off too AND no other column has an active summary —\n// otherwise the name cell has no data and can't be re-enabled.\nexport const shouldSkipColumnStats = (\n columnSummaries?: Record<string, SummaryCalc>,\n columnSummaryScopes?: Record<string, RowScope>,\n columnVisibility?: VisibilityState,\n defaultColumnVisibility?: VisibilityState,\n): boolean =>\n columnSummaryScopes?.['name'] === 'none' &&\n !anySummaryActive(columnSummaries, columnSummaryScopes, columnVisibility, defaultColumnVisibility)\n\n// refetch only when a target was added — hiding a column needs no query\nexport const hasNewTargetFields = (current?: TargetsArg, previous?: TargetsArg): boolean => {\n if (!current) return false\n if (!previous) return true\n const prevFields = new Set(targetFields(previous).map((t) => t.field))\n return targetFields(current).some((t) => !prevFields.has(t.field))\n}\n\nconst COUNTS: StatsOperation[] = [StatsOperation.Filled, StatsOperation.NotFilled]\n// FILLED rides along so combined-scope averages can be weighted exactly\nconst NUMERIC: StatsOperation[] = [\n StatsOperation.Min,\n StatsOperation.Max,\n StatsOperation.Avg,\n StatsOperation.Sum,\n StatsOperation.Filled,\n StatsOperation.NotFilled,\n]\n// enum columns: counts power the fallback display, distribution the colored bar\nconst ENUM: StatsOperation[] = [\n StatsOperation.Filled,\n StatsOperation.NotFilled,\n StatsOperation.Distribution,\n]\n\n// The table's unified subType column per entity (result columnName maps back\n// to subType via COLUMN_ALIASES in columnStats).\nconst SUB_TYPE_FIELD: Record<StatsEntity, string \| null> = {\n folder: 'folder_type',\n task: 'task_type',\n product: 'product_type',\n version: null,\n}\n\n// Structural subset of ProjectTableAttribute — two near-identical versions of\n// that type exist (types/index vs hooks/useAttributesList, data.type optional\n// in the latter); only these fields are needed here so accept both.\ntype AttribFieldLike = {\n name: string\n scope?: string[] \| null\n data?: { type?: string; enum?: unknown[] }\n}\n\ntype BuildMetricTargetsArgs = {\n entity: StatsEntity\n attribs: AttribFieldLike[]\n columnVisibility: VisibilityState\n // resolved the same way the table resolves it (opt-in): a column absent from\n // both maps is hidden, so it must NOT be aggregated\n defaultColumnVisibility?: VisibilityState\n columnSummaries?: Record<string, SummaryCalc>\n columnSummaryScopes?: Record<string, RowScope>\n extraFields?: string[] // visible, summary-active page columns, e.g. 'product_base_type'\n}\n\n// Targets for the footer over the columns the user can actually see.\n// Skipped on purpose (backend SQL can't aggregate them safely yet):\n// datetime (numeric cast fails), boolean attribs (text-vs-bool compare on\n// JSONB), and list-type attribs.\nexport const buildMetricTargets = ({\n entity,\n attribs,\n columnVisibility,\n defaultColumnVisibility,\n columnSummaries,\n columnSummaryScopes,\n extraFields = [],\n}: BuildMetricTargetsArgs): MetricTarget[] => {\n const isVisible = (columnId: string) =>\n checkColumnVisibility(columnVisibility, columnId, defaultColumnVisibility)\n const isActive = (columnId: string) =>\n isVisible(columnId) && isSummaryActive(columnId, columnSummaries, columnSummaryScopes)\n\n const targets: MetricTarget[] = []\n if (entity === 'version') {\n // versions have no `name` column (display name derives from the version\n // number) — status is non-null and doubles as the row-count anchor, so it\n targets.push({ field: 'status', aggregations: isActive('status') ? ENUM : COUNTS })\n } else {\n // name counts always — they feed the main folders/tasks count cell\n targets.push({ field: 'name', aggregations: COUNTS })\n if (isActive('status')) targets.push({ field: 'status', aggregations: ENUM })\n }\n if (isActive('tags')) targets.push({ field: 'tags', aggregations: ENUM })\n if (entity === 'task' && isActive('assignees')) {\n targets.push({ field: 'assignees', aggregations: ENUM })\n }\n\n const subTypeField = SUB_TYPE_FIELD[entity]\n if (subTypeField && isActive('subType')) {\n targets.push({ field: subTypeField, aggregations: ENUM })\n }\n\n for (const field of extraFields) {\n targets.push({ field, aggregations: ENUM })\n }\n\n for (const attrib of attribs) {\n if (attrib.scope && !attrib.scope.includes(entity)) continue\n if (!isActive(`attrib_${attrib.name}`)) continue\n\n let field = `attrib.${attrib.name}`\n if (['folder', 'task'].includes(entity)) {\n field = `inherited_attributes.${attrib.name}`\n }\n const type = attrib.data?.type\n if (type === 'integer' \|\| type === 'float') {\n targets.push({ field, aggregations: NUMERIC })\n } else if (type === 'string') {\n targets.push({ field, aggregations: attrib.data?.enum?.length ? ENUM : COUNTS })\n }\n }\n\n return targets\n}\n"],"names":["targetFields","arg","t","isSummaryActive","columnId","columnSummaries","columnSummaryScopes","calc","scope","anySummaryActive","columnVisibility","defaultColumnVisibility","ids","id","checkColumnVisibility","shouldSkipColumnStats","hasNewTargetFields","current","previous","prevFields","COUNTS","StatsOperation","NUMERIC","ENUM","SUB_TYPE_FIELD","buildMetricTargets","entity","attribs","extraFields","isVisible","isActive","targets","subTypeField","field","attrib","type"],"mappings":"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"}
1	+ {"version":3,"file":"metricTargets.es.js","sources":["../../../../../../src/api/queries/columnStats/metricTargets.ts"],"sourcesContent":["import type { VisibilityState } from '@tanstack/react-table'\nimport { StatsOperation } from '@shared/api/generated'\nimport { checkColumnVisibility } from '@shared/containers/ProjectTreeTable/utils/checkColumnVisibility'\nimport type { SummaryCalc, RowScope } from '@shared/containers/ProjectTreeTable/types/summaryTypes'\n\nexport type MetricTarget = {\n field: string // column or dot-path for JSONB, e.g. 'status' / 'attrib.fps'\n aggregations: StatsOperation[]\n}\n\nexport type StatsEntity = 'folder' \| 'task' \| 'product' \| 'version'\n\n// matches both MetricTarget[] and the codegen'd single-or-array variables type\ntype TargetsArg = { targets?: { field: string }[] \| { field: string } \| null }\nconst targetFields = (arg?: TargetsArg): { field: string }[] => {\n const t = arg?.targets\n return Array.isArray(t) ? t : t ? [t] : []\n}\n\nexport const isSummaryActive = (\n columnId: string,\n columnSummaries?: Record<string, SummaryCalc>,\n columnSummaryScopes?: Record<string, RowScope>,\n): boolean => {\n const calc = columnSummaries?.[columnId]\n const scope = columnSummaryScopes?.[columnId]\n if (calc === 'none' \|\| scope === 'none') return false\n return calc != null \|\| scope != null\n}\n\n// True when at least one visible column has an active summary — lets callers\n// skip the whole column-stats query when the user has every summary switched off.\n// Visibility matters: a hidden column can still carry a stale summary value, but\n// buildMetricTargets skips it, so it must not keep the query alive either.\nexport const anySummaryActive = (\n columnSummaries?: Record<string, SummaryCalc>,\n columnSummaryScopes?: Record<string, RowScope>,\n columnVisibility?: VisibilityState,\n defaultColumnVisibility?: VisibilityState,\n): boolean => {\n const ids = new Set([\n ...Object.keys(columnSummaries ?? {}),\n ...Object.keys(columnSummaryScopes ?? {}),\n ])\n for (const id of ids) {\n if (columnVisibility && !checkColumnVisibility(columnVisibility, id, defaultColumnVisibility)) {\n continue\n }\n if (isSummaryActive(id, columnSummaries, columnSummaryScopes)) return true\n }\n return false\n}\n\n// The main count (name column) is on by default, so the footer always has at\n// least that to show. Skip the stats fetch only when the user has explicitly\n// turned the name count off too AND no other column has an active summary —\n// otherwise the name cell has no data and can't be re-enabled.\nexport const shouldSkipColumnStats = (\n columnSummaries?: Record<string, SummaryCalc>,\n columnSummaryScopes?: Record<string, RowScope>,\n columnVisibility?: VisibilityState,\n defaultColumnVisibility?: VisibilityState,\n): boolean =>\n columnSummaryScopes?.['name'] === 'none' &&\n !anySummaryActive(columnSummaries, columnSummaryScopes, columnVisibility, defaultColumnVisibility)\n\n// refetch only when a target was added — hiding a column needs no query\nexport const hasNewTargetFields = (current?: TargetsArg, previous?: TargetsArg): boolean => {\n if (!current) return false\n if (!previous) return true\n const prevFields = new Set(targetFields(previous).map((t) => t.field))\n return targetFields(current).some((t) => !prevFields.has(t.field))\n}\n\nconst COUNTS: StatsOperation[] = [StatsOperation.Filled, StatsOperation.NotFilled]\n// FILLED rides along so combined-scope averages can be weighted exactly\nconst NUMERIC: StatsOperation[] = [\n StatsOperation.Min,\n StatsOperation.Max,\n StatsOperation.Avg,\n StatsOperation.Sum,\n StatsOperation.Filled,\n StatsOperation.NotFilled,\n]\n// enum columns: counts power the fallback display, distribution the colored bar\nconst ENUM: StatsOperation[] = [\n StatsOperation.Filled,\n StatsOperation.NotFilled,\n StatsOperation.Distribution,\n]\n\n// The table's unified subType column per entity (result columnName maps back\n// to subType via COLUMN_ALIASES in columnStats).\nconst SUB_TYPE_FIELD: Record<StatsEntity, string \| null> = {\n folder: 'folder_type',\n task: 'task_type',\n product: 'product_type',\n version: null,\n}\n\n// Structural subset of ProjectTableAttribute — two near-identical versions of\n// that type exist (types/index vs hooks/useAttributesList, data.type optional\n// in the latter); only these fields are needed here so accept both.\ntype AttribFieldLike = {\n name: string\n scope?: string[] \| null\n data?: { type?: string; enum?: unknown[] }\n}\n\ntype BuildMetricTargetsArgs = {\n entity: StatsEntity\n attribs: AttribFieldLike[]\n columnVisibility: VisibilityState\n // resolved the same way the table resolves it (opt-in): a column absent from\n // both maps is hidden, so it must NOT be aggregated\n defaultColumnVisibility?: VisibilityState\n columnSummaries?: Record<string, SummaryCalc>\n columnSummaryScopes?: Record<string, RowScope>\n extraFields?: string[] // visible, summary-active page columns, e.g. 'product_base_type'\n}\n\n// Targets for the footer over the columns the user can actually see.\n// Skipped on purpose — the backend errors on these, and one bad target fails\n// the whole query, killing every other column's stats too:\n// datetime (\"cannot cast type timestamp with time zone to numeric\") and\n// boolean attribs (\"operator does not exist: text = boolean\").\nexport const buildMetricTargets = ({\n entity,\n attribs,\n columnVisibility,\n defaultColumnVisibility,\n columnSummaries,\n columnSummaryScopes,\n extraFields = [],\n}: BuildMetricTargetsArgs): MetricTarget[] => {\n const isVisible = (columnId: string) =>\n checkColumnVisibility(columnVisibility, columnId, defaultColumnVisibility)\n const isActive = (columnId: string) =>\n isVisible(columnId) && isSummaryActive(columnId, columnSummaries, columnSummaryScopes)\n\n const targets: MetricTarget[] = []\n if (entity === 'version') {\n // versions have no `name` column (display name derives from the version\n // number) — status is non-null and doubles as the row-count anchor, so it\n targets.push({ field: 'status', aggregations: isActive('status') ? ENUM : COUNTS })\n } else {\n // name counts always — they feed the main folders/tasks count cell\n targets.push({ field: 'name', aggregations: COUNTS })\n if (isActive('status')) targets.push({ field: 'status', aggregations: ENUM })\n }\n if (isActive('tags')) targets.push({ field: 'tags', aggregations: ENUM })\n if (entity === 'task' && isActive('assignees')) {\n targets.push({ field: 'assignees', aggregations: ENUM })\n }\n\n const subTypeField = SUB_TYPE_FIELD[entity]\n if (subTypeField && isActive('subType')) {\n targets.push({ field: subTypeField, aggregations: ENUM })\n }\n\n for (const field of extraFields) {\n targets.push({ field, aggregations: ENUM })\n }\n\n for (const attrib of attribs) {\n if (attrib.scope && !attrib.scope.includes(entity)) continue\n if (!isActive(`attrib_${attrib.name}`)) continue\n\n let field = `attrib.${attrib.name}`\n if (['folder', 'task'].includes(entity)) {\n field = `inherited_attributes.${attrib.name}`\n }\n const type = attrib.data?.type\n if (type === 'integer' \|\| type === 'float') {\n targets.push({ field, aggregations: NUMERIC })\n } else if (type === 'string') {\n targets.push({ field, aggregations: attrib.data?.enum?.length ? ENUM : COUNTS })\n } else if (type === 'list_of_strings' \|\| type === 'list_of_integers') {\n // backend buckets the whole array as one serialized value; normalizeDistribution unnests it\n targets.push({ field, aggregations: ENUM })\n }\n }\n\n return targets\n}\n"],"names":["targetFields","arg","t","isSummaryActive","columnId","columnSummaries","columnSummaryScopes","calc","scope","anySummaryActive","columnVisibility","defaultColumnVisibility","ids","id","checkColumnVisibility","shouldSkipColumnStats","hasNewTargetFields","current","previous","prevFields","COUNTS","StatsOperation","NUMERIC","ENUM","SUB_TYPE_FIELD","buildMetricTargets","entity","attribs","extraFields","isVisible","isActive","targets","subTypeField","field","attrib","type"],"mappings":"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"}

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

@@ -1,10 +1,16 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../../_virtual/jsx-runtime.cjs.js"),s=require("react"),p=require("@ynput/ayon-react-components"),C=require("clsx"),a=require("styled-components"),N=a.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("react"),b=require("@ynput/ayon-react-components"),x=require("clsx"),u=require("styled-components"),z=u.div`
   display: flex;
   gap: var(--base-gap-small);
   align-items: center;
+  align-self: stretch;
   width: 100%;
   overflow: hidden;
-`,m=a.div`
+  &.multi-row {
+    flex-wrap: wrap;
+    align-content: center;
+  }
+`,y=u.div`
   background-color: var(--md-sys-color-surface-container-high);
   border-radius: var(--border-radius-m);
   padding: 2px 4px;
@@ -27,18 +33,18 @@
   &:hover {
     background-color: var(--md-sys-color-surface-container-high-hover);
   }
-`,S=a(m)`
+`,N=u(y)`
   visibility: hidden;
   position: absolute;
   top: -9999px;
   left: -9999px;
   z-index: -100;
-`,W=a(m)`
+`,A=u(y)`
   flex-shrink: 0;
   display: flex;
   justify-content: center;
   align-items: center;
-`,V=a(p.Icon)`
+`,H=u(b.Icon)`
   background-color: var(--md-sys-color-surface-container);
   border-radius: var(--border-radius-m);
   width: 24px;
@@ -51,5 +57,5 @@
   &:hover {
     background-color: var(--md-sys-color-surface-container-high-hover);
   }
-`,O=({values:t,disabled:y,pt:d})=>{const n=s.useRef(null),[x,j]=s.useState([]),[f,R]=s.useState(0),[u,w]=s.useState([]);return s.useLayoutEffect(()=>{w(t)},[t]),s.useLayoutEffect(()=>{const e=()=>{if(!n.current||u.length===0||u.length!==t.length)return;const g=n.current.offsetWidth,h=Array.from(n.current.querySelectorAll(".offscreen-chip")),v=n.current.querySelector(".more-chip");if(!h.length)return;let l=0;const i=[],E=v?.getBoundingClientRect().width||60;if(t.length>0){const o=h[0].getBoundingClientRect().width;i.push(t[0]),l+=o}for(let o=1;o<t.length;o++){const b=h[o].getBoundingClientRect().width;if(l+b<=g)l+=b,i.push(t[o]);else{if(l+E<=g)break;if(i.length>1){const q=h[i.length-1].getBoundingClientRect().width;l-=q,i.pop()}break}}const k=t.length-i.length;j(i),R(k)},r=new ResizeObserver(e);return n.current&&r.observe(n.current),e(),()=>{n.current&&r.unobserve(n.current)}},[t,u]),y?null:t.length?c.jsxRuntimeExports.jsxs(N,{ref:n,children:[x.map((e,r)=>s.createElement(m,{...d?.chip,key:e.label+r,"data-tooltip":e.tooltip,className:C("chip",{last:r===x.length-1&&f>0},d?.chip?.className)},e.prefix,e?.icon&&c.jsxRuntimeExports.jsx(p.Icon,{icon:e.icon}),e.label,e.suffix)),f>0&&c.jsxRuntimeExports.jsxs(W,{className:C("more-chip",d?.chip?.className),children:["+",f]}),u.map((e,r)=>c.jsxRuntimeExports.jsxs(S,{className:"offscreen-chip",children:[e.prefix,e?.icon&&c.jsxRuntimeExports.jsx(p.Icon,{icon:e.icon}),e.label,e.suffix]},e.label+r))]}):c.jsxRuntimeExports.jsx(V,{icon:"add",className:d?.chip?.className})};exports.Chips=O;
+`,W=({values:t,disabled:k,pt:d})=>{const w=a.useRef(null),[{visibleCount:C,rows:q},S]=a.useState({visibleCount:0,rows:1}),[c,O]=a.useState([]);if(a.useLayoutEffect(()=>{O(t)},[t]),a.useLayoutEffect(()=>{const e=w.current;if(!e||c.length===0||c.length!==t.length)return;const o=Array.from(e.querySelectorAll(".offscreen-chip"));if(o.length!==t.length)return;const f=parseFloat(getComputedStyle(e).rowGap)||0,B=o.map(l=>l.getBoundingClientRect().width),j=o[0].getBoundingClientRect().height,I=e.querySelector(".offscreen-more-chip")?.getBoundingClientRect().width||60,L=(l,p,h)=>{let n=1,r=0;const E=(s,M)=>{M?r=s:r+f+s<=h?r+=f+s:(n++,r=s)};for(let s=0;s<l;s++)E(B[s],s===0);return p&&E(p,l===0),n},R=()=>{const l=e.getBoundingClientRect().width,p=e.offsetHeight,h=j?Math.max(1,Math.floor((p+f)/(j+f))):1;let n=t.length;for(;n>1&&L(n,n<t.length?I:0,l)>h;)n--;S(r=>r.visibleCount===n&&r.rows===h?r:{visibleCount:n,rows:h})},v=new ResizeObserver(R);return v.observe(e),R(),()=>v.disconnect()},[t,c]),k)return null;if(!t.length)return i.jsxRuntimeExports.jsx(H,{icon:"add",className:d?.chip?.className});const g=t.slice(0,C),m=C?t.length-g.length:0;return i.jsxRuntimeExports.jsxs(z,{ref:w,className:x({"multi-row":q>1}),children:[g.map((e,o)=>a.createElement(y,{...d?.chip,key:e.label+o,"data-tooltip":e.tooltip,className:x("chip",{last:o===g.length-1&&m>0},d?.chip?.className)},e.prefix,e?.icon&&i.jsxRuntimeExports.jsx(b.Icon,{icon:e.icon}),e.label,e.suffix)),m>0&&i.jsxRuntimeExports.jsxs(A,{className:x("more-chip",d?.chip?.className),children:["+",m]}),c.map((e,o)=>i.jsxRuntimeExports.jsxs(N,{className:"offscreen-chip",children:[e.prefix,e?.icon&&i.jsxRuntimeExports.jsx(b.Icon,{icon:e.icon}),e.label,e.suffix]},e.label+o)),c.length>1&&i.jsxRuntimeExports.jsxs(N,{className:"offscreen-more-chip",children:["+",c.length-1]})]})};exports.Chips=W;
 //# sourceMappingURL=Chips.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Chips.cjs.js","sources":["../../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport React, { FC, useRef, useState, useLayoutEffect, HTMLAttributes } from 'react'\nimport styled from 'styled-components'\n\nconst ChipsContainer = styled.div`\n display: flex;\n gap: var(--base-gap-small);\n align-items: center;\n width: 100%;\n overflow: hidden;\n`\n\nconst Chip = styled.div`\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 2px 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n\n display: flex;\n align-items: center;\n gap: 4px;\n\n flex-shrink: 0;\n min-width: auto;\n &.last {\n flex-shrink: 1;\n min-width: 0;\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n`\n\nconst OffscreenChip = styled(Chip)`\n visibility: hidden;\n position: absolute;\n top: -9999px;\n left: -9999px;\n z-index: -100;\n`\n\nconst MoreChip = styled(Chip)`\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n`\n\nconst AddIcon = styled(Icon)`\n background-color: var(--md-sys-color-surface-container);\n border-radius: var(--border-radius-m);\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n`\n\nexport type ChipValue = {\n label: string\n tooltip: string\n icon?: string\n prefix?: React.ReactNode\n suffix?: React.ReactNode\n}\n\ninterface ChipsProps {\n values: ChipValue[]\n disabled?: boolean\n pt?: {\n chip?: Partial<HTMLAttributes<HTMLDivElement>>\n }\n}\n\nexport const Chips: FC<ChipsProps> = ({ values, disabled, pt }) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const [~~visibleValues~~, ~~setVisibleValues~~] = useState<~~ChipValue[]~~>(~~[])~~\n ~~const~~ ~~[hiddenCount,~~ ~~setHiddenCount] = useState(0~~)\n const [offscreenChips, setOffscreenChips] = useState<ChipValue[]>([])\n\n useLayoutEffect(() => {\n setOffscreenChips(values)\n }, [values])\n\n useLayoutEffect(() => {\n const ~~calculateVisibleChips~~ = ~~() => {~~\n if (\n !~~containerRef.current~~ ~~\|\|\n~~ offscreenChips.length === 0 ~~\|\|\n~~ offscreenChips.length !== values.length\n )\n return\n\n const ~~containerWidth = containerRef.current.offsetWidth\n const~~ chipElements = Array.from(~~containerRef~~.~~current.~~querySelectorAll('.offscreen-chip'))\n ~~const~~ ~~moreChipElement~~ = ~~containerRef~~.~~current.querySelector('.more-chip'~~)\n\n if (~~!chipElements~~.~~length~~) ~~return~~\n~~\n let~~ ~~totalWidth~~ = 0\n const ~~newVisibleValues:~~ ~~ChipValue[]~~ = []\n\n const moreChipWidth ~~= moreChipElement~~?.getBoundingClientRect().width \|\| 60\n\n // ~~Always~~ ~~show~~ ~~the~~ ~~first~~ ~~chip~~\n if (~~values.length~~ > 0) {\n ~~const~~ ~~firstChipWidth~~ = ~~chipElements[0].getBoundingClientRect().~~width\n ~~newVisibleValues.push~~(~~values[0]~~)\n ~~totalWidth~~ += ~~firstChipWidth~~\n }\n\n ~~// Add additional chips if they fit~~\n for (let i = 1; i < ~~values.length~~; i++) ~~{\n const chipWidth = chipElements~~[i]~~.getBoundingClientRect().width\n\n //~~ ~~Check~~ if ~~the next chip can fit completely~~\n if (~~totalWidth~~ + ~~chipWidth~~ <= ~~containerWidth~~) {\n ~~totalWidth~~ ~~+= chipWidth~~\n ~~newVisibleValues.push(values[i])~~\n ~~} else {~~\n // ~~Check~~ if ~~there's~~ ~~room~~ ~~for~~ ~~the~~ ~~more~~ ~~chip~~\n if ~~(totalWidth~~ + ~~moreChipWidth~~ <= ~~containerWidth)~~ {\n // ~~Keep~~ ~~current~~ ~~visible~~ ~~chips~~ ~~and~~ ~~show~~ ~~more~~ ~~chip~~\n ~~break~~\n ~~} else {~~\n // ~~Remove~~ ~~the~~ ~~last~~ ~~chip~~ if we ~~need~~ ~~room~~ ~~for~~ the ~~more~~ ~~chip~~\n if ~~(newVisibleValues~~.length > 1) {\n ~~const~~ ~~lastChipWidth~~ ~~=\n chipElements[newVisibleValues~~.length - ~~1].getBoundingClientRect().width\n totalWidth~~ -= ~~lastChipWidth\n newVisibleValues.pop(~~)\n }\n ~~break~~\n ~~}\n~~ }\n }\n\n ~~const~~ ~~finalHiddenCount~~ = ~~values~~.~~length~~ - ~~newVisibleValues.length\~~n ~~setVisibleValues(newVisibleValues~~)\n ~~setHiddenCount(finalHiddenCount)\n~~ }\n\n const resizeObserver = new ResizeObserver(~~calculateVisibleChips~~)\n ~~if (containerRef.current) {\n~~ resizeObserver.observe(~~containerRef.current~~)\n }\n\n // Initial calculation\n ~~calculateVisibleChips~~()\n\n return () => ~~{\n if (containerRef.current) {\n~~ resizeObserver.~~unobserve~~(~~containerRef.current~~)\n ~~}\n }\n~~ }, [values, offscreenChips])\n\n if (disabled) return null\n\n // for no values return plus button\n if (!values.length) {\n return <AddIcon icon=\"add\" className={pt?.chip?.className} />\n }\n\n return (\n <ChipsContainer ref={containerRef}>\n {visibleValues.map((chip, index) => (\n <Chip\n {...pt?.chip}\n key={chip.label + index}\n data-tooltip={chip.tooltip}\n className={clsx(\n 'chip',\n { last: index === visibleValues.length - 1 && hiddenCount > 0 },\n pt?.chip?.className,\n )}\n >\n {chip.prefix}\n {chip?.icon && <Icon icon={chip.icon} />}\n {chip.label}\n {chip.suffix}\n </Chip>\n ))}\n {hiddenCount > 0 && (\n <MoreChip className={clsx('more-chip', pt?.chip?.className)}>+{hiddenCount}</MoreChip>\n )}\n {offscreenChips.map((chip, index) => (\n <OffscreenChip key={chip.label + index} className=\"offscreen-chip\">\n {chip.prefix}\n {chip?.icon && <Icon icon={chip.icon} />}\n {chip.label}\n {chip.suffix}\n </OffscreenChip>\n ))}\n </ChipsContainer>\n )\n}\n"],"names":["ChipsContainer","styled","Chip","OffscreenChip","MoreChip","AddIcon","Icon","Chips","values","disabled","pt","containerRef","useRef","~~visibleValues~~","~~setVisibleValues~~","~~useState~~","~~hiddenCount~~","~~setHiddenCount","~~offscreenChips","setOffscreenChips","useLayoutEffect","~~calculateVisibleChips~~","~~containerWidth~~","~~chipElements~~","~~moreChipElement~~","~~totalWidth~~","~~newVisibleValues~~","moreChipWidth","~~firstChipWidth~~","i","~~chipWidth~~","~~lastChipWidth~~","~~finalHiddenCount~~","resizeObserver","jsxs","chip","index","createElement","~~clsx","~~jsx"],"mappings":"yPAKMA,EAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~EAQxBC~~,EAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBdE,EAAgBF,EAAOC,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ3BE,EAAWH,EAAOC,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA,EAOtBG,EAAUJ,EAAOK,MAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~EA+BdC~~,EAAwB,CAAC,CAAE,OAAAC,EAAQ,SAAAC,EAAU,GAAAC,KAAS,CACjE,MAAMC,EAAeC,EAAAA,OAAuB,IAAI,EAC1C,~~CAACC~~,~~EAAeC~~,~~CAAgB~~,~~EAAIC~~,~~EAAAA~~,~~SAAsB~~,~~CAAA~~,~~CAAE~~,~~EAC5D~~,~~CAACC~~,~~EAAaC~~,~~CAAc~~,~~EAAIF~~,~~EAAAA~~,~~SAAS~~,~~CAAC~~,~~EAC1C~~,~~CAACG~~,EAAgBC,CAAiB,~~EAAIJ~~,EAAAA,SAAsB,CAAA,CAAE,~~EA+EpE~~,~~OA7EAK~~,EAAAA,gBAAgB,IAAM,CACpBD,~~EAAkBX~~,CAAM,CAC1B,EAAG,CAACA,CAAM,CAAC,~~EAEXY~~,EAAAA,gBAAgB,IAAM,CACpB,MAAMC,~~EAAwB~~,~~IAAM~~,~~CAClC~~,~~GACE~~,~~CAACV~~,~~EAAa~~,~~SACdO,~~EAAe,SAAW,~~GAC1BA~~,EAAe,~~SAAWV~~,EAAO,~~OAEjC~~,~~OAEF~~,~~MAAMc~~,~~EAAiBX,EAAa,QAAQ,YACtCY,~~EAAe,MAAM,~~KAAKZ~~,~~EAAa~~,~~QAAQ,~~iBAAiB,iBAAiB,CAAC,~~EAClFa~~,~~EAAkBb~~,EAAa,~~QAAQ~~,~~cAAc~~,~~YAAY~~,~~EAEvE~~,~~GAAI~~,~~CAACY~~,EAAa,~~OAAQ~~,~~OAE1B~~,~~IAAIE~~,EAAa,~~EACjB~~,~~MAAMC~~,~~EAAgC~~,~~CAAA~~,~~EAEhCC~~,~~EAAgBH~~,~~GAAiB~~,sBAAA,EAAwB,OAAS,~~GAGxE~~,~~GAAIhB~~,EAAO,~~OAAS~~,~~EAAG~~,~~CACrB~~,~~MAAMoB~~,~~EAAiBL~~,~~EAAa~~,~~CAAC~~,~~EAAE~~,~~wBAAwB~~,~~MAC/DG~~,~~EAAiB~~,~~KAAKlB~~,~~EAAO~~,~~CAAC~~,~~CAAC~~,~~EAC/BiB~~,~~GAAcG~~,~~CAChB~~,~~CAGA~~,~~QAASC~~,EAAI,EAAGA,~~EAAIrB~~,~~EAAO~~,~~OAAQqB~~,~~IAAK~~,~~CACtC~~,~~MAAMC~~,~~EAAYP~~,~~EAAaM,~~CAAC,~~EAAE~~,~~wBAAwB~~,~~MAG1D~~,~~GAAIJ~~,~~EAAaK~~,~~GAAaR~~,~~EAC5BG~~,~~GAAcK~~,~~EACdJ~~,~~EAAiB~~,~~KAAKlB~~,~~EAAOqB~~,~~CAAC~~,~~CAAC~~,~~MAC1B~~,~~CAEL~~,~~GAAIJ~~,~~EAAaE~~,~~GAAiBL~~,~~EAEhC~~,~~MAGA~~,~~GAAII~~,~~EAAiB~~,~~OAAS~~,EAAG,~~CAC/B~~,~~MAAMK~~,~~EACJR~~,~~EAAaG~~,~~EAAiB~~,~~OAAS~~,CAAC,~~EAAE~~,~~wBAAwB~~,~~MACpED~~,~~GAAcM~~,~~EACdL~~,~~EAAiB~~,~~IAAA~~,~~CACnB~~,~~CACA~~,~~KAEJ~~,~~CACF~~,~~CAEA~~,~~MAAMM,EAAmBxB,~~EAAO,OAASkB,~~EAAiB~~,~~OAC1DZ~~,~~EAAiBY~~,~~CAAgB~~,~~EACjCT~~,~~EAAee~~,~~CAAgB~~,~~CACjC~~,~~EAEMC~~,~~EAAiB~~,~~IAAI~~,~~eAAeZ~~,~~CAAqB~~,~~EAC/D~~,~~OAAIV~~,~~EAAa~~,~~SACfsB~~,~~EAAe~~,~~QAAQtB~~,~~EAAa~~,~~OAAO~~,~~EAI7CU~~,~~EAAA~~,~~EAEO~~,~~IAAM~~,~~CACPV~~,~~EAAa~~,~~SACfsB~~,EAAe,~~UAAUtB~~,~~EAAa~~,~~OAAO~~,~~CAEjD~~,~~CACF~~,EAAG,~~CAACH~~,~~EAAQU~~,CAAc,CAAC,~~EAEvBT~~,~~EAAiB~~,~~KAGhBD~~,EAAO,~~OAKV0B~~,EAAAA,kBAAAA,~~KAAClC~~,EAAA,CAAe,IAAKW,~~EAClB~~,SAAA,~~CAAAE~~,EAAc,IAAI,~~CAACsB~~,EAAMC,IACxBC,EAAAA,~~cAACnC~~,EAAA,CACE,GAAGQ,GAAI,KACR,~~IAAKyB~~,EAAK,MAAQC,EAClB,eAAcD,EAAK,QACnB,~~UAAWG~~,EACT,OACA,CAAE,~~KAAMF~~,~~IAAUvB~~,EAAc,OAAS,~~GAAKG~~,EAAc,CAAA,~~EAC5DN~~,GAAI,MAAM,SAAA,CACZ,~~EAECyB~~,EAAK,OACLA,GAAM,~~MAAQI~~,~~wBAACjC~~,EAAAA,KAAA,CAAK,~~KAAM6B~~,EAAK,KAAM,EACrCA,EAAK,MACLA,EAAK,MAAA,CAET,~~EACAnB~~,EAAc,~~GACbkB~~,~~yBAAC9B~~,EAAA,CAAS,~~UAAWkC~~,EAAK,~~YAAa5B~~,GAAI,MAAM,SAAS,EAAG,SAAA,CAAA,~~IAAEM~~,CAAA,EAAY,~~EAE5EE~~,EAAe,IAAI,~~CAACiB~~,EAAMC,~~IACzBF~~,~~yBAAC/B~~,EAAA,CAAuC,UAAU,iBAC/C,SAAA,~~CAAAgC~~,EAAK,OACLA,GAAM,~~MAAQI~~,~~wBAACjC~~,EAAAA,KAAA,CAAK,~~KAAM6B~~,EAAK,KAAM,EACrCA,EAAK,MACLA,EAAK,MAAA,~~GAJYA~~,EAAK,MAAQC,CAKjC,CACD,~~CAAA~~,~~EACH~~,~~0BAjCQ/B~~,EAAA,~~CAAQ~~,~~KAAK~~,~~MAAM~~,~~UAAWK~~,~~GAAI~~,~~MAAM~~,~~UAAW~~,~~CAmC~~/D"}
1	+ {"version":3,"file":"Chips.cjs.js","sources":["../../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport React, { FC, useRef, useState, useLayoutEffect, HTMLAttributes } from 'react'\nimport styled from 'styled-components'\n\nconst ChipsContainer = styled.div`\n display: flex;\n gap: var(--base-gap-small);\n align-items: center;\n align-self: stretch;\n width: 100%;\n overflow: hidden;\n\n &.multi-row {\n flex-wrap: wrap;\n align-content: center;\n }\n`\n\nconst Chip = styled.div`\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 2px 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n\n display: flex;\n align-items: center;\n gap: 4px;\n\n flex-shrink: 0;\n min-width: auto;\n &.last {\n flex-shrink: 1;\n min-width: 0;\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n`\n\nconst OffscreenChip = styled(Chip)`\n visibility: hidden;\n position: absolute;\n top: -9999px;\n left: -9999px;\n z-index: -100;\n`\n\nconst MoreChip = styled(Chip)`\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n`\n\nconst AddIcon = styled(Icon)`\n background-color: var(--md-sys-color-surface-container);\n border-radius: var(--border-radius-m);\n width: 24px;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n`\n\nexport type ChipValue = {\n label: string\n tooltip: string\n icon?: string\n prefix?: React.ReactNode\n suffix?: React.ReactNode\n}\n\ninterface ChipsProps {\n values: ChipValue[]\n disabled?: boolean\n pt?: {\n chip?: Partial<HTMLAttributes<HTMLDivElement>>\n }\n}\n\ntype ChipsLayout = {\n visibleCount: number\n rows: number\n}\n\nexport const Chips: FC<ChipsProps> = ({ values, disabled, pt }) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const [{ visibleCount, rows }, setLayout] = useState<ChipsLayout>({\n visibleCount: 0,\n rows: 1,\n })\n const [offscreenChips, setOffscreenChips] = useState<ChipValue[]>([])\n\n useLayoutEffect(() => {\n setOffscreenChips(values)\n }, [values])\n\n useLayoutEffect(() => {\n const container = containerRef.current\n if (!container \|\| offscreenChips.length === 0 \|\| offscreenChips.length !== values.length) return\n\n const chipElements = Array.from(container.querySelectorAll('.offscreen-chip'))\n if (chipElements.length !== values.length) return\n\n const gap = parseFloat(getComputedStyle(container).rowGap) \|\| 0\n const chipWidths = chipElements.map((el) => el.getBoundingClientRect().width)\n const chipHeight = chipElements[0].getBoundingClientRect().height\n // measured offscreen at its widest label, so it does not depend on the +N chip being rendered\n const moreChipWidth =\n container.querySelector('.offscreen-more-chip')?.getBoundingClientRect().width \|\| 60\n\n const rowsNeeded = (count: number, extraWidth: number, containerWidth: number) => {\n let used = 1\n let rowWidth = 0\n const place = (width: number, isFirst: boolean) => {\n if (isFirst) rowWidth = width\n else if (rowWidth + gap + width <= containerWidth) rowWidth += gap + width\n else {\n used++\n rowWidth = width\n }\n }\n\n for (let i = 0; i < count; i++) place(chipWidths[i], i === 0)\n if (extraWidth) place(extraWidth, count === 0)\n return used\n }\n\n const calculateLayout = () => {\n const containerWidth = container.getBoundingClientRect().width\n const containerHeight = container.offsetHeight\n const rows = chipHeight\n ? Math.max(1, Math.floor((containerHeight + gap) / (chipHeight + gap)))\n : 1\n\n // drop chips until they and the more chip fit the rows available\n let visibleCount = values.length\n while (\n visibleCount > 1 &&\n rowsNeeded(visibleCount, visibleCount < values.length ? moreChipWidth : 0, containerWidth) >\n rows\n ) {\n visibleCount--\n }\n\n setLayout((prev) =>\n prev.visibleCount === visibleCount && prev.rows === rows ? prev : { visibleCount, rows },\n )\n }\n\n const resizeObserver = new ResizeObserver(calculateLayout)\n resizeObserver.observe(container)\n\n // Initial calculation\n calculateLayout()\n\n return () => resizeObserver.disconnect()\n }, [values, offscreenChips])\n\n if (disabled) return null\n\n // for no values return plus button\n if (!values.length) {\n return <AddIcon icon=\"add\" className={pt?.chip?.className} />\n }\n\n const visibleValues = values.slice(0, visibleCount)\n const hiddenCount = visibleCount ? values.length - visibleValues.length : 0\n\n return (\n <ChipsContainer ref={containerRef} className={clsx({ 'multi-row': rows > 1 })}>\n {visibleValues.map((chip, index) => (\n <Chip\n {...pt?.chip}\n key={chip.label + index}\n data-tooltip={chip.tooltip}\n className={clsx(\n 'chip',\n { last: index === visibleValues.length - 1 && hiddenCount > 0 },\n pt?.chip?.className,\n )}\n >\n {chip.prefix}\n {chip?.icon && <Icon icon={chip.icon} />}\n {chip.label}\n {chip.suffix}\n </Chip>\n ))}\n {hiddenCount > 0 && (\n <MoreChip className={clsx('more-chip', pt?.chip?.className)}>+{hiddenCount}</MoreChip>\n )}\n {offscreenChips.map((chip, index) => (\n <OffscreenChip key={chip.label + index} className=\"offscreen-chip\">\n {chip.prefix}\n {chip?.icon && <Icon icon={chip.icon} />}\n {chip.label}\n {chip.suffix}\n </OffscreenChip>\n ))}\n {offscreenChips.length > 1 && (\n <OffscreenChip className=\"offscreen-more-chip\">+{offscreenChips.length - 1}</OffscreenChip>\n )}\n </ChipsContainer>\n )\n}\n"],"names":["ChipsContainer","styled","Chip","OffscreenChip","MoreChip","AddIcon","Icon","Chips","values","disabled","pt","containerRef","useRef","visibleCount","rows","setLayout","useState","offscreenChips","setOffscreenChips","useLayoutEffect","container","chipElements","gap","chipWidths","el","chipHeight","moreChipWidth","rowsNeeded","count","extraWidth","containerWidth","used","rowWidth","place","width","isFirst","i","calculateLayout","containerHeight","prev","resizeObserver","visibleValues","hiddenCount","jsxs","clsx","chip","index","createElement","jsx"],"mappings":"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"}

package/dist/shared/src/components/Chips/Chips.es.js CHANGED Viewed

@@ -1,15 +1,21 @@
-import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
-import { useRef as E, useState as p, useLayoutEffect as C, createElement as B } from "react";
-import { Icon as u } from "@ynput/ayon-react-components";
-import y from "clsx";
-import l from "styled-components";
-const O = l.div`
+import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
+import { useRef as W, useState as k, useLayoutEffect as R, createElement as q } from "react";
+import { Icon as x } from "@ynput/ayon-react-components";
+import u from "clsx";
+import h from "styled-components";
+const I = h.div`
   display: flex;
   gap: var(--base-gap-small);
   align-items: center;
+  align-self: stretch;
   width: 100%;
   overflow: hidden;
-`, m = l.div`
+  &.multi-row {
+    flex-wrap: wrap;
+    align-content: center;
+  }
+`, b = h.div`
   background-color: var(--md-sys-color-surface-container-high);
   border-radius: var(--border-radius-m);
   padding: 2px 4px;
@@ -32,18 +38,18 @@ const O = l.div`
   &:hover {
     background-color: var(--md-sys-color-surface-container-high-hover);
   }
-`, z = l(m)`
+`, B = h(b)`
   visibility: hidden;
   position: absolute;
   top: -9999px;
   left: -9999px;
   z-index: -100;
-`, A = l(m)`
+`, F = h(b)`
   flex-shrink: 0;
   display: flex;
   justify-content: center;
   align-items: center;
-`, S = l(u)`
+`, G = h(x)`
   background-color: var(--md-sys-color-surface-container);
   border-radius: var(--border-radius-m);
   width: 24px;
@@ -56,73 +62,74 @@ const O = l.div`
   &:hover {
     background-color: var(--md-sys-color-surface-container-high-hover);
   }
-`, D = ({ values: t, disabled: w, pt: a }) => {
-  const r = E(null), [g, v] = p([]), [f, j] = p(0), [d, k] = p([]);
-  return C(() => {
-    k(t);
-  }, [t]), C(() => {
-    const e = () => {
-      if (!r.current || d.length === 0 || d.length !== t.length)
-        return;
-      const x = r.current.offsetWidth, h = Array.from(r.current.querySelectorAll(".offscreen-chip")), R = r.current.querySelector(".more-chip");
-      if (!h.length) return;
-      let c = 0;
-      const i = [], N = R?.getBoundingClientRect().width || 60;
-      if (t.length > 0) {
-        const o = h[0].getBoundingClientRect().width;
-        i.push(t[0]), c += o;
-      }
-      for (let o = 1; o < t.length; o++) {
-        const b = h[o].getBoundingClientRect().width;
-        if (c + b <= x)
-          c += b, i.push(t[o]);
-        else {
-          if (c + N <= x)
-            break;
-          if (i.length > 1) {
-            const V = h[i.length - 1].getBoundingClientRect().width;
-            c -= V, i.pop();
-          }
-          break;
-        }
-      }
-      const W = t.length - i.length;
-      v(i), j(W);
-    }, n = new ResizeObserver(e);
-    return r.current && n.observe(r.current), e(), () => {
-      r.current && n.unobserve(r.current);
-    };
-  }, [t, d]), w ? null : t.length ? /* @__PURE__ */ s.jsxs(O, { ref: r, children: [
-    g.map((e, n) => /* @__PURE__ */ B(
-      m,
+`, Q = ({ values: t, disabled: E, pt: f }) => {
+  const w = W(null), [{ visibleCount: y, rows: O }, S] = k({
+    visibleCount: 0,
+    rows: 1
+  }), [c, z] = k([]);
+  if (R(() => {
+    z(t);
+  }, [t]), R(() => {
+    const e = w.current;
+    if (!e || c.length === 0 || c.length !== t.length) return;
+    const r = Array.from(e.querySelectorAll(".offscreen-chip"));
+    if (r.length !== t.length) return;
+    const d = parseFloat(getComputedStyle(e).rowGap) || 0, A = r.map((l) => l.getBoundingClientRect().width), C = r[0].getBoundingClientRect().height, H = e.querySelector(".offscreen-more-chip")?.getBoundingClientRect().width || 60, L = (l, p, a) => {
+      let o = 1, s = 0;
+      const N = (n, M) => {
+        M ? s = n : s + d + n <= a ? s += d + n : (o++, s = n);
+      };
+      for (let n = 0; n < l; n++) N(A[n], n === 0);
+      return p && N(p, l === 0), o;
+    }, v = () => {
+      const l = e.getBoundingClientRect().width, p = e.offsetHeight, a = C ? Math.max(1, Math.floor((p + d) / (C + d))) : 1;
+      let o = t.length;
+      for (; o > 1 && L(o, o < t.length ? H : 0, l) > a; )
+        o--;
+      S(
+        (s) => s.visibleCount === o && s.rows === a ? s : { visibleCount: o, rows: a }
+      );
+    }, j = new ResizeObserver(v);
+    return j.observe(e), v(), () => j.disconnect();
+  }, [t, c]), E) return null;
+  if (!t.length)
+    return /* @__PURE__ */ i.jsx(G, { icon: "add", className: f?.chip?.className });
+  const m = t.slice(0, y), g = y ? t.length - m.length : 0;
+  return /* @__PURE__ */ i.jsxs(I, { ref: w, className: u({ "multi-row": O > 1 }), children: [
+    m.map((e, r) => /* @__PURE__ */ q(
+      b,
       {
-        ...a?.chip,
-        key: e.label + n,
+        ...f?.chip,
+        key: e.label + r,
         "data-tooltip": e.tooltip,
-        className: y(
+        className: u(
           "chip",
-          { last: n === g.length - 1 && f > 0 },
-          a?.chip?.className
+          { last: r === m.length - 1 && g > 0 },
+          f?.chip?.className
         )
       },
       e.prefix,
-      e?.icon && /* @__PURE__ */ s.jsx(u, { icon: e.icon }),
+      e?.icon && /* @__PURE__ */ i.jsx(x, { icon: e.icon }),
       e.label,
       e.suffix
     )),
-    f > 0 && /* @__PURE__ */ s.jsxs(A, { className: y("more-chip", a?.chip?.className), children: [
+    g > 0 && /* @__PURE__ */ i.jsxs(F, { className: u("more-chip", f?.chip?.className), children: [
       "+",
-      f
+      g
     ] }),
-    d.map((e, n) => /* @__PURE__ */ s.jsxs(z, { className: "offscreen-chip", children: [
+    c.map((e, r) => /* @__PURE__ */ i.jsxs(B, { className: "offscreen-chip", children: [
       e.prefix,
-      e?.icon && /* @__PURE__ */ s.jsx(u, { icon: e.icon }),
+      e?.icon && /* @__PURE__ */ i.jsx(x, { icon: e.icon }),
       e.label,
       e.suffix
-    ] }, e.label + n))
-  ] }) : /* @__PURE__ */ s.jsx(S, { icon: "add", className: a?.chip?.className });
+    ] }, e.label + r)),
+    c.length > 1 && /* @__PURE__ */ i.jsxs(B, { className: "offscreen-more-chip", children: [
+      "+",
+      c.length - 1
+    ] })
+  ] });
 };
 export {
-  D as Chips
+  Q as Chips
 };
 //# sourceMappingURL=Chips.es.js.map