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

@ynput/ayon-frontend-shared 0.4.1 → 0.4.2

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

package/dist/shared/src/components/EntityPanelUploader/EntityPanelUploaderDialog.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EntityPanelUploaderDialog.es.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploaderDialog.tsx"],"sourcesContent":["// A dialog to ask the user to name their new upload uploaded version (naming the product)\n// by default we can take the file name\n\nimport { Dialog, InputText, Button, FormRow } from '@ynput/ayon-react-components'\nimport { camelCase, upperFirst } from 'lodash'\nimport { FC, useState, useEffect, useRef } from 'react'\nimport { parseFilename } from '~~../ReviewablesList~~'\n\nconst prefix = 'review'\nconst buildDefaultName = (file?: File \| null) => {\n // remove file extension\n // convert to camelCase\n // first letter to uppercase\n // prefix with \"review\"\n if (!file) return ''\n const name = parseFilename(file.name).replace(/\\.[^/.]+$/, '') // remove file extension\n const camelCaseName = camelCase(name)\n const pascalCaseName = upperFirst(camelCaseName)\n return `${prefix}${pascalCaseName}`\n}\n\ninterface EntityPanelUploaderDialogProps {\n files: FileList \| null // used to determine the default product name\n isOpen: boolean\n defaultProductName?: string\n onCancel?: () => void\n onSubmit?: (productName: string) => void\n}\n\nconst EntityPanelUploaderDialog: FC<EntityPanelUploaderDialogProps> = ({\n files,\n isOpen,\n onCancel,\n onSubmit,\n}) => {\n // Build default product name from the first file\n const defaultProductName = buildDefaultName(files?.[0])\n const inputRef = useRef<HTMLInputElement>(null)\n const hasSelectedRef = useRef(false)\n\n const [product, setProduct] = useState(defaultProductName)\n\n // Update state when defaultProductName changes\n useEffect(() => {\n setProduct(defaultProductName)\n hasSelectedRef.current = false // Reset selection flag when product name changes\n }, [defaultProductName])\n\n // Select the filename part (excluding \"review\" prefix) when dialog opens - only once\n useEffect(() => {\n if (isOpen && inputRef.current && product.startsWith(prefix) && !hasSelectedRef.current) {\n // Focus the input first\n inputRef.current.focus()\n // Then select just the filename part (after \"review\")\n const selectionStart = prefix.length\n const selectionEnd = product.length\n inputRef.current.setSelectionRange(selectionStart, selectionEnd)\n hasSelectedRef.current = true // Mark as selected to prevent re-selection\n } else if (!isOpen) {\n hasSelectedRef.current = false // Reset when dialog closes\n }\n }, [isOpen, product])\n\n const handleSubmit = () => {\n if (product.trim() && onSubmit) {\n onSubmit(product.trim())\n }\n }\n\n const handleCancel = () => {\n setProduct(defaultProductName)\n if (onCancel) {\n onCancel()\n }\n }\n\n const isValidProduct = product.trim().length > 0\n\n const footer = (\n <div style={{ display: 'flex', gap: '8px', justifyContent: 'flex-end' }}>\n <Button variant=\"text\" onClick={handleCancel}>\n Cancel\n </Button>\n <Button variant=\"filled\" onClick={handleSubmit} disabled={!isValidProduct}>\n Upload\n </Button>\n </div>\n )\n\n return (\n <Dialog isOpen={isOpen} onClose={handleCancel} header=\"Upload Entity\" footer={footer} size=\"sm\">\n <div style={{ padding: '16px 0' }}>\n <FormRow label=\"Product Name\">\n <InputText\n ref={inputRef}\n placeholder=\"Enter product name...\"\n value={product}\n onChange={(e) => setProduct(e.target.value)}\n autoFocus\n onKeyDown={(e) => {\n if (e.key === 'Enter' && isValidProduct) {\n e.preventDefault()\n handleSubmit()\n } else if (e.key === 'Escape') {\n e.preventDefault()\n handleCancel()\n }\n }}\n />\n </FormRow>\n </div>\n </Dialog>\n )\n}\n\nexport default EntityPanelUploaderDialog\n"],"names":["prefix","buildDefaultName","file","name","parseFilename","camelCaseName","camelCase","pascalCaseName","upperFirst","EntityPanelUploaderDialog","files","isOpen","onCancel","onSubmit","defaultProductName","inputRef","useRef","hasSelectedRef","product","setProduct","useState","useEffect","selectionStart","selectionEnd","handleSubmit","handleCancel","isValidProduct","footer","jsxs","jsx","Button","Dialog","FormRow","InputText"~~,"e"~~],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAMA,IAAS,UACTC,IAAmB,CAACC,MAAuB;AAK/C,MAAI,CAACA,EAAM,QAAO;AAClB,QAAMC,IAAOC,EAAcF,EAAK,IAAI,EAAE,QAAQ,aAAa,EAAE,GACvDG,IAAgBC,EAAUH,CAAI,GAC9BI,IAAiBC,EAAWH,CAAa;AAC/C,SAAO,GAAGL,CAAM,GAAGO,CAAc;AACnC,GAUME,~~KAAgE~~,CAAC;AAAA,EACrE,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AAEJ,QAAMC,IAAqBb,EAAiBS,IAAQ,CAAC,CAAC,GAChDK,IAAWC,EAAyB,IAAI,GACxCC,IAAiBD,EAAO,EAAK,GAE7B,CAACE,GAASC,CAAU,IAAIC,EAASN,CAAkB;AAGzD,EAAAO,EAAU,MAAM;AACd,IAAAF,EAAWL,CAAkB,GAC7BG,EAAe,UAAU;AAAA,EAC3B,GAAG,CAACH,CAAkB,CAAC,GAGvBO,EAAU,MAAM;AACd,QAAIV,KAAUI,EAAS,WAAWG,EAAQ,WAAWlB,CAAM,KAAK,CAACiB,EAAe,SAAS;AAEvF,MAAAF,EAAS,QAAQ,MAAA;AAEjB,YAAMO,IAAiBtB,EAAO,QACxBuB,IAAeL,EAAQ;AAC7B,MAAAH,EAAS,QAAQ,kBAAkBO,GAAgBC,CAAY,GAC/DN,EAAe,UAAU;AAAA,IAC3B,MAAA,CAAYN,MACVM,EAAe,UAAU;AAAA,EAE7B,GAAG,CAACN,GAAQO,CAAO,CAAC;AAEpB,QAAMM,IAAe,MAAM;AACzB,IAAIN,EAAQ,KAAA,KAAUL,KACpBA,EAASK,EAAQ,MAAM;AAAA,EAE3B,GAEMO,IAAe,MAAM;AACzB,IAAAN,EAAWL,CAAkB,GACzBF,KACFA,EAAA;AAAA,EAEJ,GAEMc,IAAiBR,EAAQ,KAAA,EAAO,SAAS,GAEzCS,IACJC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,OAAO,gBAAgB,WAAA,GACzD,UAAA;AAAA,IAAAC,gBAAAA,MAACC,GAAA,EAAO,SAAQ,QAAO,SAASL,GAAc,UAAA,UAE9C;AAAA,IACAI,gBAAAA,EAAAA,IAACC,KAAO,SAAQ,UAAS,SAASN,GAAc,UAAU,CAACE,GAAgB,UAAA,SAAA,CAE3E;AAAA,EAAA,GACF;AAGF,SACEG,gBAAAA,MAACE,KAAO,QAAApB,GAAgB,SAASc,GAAc,QAAO,iBAAgB,QAAAE,GAAgB,MAAK,MACzF,gCAAC,OAAA,EAAI,OAAO,EAAE,SAAS,SAAA,GACrB,UAAAE,gBAAAA,EAAAA,IAACG,GAAA,EAAQ,OAAM,gBACb,UAAAH,gBAAAA,EAAAA;AAAAA,IAACI;AAAA,IAAA;AAAA,MACC,KAAKlB;AAAA,MACL,aAAY;AAAA,MACZ,OAAOG;AAAA,MACP,UAAU,~~CAACgB~~,~~MAAMf~~,~~EAAWe~~,EAAE,OAAO,KAAK;AAAA,MAC1C,WAAS;AAAA,MACT,WAAW,~~CAACA~~,MAAM;AAChB,~~QAAIA~~,EAAE,QAAQ,~~WAAWR~~,~~KACvBQ~~,EAAE,eAAA,~~GACFV~~,EAAA,~~KACSU~~,EAAE,QAAQ,~~aACnBA~~,EAAE,eAAA,~~GACFT~~,EAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA,EACF,CACF,GACF,GACF;AAEJ;"}
1	+ {"version":3,"file":"EntityPanelUploaderDialog.es.js","sources":["../../../../../src/components/EntityPanelUploader/EntityPanelUploaderDialog.tsx"],"sourcesContent":["// A dialog to ask the user to name their new upload uploaded version (naming the product)\n// by default we can take the file name\n\nimport { Dialog, InputText, Button, FormRow } from '@ynput/ayon-react-components'\nimport { camelCase, upperFirst } from 'lodash'\nimport { FC, useState, useEffect, useRef } from 'react'\nimport { parseFilename } from '@shared/util/parseFilename'\n\nconst prefix = 'review'\nconst buildDefaultName = (file?: File \| null) => {\n // remove file extension\n // convert to camelCase\n // first letter to uppercase\n // prefix with \"review\"\n if (!file) return ''\n const name = parseFilename(file.name).replace(/\\.[^/.]+$/, '') // remove file extension\n const camelCaseName = camelCase(name)\n const pascalCaseName = upperFirst(camelCaseName)\n return `${prefix}${pascalCaseName}`\n}\n\ninterface EntityPanelUploaderDialogProps {\n files: FileList \| null // used to determine the default product name\n isOpen: boolean\n defaultProductName?: string\n onCancel?: () => void\n onSubmit?: (productName: string) => void\n}\n\nconst EntityPanelUploaderDialog: FC<EntityPanelUploaderDialogProps> = ({\n files,\n isOpen,\n onCancel,\n onSubmit,\n}) => {\n // Build default product name from the first file\n const defaultProductName = buildDefaultName(files?.[0])\n const inputRef = useRef<HTMLInputElement>(null)\n const hasSelectedRef = useRef(false)\n\n const [product, setProduct] = useState(defaultProductName)\n\n // Update state when defaultProductName changes\n useEffect(() => {\n setProduct(defaultProductName)\n hasSelectedRef.current = false // Reset selection flag when product name changes\n }, [defaultProductName])\n\n // Select the filename part (excluding \"review\" prefix) when dialog opens - only once\n useEffect(() => {\n if (isOpen && inputRef.current && product.startsWith(prefix) && !hasSelectedRef.current) {\n // Focus the input first\n inputRef.current.focus()\n // Then select just the filename part (after \"review\")\n const selectionStart = prefix.length\n const selectionEnd = product.length\n inputRef.current.setSelectionRange(selectionStart, selectionEnd)\n hasSelectedRef.current = true // Mark as selected to prevent re-selection\n } else if (!isOpen) {\n hasSelectedRef.current = false // Reset when dialog closes\n }\n }, [isOpen, product])\n\n const handleSubmit = () => {\n if (product.trim() && onSubmit) {\n onSubmit(product.trim())\n }\n }\n\n const handleCancel = () => {\n setProduct(defaultProductName)\n if (onCancel) {\n onCancel()\n }\n }\n\n const isValidProduct = product.trim().length > 0\n\n const footer = (\n <div style={{ display: 'flex', gap: '8px', justifyContent: 'flex-end' }}>\n <Button variant=\"text\" onClick={handleCancel}>\n Cancel\n </Button>\n <Button variant=\"filled\" onClick={handleSubmit} disabled={!isValidProduct}>\n Upload\n </Button>\n </div>\n )\n\n return (\n <Dialog isOpen={isOpen} onClose={handleCancel} header=\"Upload Entity\" footer={footer} size=\"sm\">\n <div style={{ padding: '16px 0' }}>\n <FormRow label=\"Product Name\">\n <InputText\n ref={inputRef}\n placeholder=\"Enter product name...\"\n value={product}\n onChange={(e) => setProduct(e.target.value)}\n autoFocus\n onKeyDown={(e) => {\n if (e.key === 'Enter' && isValidProduct) {\n e.preventDefault()\n handleSubmit()\n } else if (e.key === 'Escape') {\n e.preventDefault()\n handleCancel()\n }\n }}\n />\n </FormRow>\n </div>\n </Dialog>\n )\n}\n\nexport default EntityPanelUploaderDialog\n"],"names":["prefix","buildDefaultName","file","name","parseFilename","camelCaseName","camelCase","pascalCaseName","upperFirst","EntityPanelUploaderDialog","files","isOpen","onCancel","onSubmit","defaultProductName","inputRef","useRef","hasSelectedRef","product","setProduct","useState","useEffect","selectionStart","selectionEnd","handleSubmit","handleCancel","isValidProduct","footer","jsxs","jsx","Button","Dialog","FormRow","InputText"],"mappings":";;;;;AAQA,MAAMA,IAAS,UACTC,IAAmB,CAACC,MAAuB;AAK/C,MAAI,CAACA,EAAM,QAAO;AAClB,QAAMC,IAAOC,EAAcF,EAAK,IAAI,EAAE,QAAQ,aAAa,EAAE,GACvDG,IAAgBC,EAAUH,CAAI,GAC9BI,IAAiBC,EAAWH,CAAa;AAC/C,SAAO,GAAGL,CAAM,GAAGO,CAAc;AACnC,GAUME,IAAgE,CAAC;AAAA,EACrE,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AAEJ,QAAMC,IAAqBb,EAAiBS,IAAQ,CAAC,CAAC,GAChDK,IAAWC,EAAyB,IAAI,GACxCC,IAAiBD,EAAO,EAAK,GAE7B,CAACE,GAASC,CAAU,IAAIC,EAASN,CAAkB;AAGzD,EAAAO,EAAU,MAAM;AACd,IAAAF,EAAWL,CAAkB,GAC7BG,EAAe,UAAU;AAAA,EAC3B,GAAG,CAACH,CAAkB,CAAC,GAGvBO,EAAU,MAAM;AACd,QAAIV,KAAUI,EAAS,WAAWG,EAAQ,WAAWlB,CAAM,KAAK,CAACiB,EAAe,SAAS;AAEvF,MAAAF,EAAS,QAAQ,MAAA;AAEjB,YAAMO,IAAiBtB,EAAO,QACxBuB,IAAeL,EAAQ;AAC7B,MAAAH,EAAS,QAAQ,kBAAkBO,GAAgBC,CAAY,GAC/DN,EAAe,UAAU;AAAA,IAC3B,MAAA,CAAYN,MACVM,EAAe,UAAU;AAAA,EAE7B,GAAG,CAACN,GAAQO,CAAO,CAAC;AAEpB,QAAMM,IAAe,MAAM;AACzB,IAAIN,EAAQ,KAAA,KAAUL,KACpBA,EAASK,EAAQ,MAAM;AAAA,EAE3B,GAEMO,IAAe,MAAM;AACzB,IAAAN,EAAWL,CAAkB,GACzBF,KACFA,EAAA;AAAA,EAEJ,GAEMc,IAAiBR,EAAQ,KAAA,EAAO,SAAS,GAEzCS,IACJC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,OAAO,gBAAgB,WAAA,GACzD,UAAA;AAAA,IAAAC,gBAAAA,MAACC,GAAA,EAAO,SAAQ,QAAO,SAASL,GAAc,UAAA,UAE9C;AAAA,IACAI,gBAAAA,EAAAA,IAACC,KAAO,SAAQ,UAAS,SAASN,GAAc,UAAU,CAACE,GAAgB,UAAA,SAAA,CAE3E;AAAA,EAAA,GACF;AAGF,SACEG,gBAAAA,MAACE,KAAO,QAAApB,GAAgB,SAASc,GAAc,QAAO,iBAAgB,QAAAE,GAAgB,MAAK,MACzF,gCAAC,OAAA,EAAI,OAAO,EAAE,SAAS,SAAA,GACrB,UAAAE,gBAAAA,EAAAA,IAACG,GAAA,EAAQ,OAAM,gBACb,UAAAH,gBAAAA,EAAAA;AAAAA,IAACI;AAAA,IAAA;AAAA,MACC,KAAKlB;AAAA,MACL,aAAY;AAAA,MACZ,OAAOG;AAAA,MACP,UAAU,CAAC,MAAMC,EAAW,EAAE,OAAO,KAAK;AAAA,MAC1C,WAAS;AAAA,MACT,WAAW,CAAC,MAAM;AAChB,QAAI,EAAE,QAAQ,WAAWO,KACvB,EAAE,eAAA,GACFF,EAAA,KACS,EAAE,QAAQ,aACnB,EAAE,eAAA,GACFC,EAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA,EACF,CACF,GACF,GACF;AAEJ;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EntityPath.cjs.js","sources":["../../../../../src/components/EntityPath/EntityPath.tsx"],"sourcesContent":["import { FC, Fragment, MouseEvent, useLayoutEffect, useRef, useState } from 'react'\nimport * as Styled from './EntityPath.styled'\nimport clsx from 'clsx'\nimport SegmentProvider from './SegmentProvider'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Slash = () => <span className=\"slash\">/</span>\n\nexport type PathSegment = {\n type: DetailsPanelEntityType \| 'product' \| 'project'\n label: string\n id: string\n}\n\nconst dropdownStates = ['more', 'versions']\ntype DropdownState = (typeof dropdownStates)[number]\n\ntype DropdownMouseEvent = MouseEvent<HTMLSpanElement>\nconst getDropdownElements = (e: DropdownMouseEvent): [HTMLElement, string] => {\n const target = e.target as HTMLElement\n const dropdownId = target.closest('.dropdown')?.id \|\| ''\n return [target, dropdownId]\n}\n\nexport interface EntityPathProps {\n projectName: string\n hideProjectName: boolean\n segments: PathSegment[]\n isLoading: boolean\n entityType: string\n versions: PathSegment[]\n scope: string\n}\n\nexport const EntityPath: FC<EntityPathProps> = ({\n projectName,\n hideProjectName,\n segments,\n versions = [],\n isLoading,\n entityType,\n scope,\n}) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const [dropdownOpen, setDropdownOpen] = useState<null \| DropdownState>(null)\n // defaults to whole path\n const [maxSegments, setMaxSegments] = useState<null \| number>(null)\n const [calcMaxWidth, setCalcMaxWidth] = useState(false)\n const finalSegmentRef = useRef<HTMLSpanElement>(null)\n\n useLayoutEffect(() => {\n setMaxSegments(null)\n setCalcMaxWidth(true)\n }, [segments])\n\n useLayoutEffect(() => {\n if (!containerRef.current) {\n setCalcMaxWidth(false)\n return\n }\n // find max width the path can be\n const container = containerRef.current\n const pathWidth = container.clientWidth\n const maxWidth = getPathMaxWidth(container)\n\n if (!maxWidth) return\n\n // we need to reduce the number of segments shown\n // but maybe even then it is still longer than the max width\n // so we need to reduce the number of segments until the total width is less than the max width\n const children = container.children\n let totalWidth = pathWidth\n // number of segments to keep\n const fullCount = container.childElementCount\n let segmentsCount = fullCount\n // while loop that removes segments until the total width is less than the max width\n while (totalWidth > maxWidth && segmentsCount > 0) {\n // remove 2 segments at a time (because of slashes)\n segmentsCount -= 2\n totalWidth = totalUpSegmentsWidth(children, segmentsCount, fullCount)\n }\n\n // count number of \"full\" segments left\n // if something goes wrong, removing 1 (2) is probably enough\n let newMaxSegments =\n Array.from(children)\n .slice(0, segmentsCount)\n .filter(\n (segment) => segment.nodeType === Node.ELEMENT_NODE && segment.className.includes('full'),\n )?.length \|\| 2\n\n // cap at 1\n newMaxSegments = Math.max(newMaxSegments, 1)\n\n setMaxSegments(newMaxSegments)\n setCalcMaxWidth(false)\n }, [containerRef.current, calcMaxWidth])\n\n // Ensure that, even if the collapsed segments still aren't\n // enough to fit the path within the available space,\n // we fit everything in by truncating the last segment's label.\n // This segment is typically the product + version name,\n // which is typically also shown in much larger font below,\n // so there's no reason to always show it in full.\n useLayoutEffect(() => {\n if (!containerRef.current \|\| !finalSegmentRef.current \|\| !maxSegments) return\n const container = containerRef.current\n\n // The amount of truncation is exactly the difference between the container's width\n // and the maximum available width.\n const maxWidth = getPathMaxWidth(container) ?? Infinity\n const diff = container.clientWidth - maxWidth\n if (diff <= 0) return\n\n // Reduce the segment's width by the difference\n const newWidth = `${finalSegmentRef.current.clientWidth - diff}px`\n // finalSegmentRef.current.style.width = newWidth\n }, [maxSegments])\n\n // Check if there are fewer than or equal to maxSegments segments\n const segmentsToShow =\n maxSegments && segments.length > maxSegments ? segments.slice(-maxSegments) : segments\n const hiddenSegments =\n maxSegments && segments.length > maxSegments ? segments.slice(0, -maxSegments) : []\n\n // if there is no project name, add to hidden segments\n if (hideProjectName)\n hiddenSegments.unshift({ type: 'project', label: projectName, id: projectName })\n\n // if the entityType is a version, separate the version\n let versionSegment\n let finalSegmentsToShow = segmentsToShow\n\n if (entityType === 'version' && segments.length > 0) {\n versionSegment = segments[segments.length - 1]\n finalSegmentsToShow = segmentsToShow.slice(0, -1)\n }\n\n const handleMouseEnter = (e: DropdownMouseEvent) => {\n const [, id] = getDropdownElements(e)\n if (id && !dropdownOpen) setDropdownOpen(id)\n }\n const handleMouseLeave = () => setDropdownOpen(null)\n\n const handleDropdownClick = (e: DropdownMouseEvent) => {\n const [target, id] = getDropdownElements(e)\n\n if (!dropdownStates.includes(id)) return\n const isListItem = !!target.closest('li')\n\n if (isListItem) setDropdownOpen(null)\n else if (dropdownOpen !== id) setDropdownOpen(id)\n }\n\n const segmentProps = { scope, projectName }\n\n return (\n <Styled.Path className={clsx({ loading: isLoading })} id=\"entity-path\" ref={containerRef}>\n {!hideProjectName && <Styled.Segment>{projectName}</Styled.Segment>}\n\n {!!hiddenSegments.length && (\n <>\n {!hideProjectName && <Slash />}\n <Styled.Segment\n className=\"dropdown more\"\n id=\"more\"\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={handleDropdownClick}\n >\n ...\n {dropdownOpen === 'more' && (\n <Styled.MoreModal>\n <Styled.MoreList>\n {hiddenSegments.map((segment) => (\n <SegmentProvider {...segmentProps} segment={segment} key={segment.id}>\n <Styled.MoreItem>{segment.label}</Styled.MoreItem>\n </SegmentProvider>\n ))}\n </Styled.MoreList>\n </Styled.MoreModal>\n )}\n </Styled.Segment>\n </>\n )}\n\n {finalSegmentsToShow.map((segment) => (\n <Fragment key={segment.id}>\n <Slash />\n\n <SegmentProvider {...segmentProps} segment={segment} className=\"full\">\n <Styled.Segment>\n <span className=\"label\">{segment.label}</span>\n </Styled.Segment>\n </SegmentProvider>\n </Fragment>\n ))}\n\n {versionSegment && (\n <>\n <Slash />\n <Styled.SegmentWrapper\n className=\"full dropdown\"\n id=\"versions\"\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={handleDropdownClick}\n >\n <SegmentProvider\n {...segmentProps}\n segment={versionSegment}\n isOpen={dropdownOpen === 'versions'}\n >\n <Styled.Segment>\n <Styled.FinalSegmentLabel ref={finalSegmentRef} className=\"label\">\n {versionSegment.label}\n </Styled.FinalSegmentLabel>\n <Icon icon=\"expand_more\" />\n </Styled.Segment>\n </SegmentProvider>\n {dropdownOpen === 'versions' && (\n <Styled.MoreModal>\n <Styled.MoreList>\n {versions.map((version) => (\n <SegmentProvider {...segmentProps} segment={version} key={version.id}>\n <Styled.MoreItem>{version.label}</Styled.MoreItem>\n </SegmentProvider>\n ))}\n </Styled.MoreList>\n </Styled.MoreModal>\n )}\n </Styled.SegmentWrapper>\n </>\n )}\n </Styled.Path>\n )\n}\n\nconst getPathMaxWidth = (pathEl: HTMLDivElement) => {\n const toolbar = pathEl.parentElement\n if (!toolbar) return\n // get width of toolbar without padding\n const toolbarStyle = getComputedStyle(toolbar)\n const paddingLeft = parseInt(toolbarStyle.paddingLeft) \|\| 0\n const paddingRight = parseInt(toolbarStyle.paddingRight) \|\| 0\n const gap = parseInt(toolbarStyle.gap) \|\| 0\n const toolbarWidth = toolbar.clientWidth - paddingLeft - paddingRight\n\n // get child elements that are not path\n const children = Array.from(toolbar.children).filter((child) => child.id !== 'entity-path')\n // find total width of children including the gap between them\n const childrenWidth = Array.from(children).reduce(\n (acc, child) => acc + (child as HTMLElement).clientWidth,\n 0,\n )\n\n return toolbarWidth - childrenWidth - gap * (children.length - 1)\n}\n\nconst totalUpSegmentsWidth = (children: HTMLCollection, count: number, full: number) => {\n const skip = full - count\n let total = 0\n for (let i = 0; i < full - skip; i++) {\n const index = i > 1 ? i + skip : i\n const width = (children[index] as Element)?.clientWidth\n if (isNaN(width)) continue\n total += width\n }\n const gap = 4\n const moreWidth = 40\n return total + (gap * count - 1) + moreWidth\n}\n"],"names":["Slash","jsx","dropdownStates","getDropdownElements","e","target","dropdownId","EntityPath","projectName","hideProjectName","segments","versions","isLoading","entityType","scope","containerRef","useRef","dropdownOpen","setDropdownOpen","useState","maxSegments","setMaxSegments","calcMaxWidth","setCalcMaxWidth","finalSegmentRef","useLayoutEffect","container","pathWidth","maxWidth","getPathMaxWidth","children","totalWidth","fullCount","segmentsCount","totalUpSegmentsWidth","newMaxSegments","segment","diff","segmentsToShow","hiddenSegments","versionSegment","finalSegmentsToShow","handleMouseEnter","id","handleMouseLeave","handleDropdownClick","segmentProps","jsxs","Styled.Path","clsx","Styled.Segment","Fragment","Styled.MoreModal","Styled.MoreList","createElement","SegmentProvider","Styled.MoreItem","Styled.SegmentWrapper","Styled.FinalSegmentLabel","Icon","version","pathEl","toolbar","toolbarStyle","paddingLeft","paddingRight","gap","toolbarWidth","child","childrenWidth","acc","count","full","skip","total","i","index","width"],"mappings":"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"}
1	+ {"version":3,"file":"EntityPath.cjs.js","sources":["../../../../../src/components/EntityPath/EntityPath.tsx"],"sourcesContent":["import { FC, Fragment, MouseEvent, useLayoutEffect, useRef, useState } from 'react'\nimport * as Styled from './EntityPath.styled'\nimport clsx from 'clsx'\nimport SegmentProvider from './SegmentProvider'\nimport { Icon } from '@ynput/ayon-react-components'\nimport type { DetailsPanelEntityType } from '@shared/api'\n\nconst Slash = () => <span className=\"slash\">/</span>\n\nexport type PathSegment = {\n type: DetailsPanelEntityType \| 'product' \| 'project'\n label: string\n id: string\n}\n\nconst dropdownStates = ['more', 'versions']\ntype DropdownState = (typeof dropdownStates)[number]\n\ntype DropdownMouseEvent = MouseEvent<HTMLSpanElement>\nconst getDropdownElements = (e: DropdownMouseEvent): [HTMLElement, string] => {\n const target = e.target as HTMLElement\n const dropdownId = target.closest('.dropdown')?.id \|\| ''\n return [target, dropdownId]\n}\n\nexport interface EntityPathProps {\n projectName: string\n hideProjectName: boolean\n segments: PathSegment[]\n isLoading: boolean\n entityType: string\n versions: PathSegment[]\n scope: string\n}\n\nexport const EntityPath: FC<EntityPathProps> = ({\n projectName,\n hideProjectName,\n segments,\n versions = [],\n isLoading,\n entityType,\n scope,\n}) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const [dropdownOpen, setDropdownOpen] = useState<null \| DropdownState>(null)\n // defaults to whole path\n const [maxSegments, setMaxSegments] = useState<null \| number>(null)\n const [calcMaxWidth, setCalcMaxWidth] = useState(false)\n const finalSegmentRef = useRef<HTMLSpanElement>(null)\n\n useLayoutEffect(() => {\n setMaxSegments(null)\n setCalcMaxWidth(true)\n }, [segments])\n\n useLayoutEffect(() => {\n if (!containerRef.current) {\n setCalcMaxWidth(false)\n return\n }\n // find max width the path can be\n const container = containerRef.current\n const pathWidth = container.clientWidth\n const maxWidth = getPathMaxWidth(container)\n\n if (!maxWidth) return\n\n // we need to reduce the number of segments shown\n // but maybe even then it is still longer than the max width\n // so we need to reduce the number of segments until the total width is less than the max width\n const children = container.children\n let totalWidth = pathWidth\n // number of segments to keep\n const fullCount = container.childElementCount\n let segmentsCount = fullCount\n // while loop that removes segments until the total width is less than the max width\n while (totalWidth > maxWidth && segmentsCount > 0) {\n // remove 2 segments at a time (because of slashes)\n segmentsCount -= 2\n totalWidth = totalUpSegmentsWidth(children, segmentsCount, fullCount)\n }\n\n // count number of \"full\" segments left\n // if something goes wrong, removing 1 (2) is probably enough\n let newMaxSegments =\n Array.from(children)\n .slice(0, segmentsCount)\n .filter(\n (segment) => segment.nodeType === Node.ELEMENT_NODE && segment.className.includes('full'),\n )?.length \|\| 2\n\n // cap at 1\n newMaxSegments = Math.max(newMaxSegments, 1)\n\n setMaxSegments(newMaxSegments)\n setCalcMaxWidth(false)\n }, [containerRef.current, calcMaxWidth])\n\n // Ensure that, even if the collapsed segments still aren't\n // enough to fit the path within the available space,\n // we fit everything in by truncating the last segment's label.\n // This segment is typically the product + version name,\n // which is typically also shown in much larger font below,\n // so there's no reason to always show it in full.\n useLayoutEffect(() => {\n if (!containerRef.current \|\| !finalSegmentRef.current \|\| !maxSegments) return\n const container = containerRef.current\n\n // The amount of truncation is exactly the difference between the container's width\n // and the maximum available width.\n const maxWidth = getPathMaxWidth(container) ?? Infinity\n const diff = container.clientWidth - maxWidth\n if (diff <= 0) return\n\n // Reduce the segment's width by the difference\n const newWidth = `${finalSegmentRef.current.clientWidth - diff}px`\n // finalSegmentRef.current.style.width = newWidth\n }, [maxSegments])\n\n // Check if there are fewer than or equal to maxSegments segments\n const segmentsToShow =\n maxSegments && segments.length > maxSegments ? segments.slice(-maxSegments) : segments\n const hiddenSegments =\n maxSegments && segments.length > maxSegments ? segments.slice(0, -maxSegments) : []\n\n // if there is no project name, add to hidden segments\n if (hideProjectName)\n hiddenSegments.unshift({ type: 'project', label: projectName, id: projectName })\n\n // if the entityType is a version, separate the version\n let versionSegment\n let finalSegmentsToShow = segmentsToShow\n\n if (entityType === 'version' && segments.length > 0) {\n versionSegment = segments[segments.length - 1]\n finalSegmentsToShow = segmentsToShow.slice(0, -1)\n }\n\n const handleMouseEnter = (e: DropdownMouseEvent) => {\n const [, id] = getDropdownElements(e)\n if (id && !dropdownOpen) setDropdownOpen(id)\n }\n const handleMouseLeave = () => setDropdownOpen(null)\n\n const handleDropdownClick = (e: DropdownMouseEvent) => {\n const [target, id] = getDropdownElements(e)\n\n if (!dropdownStates.includes(id)) return\n const isListItem = !!target.closest('li')\n\n if (isListItem) setDropdownOpen(null)\n else if (dropdownOpen !== id) setDropdownOpen(id)\n }\n\n const segmentProps = { scope, projectName }\n\n return (\n <Styled.Path className={clsx({ loading: isLoading })} id=\"entity-path\" ref={containerRef}>\n {!hideProjectName && <Styled.Segment>{projectName}</Styled.Segment>}\n\n {!!hiddenSegments.length && (\n <>\n {!hideProjectName && <Slash />}\n <Styled.Segment\n className=\"dropdown more\"\n id=\"more\"\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={handleDropdownClick}\n >\n ...\n {dropdownOpen === 'more' && (\n <Styled.MoreModal>\n <Styled.MoreList>\n {hiddenSegments.map((segment) => (\n <SegmentProvider {...segmentProps} segment={segment} key={segment.id}>\n <Styled.MoreItem>{segment.label}</Styled.MoreItem>\n </SegmentProvider>\n ))}\n </Styled.MoreList>\n </Styled.MoreModal>\n )}\n </Styled.Segment>\n </>\n )}\n\n {finalSegmentsToShow.map((segment) => (\n <Fragment key={segment.id}>\n <Slash />\n\n <SegmentProvider {...segmentProps} segment={segment} className=\"full\">\n <Styled.Segment>\n <span className=\"label\">{segment.label}</span>\n </Styled.Segment>\n </SegmentProvider>\n </Fragment>\n ))}\n\n {versionSegment && (\n <>\n <Slash />\n <Styled.SegmentWrapper\n className=\"full dropdown\"\n id=\"versions\"\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={handleDropdownClick}\n >\n <SegmentProvider\n {...segmentProps}\n segment={versionSegment}\n isOpen={dropdownOpen === 'versions'}\n >\n <Styled.Segment>\n <Styled.FinalSegmentLabel ref={finalSegmentRef} className=\"label\">\n {versionSegment.label}\n </Styled.FinalSegmentLabel>\n <Icon icon=\"expand_more\" />\n </Styled.Segment>\n </SegmentProvider>\n {dropdownOpen === 'versions' && (\n <Styled.MoreModal>\n <Styled.MoreList>\n {versions.map((version) => (\n <SegmentProvider {...segmentProps} segment={version} key={version.id}>\n <Styled.MoreItem>{version.label}</Styled.MoreItem>\n </SegmentProvider>\n ))}\n </Styled.MoreList>\n </Styled.MoreModal>\n )}\n </Styled.SegmentWrapper>\n </>\n )}\n </Styled.Path>\n )\n}\n\nconst getPathMaxWidth = (pathEl: HTMLDivElement) => {\n const toolbar = pathEl.parentElement\n if (!toolbar) return\n // get width of toolbar without padding\n const toolbarStyle = getComputedStyle(toolbar)\n const paddingLeft = parseInt(toolbarStyle.paddingLeft) \|\| 0\n const paddingRight = parseInt(toolbarStyle.paddingRight) \|\| 0\n const gap = parseInt(toolbarStyle.gap) \|\| 0\n const toolbarWidth = toolbar.clientWidth - paddingLeft - paddingRight\n\n // get child elements that are not path\n const children = Array.from(toolbar.children).filter((child) => child.id !== 'entity-path')\n // find total width of children including the gap between them\n const childrenWidth = Array.from(children).reduce(\n (acc, child) => acc + (child as HTMLElement).clientWidth,\n 0,\n )\n\n return toolbarWidth - childrenWidth - gap * (children.length - 1)\n}\n\nconst totalUpSegmentsWidth = (children: HTMLCollection, count: number, full: number) => {\n const skip = full - count\n let total = 0\n for (let i = 0; i < full - skip; i++) {\n const index = i > 1 ? i + skip : i\n const width = (children[index] as Element)?.clientWidth\n if (isNaN(width)) continue\n total += width\n }\n const gap = 4\n const moreWidth = 40\n return total + (gap * count - 1) + moreWidth\n}\n"],"names":["Slash","jsx","dropdownStates","getDropdownElements","e","target","dropdownId","EntityPath","projectName","hideProjectName","segments","versions","isLoading","entityType","scope","containerRef","useRef","dropdownOpen","setDropdownOpen","useState","maxSegments","setMaxSegments","calcMaxWidth","setCalcMaxWidth","finalSegmentRef","useLayoutEffect","container","pathWidth","maxWidth","getPathMaxWidth","children","totalWidth","fullCount","segmentsCount","totalUpSegmentsWidth","newMaxSegments","segment","diff","segmentsToShow","hiddenSegments","versionSegment","finalSegmentsToShow","handleMouseEnter","id","handleMouseLeave","handleDropdownClick","segmentProps","jsxs","Styled.Path","clsx","Styled.Segment","Fragment","Styled.MoreModal","Styled.MoreList","createElement","SegmentProvider","Styled.MoreItem","Styled.SegmentWrapper","Styled.FinalSegmentLabel","Icon","version","pathEl","toolbar","toolbarStyle","paddingLeft","paddingRight","gap","toolbarWidth","child","childrenWidth","acc","count","full","skip","total","i","index","width"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EntityPath.es.js","sources":["../../../../../src/components/EntityPath/EntityPath.tsx"],"sourcesContent":["import { FC, Fragment, MouseEvent, useLayoutEffect, useRef, useState } from 'react'\nimport * as Styled from './EntityPath.styled'\nimport clsx from 'clsx'\nimport SegmentProvider from './SegmentProvider'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Slash = () => <span className=\"slash\">/</span>\n\nexport type PathSegment = {\n type: DetailsPanelEntityType \| 'product' \| 'project'\n label: string\n id: string\n}\n\nconst dropdownStates = ['more', 'versions']\ntype DropdownState = (typeof dropdownStates)[number]\n\ntype DropdownMouseEvent = MouseEvent<HTMLSpanElement>\nconst getDropdownElements = (e: DropdownMouseEvent): [HTMLElement, string] => {\n const target = e.target as HTMLElement\n const dropdownId = target.closest('.dropdown')?.id \|\| ''\n return [target, dropdownId]\n}\n\nexport interface EntityPathProps {\n projectName: string\n hideProjectName: boolean\n segments: PathSegment[]\n isLoading: boolean\n entityType: string\n versions: PathSegment[]\n scope: string\n}\n\nexport const EntityPath: FC<EntityPathProps> = ({\n projectName,\n hideProjectName,\n segments,\n versions = [],\n isLoading,\n entityType,\n scope,\n}) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const [dropdownOpen, setDropdownOpen] = useState<null \| DropdownState>(null)\n // defaults to whole path\n const [maxSegments, setMaxSegments] = useState<null \| number>(null)\n const [calcMaxWidth, setCalcMaxWidth] = useState(false)\n const finalSegmentRef = useRef<HTMLSpanElement>(null)\n\n useLayoutEffect(() => {\n setMaxSegments(null)\n setCalcMaxWidth(true)\n }, [segments])\n\n useLayoutEffect(() => {\n if (!containerRef.current) {\n setCalcMaxWidth(false)\n return\n }\n // find max width the path can be\n const container = containerRef.current\n const pathWidth = container.clientWidth\n const maxWidth = getPathMaxWidth(container)\n\n if (!maxWidth) return\n\n // we need to reduce the number of segments shown\n // but maybe even then it is still longer than the max width\n // so we need to reduce the number of segments until the total width is less than the max width\n const children = container.children\n let totalWidth = pathWidth\n // number of segments to keep\n const fullCount = container.childElementCount\n let segmentsCount = fullCount\n // while loop that removes segments until the total width is less than the max width\n while (totalWidth > maxWidth && segmentsCount > 0) {\n // remove 2 segments at a time (because of slashes)\n segmentsCount -= 2\n totalWidth = totalUpSegmentsWidth(children, segmentsCount, fullCount)\n }\n\n // count number of \"full\" segments left\n // if something goes wrong, removing 1 (2) is probably enough\n let newMaxSegments =\n Array.from(children)\n .slice(0, segmentsCount)\n .filter(\n (segment) => segment.nodeType === Node.ELEMENT_NODE && segment.className.includes('full'),\n )?.length \|\| 2\n\n // cap at 1\n newMaxSegments = Math.max(newMaxSegments, 1)\n\n setMaxSegments(newMaxSegments)\n setCalcMaxWidth(false)\n }, [containerRef.current, calcMaxWidth])\n\n // Ensure that, even if the collapsed segments still aren't\n // enough to fit the path within the available space,\n // we fit everything in by truncating the last segment's label.\n // This segment is typically the product + version name,\n // which is typically also shown in much larger font below,\n // so there's no reason to always show it in full.\n useLayoutEffect(() => {\n if (!containerRef.current \|\| !finalSegmentRef.current \|\| !maxSegments) return\n const container = containerRef.current\n\n // The amount of truncation is exactly the difference between the container's width\n // and the maximum available width.\n const maxWidth = getPathMaxWidth(container) ?? Infinity\n const diff = container.clientWidth - maxWidth\n if (diff <= 0) return\n\n // Reduce the segment's width by the difference\n const newWidth = `${finalSegmentRef.current.clientWidth - diff}px`\n // finalSegmentRef.current.style.width = newWidth\n }, [maxSegments])\n\n // Check if there are fewer than or equal to maxSegments segments\n const segmentsToShow =\n maxSegments && segments.length > maxSegments ? segments.slice(-maxSegments) : segments\n const hiddenSegments =\n maxSegments && segments.length > maxSegments ? segments.slice(0, -maxSegments) : []\n\n // if there is no project name, add to hidden segments\n if (hideProjectName)\n hiddenSegments.unshift({ type: 'project', label: projectName, id: projectName })\n\n // if the entityType is a version, separate the version\n let versionSegment\n let finalSegmentsToShow = segmentsToShow\n\n if (entityType === 'version' && segments.length > 0) {\n versionSegment = segments[segments.length - 1]\n finalSegmentsToShow = segmentsToShow.slice(0, -1)\n }\n\n const handleMouseEnter = (e: DropdownMouseEvent) => {\n const [, id] = getDropdownElements(e)\n if (id && !dropdownOpen) setDropdownOpen(id)\n }\n const handleMouseLeave = () => setDropdownOpen(null)\n\n const handleDropdownClick = (e: DropdownMouseEvent) => {\n const [target, id] = getDropdownElements(e)\n\n if (!dropdownStates.includes(id)) return\n const isListItem = !!target.closest('li')\n\n if (isListItem) setDropdownOpen(null)\n else if (dropdownOpen !== id) setDropdownOpen(id)\n }\n\n const segmentProps = { scope, projectName }\n\n return (\n <Styled.Path className={clsx({ loading: isLoading })} id=\"entity-path\" ref={containerRef}>\n {!hideProjectName && <Styled.Segment>{projectName}</Styled.Segment>}\n\n {!!hiddenSegments.length && (\n <>\n {!hideProjectName && <Slash />}\n <Styled.Segment\n className=\"dropdown more\"\n id=\"more\"\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={handleDropdownClick}\n >\n ...\n {dropdownOpen === 'more' && (\n <Styled.MoreModal>\n <Styled.MoreList>\n {hiddenSegments.map((segment) => (\n <SegmentProvider {...segmentProps} segment={segment} key={segment.id}>\n <Styled.MoreItem>{segment.label}</Styled.MoreItem>\n </SegmentProvider>\n ))}\n </Styled.MoreList>\n </Styled.MoreModal>\n )}\n </Styled.Segment>\n </>\n )}\n\n {finalSegmentsToShow.map((segment) => (\n <Fragment key={segment.id}>\n <Slash />\n\n <SegmentProvider {...segmentProps} segment={segment} className=\"full\">\n <Styled.Segment>\n <span className=\"label\">{segment.label}</span>\n </Styled.Segment>\n </SegmentProvider>\n </Fragment>\n ))}\n\n {versionSegment && (\n <>\n <Slash />\n <Styled.SegmentWrapper\n className=\"full dropdown\"\n id=\"versions\"\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={handleDropdownClick}\n >\n <SegmentProvider\n {...segmentProps}\n segment={versionSegment}\n isOpen={dropdownOpen === 'versions'}\n >\n <Styled.Segment>\n <Styled.FinalSegmentLabel ref={finalSegmentRef} className=\"label\">\n {versionSegment.label}\n </Styled.FinalSegmentLabel>\n <Icon icon=\"expand_more\" />\n </Styled.Segment>\n </SegmentProvider>\n {dropdownOpen === 'versions' && (\n <Styled.MoreModal>\n <Styled.MoreList>\n {versions.map((version) => (\n <SegmentProvider {...segmentProps} segment={version} key={version.id}>\n <Styled.MoreItem>{version.label}</Styled.MoreItem>\n </SegmentProvider>\n ))}\n </Styled.MoreList>\n </Styled.MoreModal>\n )}\n </Styled.SegmentWrapper>\n </>\n )}\n </Styled.Path>\n )\n}\n\nconst getPathMaxWidth = (pathEl: HTMLDivElement) => {\n const toolbar = pathEl.parentElement\n if (!toolbar) return\n // get width of toolbar without padding\n const toolbarStyle = getComputedStyle(toolbar)\n const paddingLeft = parseInt(toolbarStyle.paddingLeft) \|\| 0\n const paddingRight = parseInt(toolbarStyle.paddingRight) \|\| 0\n const gap = parseInt(toolbarStyle.gap) \|\| 0\n const toolbarWidth = toolbar.clientWidth - paddingLeft - paddingRight\n\n // get child elements that are not path\n const children = Array.from(toolbar.children).filter((child) => child.id !== 'entity-path')\n // find total width of children including the gap between them\n const childrenWidth = Array.from(children).reduce(\n (acc, child) => acc + (child as HTMLElement).clientWidth,\n 0,\n )\n\n return toolbarWidth - childrenWidth - gap * (children.length - 1)\n}\n\nconst totalUpSegmentsWidth = (children: HTMLCollection, count: number, full: number) => {\n const skip = full - count\n let total = 0\n for (let i = 0; i < full - skip; i++) {\n const index = i > 1 ? i + skip : i\n const width = (children[index] as Element)?.clientWidth\n if (isNaN(width)) continue\n total += width\n }\n const gap = 4\n const moreWidth = 40\n return total + (gap * count - 1) + moreWidth\n}\n"],"names":["Slash","jsx","dropdownStates","getDropdownElements","e","target","dropdownId","EntityPath","projectName","hideProjectName","segments","versions","isLoading","entityType","scope","containerRef","useRef","dropdownOpen","setDropdownOpen","useState","maxSegments","setMaxSegments","calcMaxWidth","setCalcMaxWidth","finalSegmentRef","useLayoutEffect","container","pathWidth","maxWidth","getPathMaxWidth","children","totalWidth","fullCount","segmentsCount","totalUpSegmentsWidth","newMaxSegments","segment","diff","segmentsToShow","hiddenSegments","versionSegment","finalSegmentsToShow","handleMouseEnter","id","handleMouseLeave","handleDropdownClick","segmentProps","jsxs","Styled.Path","clsx","Styled.Segment","Fragment","Styled.MoreModal","Styled.MoreList","createElement","SegmentProvider","Styled.MoreItem","Styled.SegmentWrapper","Styled.FinalSegmentLabel","Icon","version","pathEl","toolbar","toolbarStyle","paddingLeft","paddingRight","gap","toolbarWidth","child","childrenWidth","acc","count","full","skip","total","i","index","width"],"mappings":"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"}
1	+ {"version":3,"file":"EntityPath.es.js","sources":["../../../../../src/components/EntityPath/EntityPath.tsx"],"sourcesContent":["import { FC, Fragment, MouseEvent, useLayoutEffect, useRef, useState } from 'react'\nimport * as Styled from './EntityPath.styled'\nimport clsx from 'clsx'\nimport SegmentProvider from './SegmentProvider'\nimport { Icon } from '@ynput/ayon-react-components'\nimport type { DetailsPanelEntityType } from '@shared/api'\n\nconst Slash = () => <span className=\"slash\">/</span>\n\nexport type PathSegment = {\n type: DetailsPanelEntityType \| 'product' \| 'project'\n label: string\n id: string\n}\n\nconst dropdownStates = ['more', 'versions']\ntype DropdownState = (typeof dropdownStates)[number]\n\ntype DropdownMouseEvent = MouseEvent<HTMLSpanElement>\nconst getDropdownElements = (e: DropdownMouseEvent): [HTMLElement, string] => {\n const target = e.target as HTMLElement\n const dropdownId = target.closest('.dropdown')?.id \|\| ''\n return [target, dropdownId]\n}\n\nexport interface EntityPathProps {\n projectName: string\n hideProjectName: boolean\n segments: PathSegment[]\n isLoading: boolean\n entityType: string\n versions: PathSegment[]\n scope: string\n}\n\nexport const EntityPath: FC<EntityPathProps> = ({\n projectName,\n hideProjectName,\n segments,\n versions = [],\n isLoading,\n entityType,\n scope,\n}) => {\n const containerRef = useRef<HTMLDivElement>(null)\n const [dropdownOpen, setDropdownOpen] = useState<null \| DropdownState>(null)\n // defaults to whole path\n const [maxSegments, setMaxSegments] = useState<null \| number>(null)\n const [calcMaxWidth, setCalcMaxWidth] = useState(false)\n const finalSegmentRef = useRef<HTMLSpanElement>(null)\n\n useLayoutEffect(() => {\n setMaxSegments(null)\n setCalcMaxWidth(true)\n }, [segments])\n\n useLayoutEffect(() => {\n if (!containerRef.current) {\n setCalcMaxWidth(false)\n return\n }\n // find max width the path can be\n const container = containerRef.current\n const pathWidth = container.clientWidth\n const maxWidth = getPathMaxWidth(container)\n\n if (!maxWidth) return\n\n // we need to reduce the number of segments shown\n // but maybe even then it is still longer than the max width\n // so we need to reduce the number of segments until the total width is less than the max width\n const children = container.children\n let totalWidth = pathWidth\n // number of segments to keep\n const fullCount = container.childElementCount\n let segmentsCount = fullCount\n // while loop that removes segments until the total width is less than the max width\n while (totalWidth > maxWidth && segmentsCount > 0) {\n // remove 2 segments at a time (because of slashes)\n segmentsCount -= 2\n totalWidth = totalUpSegmentsWidth(children, segmentsCount, fullCount)\n }\n\n // count number of \"full\" segments left\n // if something goes wrong, removing 1 (2) is probably enough\n let newMaxSegments =\n Array.from(children)\n .slice(0, segmentsCount)\n .filter(\n (segment) => segment.nodeType === Node.ELEMENT_NODE && segment.className.includes('full'),\n )?.length \|\| 2\n\n // cap at 1\n newMaxSegments = Math.max(newMaxSegments, 1)\n\n setMaxSegments(newMaxSegments)\n setCalcMaxWidth(false)\n }, [containerRef.current, calcMaxWidth])\n\n // Ensure that, even if the collapsed segments still aren't\n // enough to fit the path within the available space,\n // we fit everything in by truncating the last segment's label.\n // This segment is typically the product + version name,\n // which is typically also shown in much larger font below,\n // so there's no reason to always show it in full.\n useLayoutEffect(() => {\n if (!containerRef.current \|\| !finalSegmentRef.current \|\| !maxSegments) return\n const container = containerRef.current\n\n // The amount of truncation is exactly the difference between the container's width\n // and the maximum available width.\n const maxWidth = getPathMaxWidth(container) ?? Infinity\n const diff = container.clientWidth - maxWidth\n if (diff <= 0) return\n\n // Reduce the segment's width by the difference\n const newWidth = `${finalSegmentRef.current.clientWidth - diff}px`\n // finalSegmentRef.current.style.width = newWidth\n }, [maxSegments])\n\n // Check if there are fewer than or equal to maxSegments segments\n const segmentsToShow =\n maxSegments && segments.length > maxSegments ? segments.slice(-maxSegments) : segments\n const hiddenSegments =\n maxSegments && segments.length > maxSegments ? segments.slice(0, -maxSegments) : []\n\n // if there is no project name, add to hidden segments\n if (hideProjectName)\n hiddenSegments.unshift({ type: 'project', label: projectName, id: projectName })\n\n // if the entityType is a version, separate the version\n let versionSegment\n let finalSegmentsToShow = segmentsToShow\n\n if (entityType === 'version' && segments.length > 0) {\n versionSegment = segments[segments.length - 1]\n finalSegmentsToShow = segmentsToShow.slice(0, -1)\n }\n\n const handleMouseEnter = (e: DropdownMouseEvent) => {\n const [, id] = getDropdownElements(e)\n if (id && !dropdownOpen) setDropdownOpen(id)\n }\n const handleMouseLeave = () => setDropdownOpen(null)\n\n const handleDropdownClick = (e: DropdownMouseEvent) => {\n const [target, id] = getDropdownElements(e)\n\n if (!dropdownStates.includes(id)) return\n const isListItem = !!target.closest('li')\n\n if (isListItem) setDropdownOpen(null)\n else if (dropdownOpen !== id) setDropdownOpen(id)\n }\n\n const segmentProps = { scope, projectName }\n\n return (\n <Styled.Path className={clsx({ loading: isLoading })} id=\"entity-path\" ref={containerRef}>\n {!hideProjectName && <Styled.Segment>{projectName}</Styled.Segment>}\n\n {!!hiddenSegments.length && (\n <>\n {!hideProjectName && <Slash />}\n <Styled.Segment\n className=\"dropdown more\"\n id=\"more\"\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={handleDropdownClick}\n >\n ...\n {dropdownOpen === 'more' && (\n <Styled.MoreModal>\n <Styled.MoreList>\n {hiddenSegments.map((segment) => (\n <SegmentProvider {...segmentProps} segment={segment} key={segment.id}>\n <Styled.MoreItem>{segment.label}</Styled.MoreItem>\n </SegmentProvider>\n ))}\n </Styled.MoreList>\n </Styled.MoreModal>\n )}\n </Styled.Segment>\n </>\n )}\n\n {finalSegmentsToShow.map((segment) => (\n <Fragment key={segment.id}>\n <Slash />\n\n <SegmentProvider {...segmentProps} segment={segment} className=\"full\">\n <Styled.Segment>\n <span className=\"label\">{segment.label}</span>\n </Styled.Segment>\n </SegmentProvider>\n </Fragment>\n ))}\n\n {versionSegment && (\n <>\n <Slash />\n <Styled.SegmentWrapper\n className=\"full dropdown\"\n id=\"versions\"\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onClick={handleDropdownClick}\n >\n <SegmentProvider\n {...segmentProps}\n segment={versionSegment}\n isOpen={dropdownOpen === 'versions'}\n >\n <Styled.Segment>\n <Styled.FinalSegmentLabel ref={finalSegmentRef} className=\"label\">\n {versionSegment.label}\n </Styled.FinalSegmentLabel>\n <Icon icon=\"expand_more\" />\n </Styled.Segment>\n </SegmentProvider>\n {dropdownOpen === 'versions' && (\n <Styled.MoreModal>\n <Styled.MoreList>\n {versions.map((version) => (\n <SegmentProvider {...segmentProps} segment={version} key={version.id}>\n <Styled.MoreItem>{version.label}</Styled.MoreItem>\n </SegmentProvider>\n ))}\n </Styled.MoreList>\n </Styled.MoreModal>\n )}\n </Styled.SegmentWrapper>\n </>\n )}\n </Styled.Path>\n )\n}\n\nconst getPathMaxWidth = (pathEl: HTMLDivElement) => {\n const toolbar = pathEl.parentElement\n if (!toolbar) return\n // get width of toolbar without padding\n const toolbarStyle = getComputedStyle(toolbar)\n const paddingLeft = parseInt(toolbarStyle.paddingLeft) \|\| 0\n const paddingRight = parseInt(toolbarStyle.paddingRight) \|\| 0\n const gap = parseInt(toolbarStyle.gap) \|\| 0\n const toolbarWidth = toolbar.clientWidth - paddingLeft - paddingRight\n\n // get child elements that are not path\n const children = Array.from(toolbar.children).filter((child) => child.id !== 'entity-path')\n // find total width of children including the gap between them\n const childrenWidth = Array.from(children).reduce(\n (acc, child) => acc + (child as HTMLElement).clientWidth,\n 0,\n )\n\n return toolbarWidth - childrenWidth - gap * (children.length - 1)\n}\n\nconst totalUpSegmentsWidth = (children: HTMLCollection, count: number, full: number) => {\n const skip = full - count\n let total = 0\n for (let i = 0; i < full - skip; i++) {\n const index = i > 1 ? i + skip : i\n const width = (children[index] as Element)?.clientWidth\n if (isNaN(width)) continue\n total += width\n }\n const gap = 4\n const moreWidth = 40\n return total + (gap * count - 1) + moreWidth\n}\n"],"names":["Slash","jsx","dropdownStates","getDropdownElements","e","target","dropdownId","EntityPath","projectName","hideProjectName","segments","versions","isLoading","entityType","scope","containerRef","useRef","dropdownOpen","setDropdownOpen","useState","maxSegments","setMaxSegments","calcMaxWidth","setCalcMaxWidth","finalSegmentRef","useLayoutEffect","container","pathWidth","maxWidth","getPathMaxWidth","children","totalWidth","fullCount","segmentsCount","totalUpSegmentsWidth","newMaxSegments","segment","diff","segmentsToShow","hiddenSegments","versionSegment","finalSegmentsToShow","handleMouseEnter","id","handleMouseLeave","handleDropdownClick","segmentProps","jsxs","Styled.Path","clsx","Styled.Segment","Fragment","Styled.MoreModal","Styled.MoreList","createElement","SegmentProvider","Styled.MoreItem","Styled.SegmentWrapper","Styled.FinalSegmentLabel","Icon","version","pathEl","toolbar","toolbarStyle","paddingLeft","paddingRight","gap","toolbarWidth","child","childrenWidth","acc","count","full","skip","total","i","index","width"],"mappings":"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"}

package/dist/shared/src/components/EntityPath/SegmentProvider.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const x=require("../../../../_virtual/jsx-runtime.cjs.js"),C=require("react"),y=require("./EntityPath.styled.cjs.js"),m=require("../../../node_modules/primereact/utils/utils.esm.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");require("@ynput/ayon-react-components");;/* empty css                                                 */require("clsx");const b=require("../../containers/ContextMenu/useCreateContextMenu.cjs.js");require("lodash");require("react-toastify");const f=require("../../util/copyToClipboard.cjs.js");require("uuid");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");require("../../context/RemoteModulesContext.cjs.js");const j=require("../../context/DetailsPanelContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");require("../../context/EntityUpdatesContextInstance.cjs.js");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../ProjectTableSettings/ColumnsSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../containers/NewEntity/components/NewEntity.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/buildTreeTableColumns.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/utils/columnIds.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/NewEntity/context/NewEntityContextInstance.cjs.js");require("../../containers/NewEntity/components/NewEntityForm.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/CustomDateRangeDialog.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../SyncButton/SyncButton.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/FieldValue.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/Feed/components/FeedSearchFilter.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DeleteEntitiesContext.cjs.js");const M=C.forwardRef(({children:q,segment:r,isOpen:t,scope:h,projectName:n,...o},c)=>{const{openSlideOut:s}=j.useDetailsPanelContext(),u=r?.type!=="product"&&r?.type!=="project",a=()=>{if(!u)return;const{type:e,id:i}=r||{};!e||e==="project"||e==="product"||!i||s({entityType:e,entityId:i,projectName:n})},l=e=>[{label:`ID: ${e}`,icon:"content_copy",command:()=>f.copyToClipboard(e)}],[p]=b.useCreateContextMenu(),d=e=>{if(!r)return;const i=l(r.id);p(e,i)};return x.jsxRuntimeExports.jsx(y.ActiveSegment,{onClick:a,onContextMenu:d,className:m.classNames({link:u,open:t}),...o,ref:c,children:q})});module.exports=M;
+"use strict";const C=require("../../../../_virtual/jsx-runtime.cjs.js"),q=require("react"),y=require("./EntityPath.styled.cjs.js"),m=require("../../../node_modules/primereact/utils/utils.esm.cjs.js"),b=require("../../containers/ContextMenu/useCreateContextMenu.cjs.js");require("lodash");require("react-toastify");const f=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");require("../../util/pubsub.cjs.js");const j=require("../../context/DetailsPanelContext.cjs.js"),M=q.forwardRef(({children:r,segment:t,isOpen:i,scope:h,projectName:c,...s},u)=>{const{openSlideOut:a}=j.useDetailsPanelContext(),o=t?.type!=="product"&&t?.type!=="project",l=()=>{if(!o)return;const{type:e,id:n}=t||{};!e||e==="project"||e==="product"||!n||a({entityType:e,entityId:n,projectName:c})},p=e=>[{label:`ID: ${e}`,icon:"content_copy",command:()=>f.copyToClipboard(e)}],[d]=b.useCreateContextMenu(),x=e=>{if(!t)return;const n=p(t.id);d(e,n)};return C.jsxRuntimeExports.jsx(y.ActiveSegment,{onClick:l,onContextMenu:x,className:m.classNames({link:o,open:i}),...s,ref:u,children:r})});module.exports=M;
 //# sourceMappingURL=SegmentProvider.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentProvider.cjs.js","sources":["../../../../../src/components/EntityPath/SegmentProvider.tsx"],"sourcesContent":["import { forwardRef, MouseEvent } from 'react'\nimport { ActiveSegment } from './EntityPath.styled'\nimport { classNames } from 'primereact/utils'\nimport { PathSegment } from './EntityPath'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { copyToClipboard } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface SegmentProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n segment?: PathSegment\n isOpen?: boolean\n scope: string\n projectName: string\n}\n\nconst SegmentProvider = forwardRef<HTMLDivElement, SegmentProviderProps>(\n ({ children, segment, isOpen, scope, projectName, ...props }, ref) => {\n const { openSlideOut } = useDetailsPanelContext()\n // is the segment NOT a product \|\| project?\n const isLinkable = segment?.type !== 'product' && segment?.type !== 'project'\n\n const handleClick = () => {\n if (!isLinkable) return\n\n const { type: entityType, id: entityId } = segment \|\| {}\n\n if (!entityType \|\| entityType === 'project' \|\| entityType === 'product' \|\| !entityId) return\n\n openSlideOut({\n entityType,\n entityId,\n projectName,\n })\n }\n\n const buildContextMenu = (id: string) => [\n {\n label: `ID: ${id}`,\n icon: 'content_copy',\n command: () => copyToClipboard(id),\n },\n ]\n\n const [contextMenuShow] = useCreateContextMenu()\n\n const handleOnContext = (e: MouseEvent<HTMLDivElement>) => {\n if (!segment) return\n const menu = buildContextMenu(segment.id)\n\n contextMenuShow(e, menu)\n }\n\n return (\n <ActiveSegment\n onClick={handleClick}\n onContextMenu={handleOnContext}\n className={classNames({ link: isLinkable, open: isOpen })}\n {...props}\n ref={ref}\n >\n {children}\n </ActiveSegment>\n )\n },\n)\n\nexport default SegmentProvider\n"],"names":["SegmentProvider","forwardRef","children","segment","isOpen","scope","projectName","props","ref","openSlideOut","useDetailsPanelContext","isLinkable","handleClick","entityType","entityId","buildContextMenu","id","copyToClipboard","contextMenuShow","useCreateContextMenu","handleOnContext","menu","jsx","ActiveSegment","classNames"],"mappings":"~~8xjBAeA~~,~~MAAMA,~~EAAkBC,EAAAA,WACtB,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,OAAAC,EAAQ,MAAAC,EAAO,YAAAC,EAAa,GAAGC,CAAA,EAASC,IAAQ,CACpE,KAAM,CAAE,aAAAC,CAAA,EAAiBC,yBAAA,EAEnBC,EAAaR,GAAS,OAAS,WAAaA,GAAS,OAAS,UAE9DS,EAAc,IAAM,CACxB,GAAI,CAACD,EAAY,OAEjB,KAAM,CAAE,KAAME,EAAY,GAAIC,CAAA,EAAaX,GAAW,CAAA,EAElD,CAACU,GAAcA,IAAe,WAAaA,IAAe,WAAa,CAACC,GAE5EL,EAAa,CACX,WAAAI,EACA,SAAAC,EACA,YAAAR,CAAA,CACD,CACH,EAEMS,EAAoBC,GAAe,CACvC,CACE,MAAO,OAAOA,CAAE,GAChB,KAAM,eACN,QAAS,IAAMC,EAAAA,gBAAgBD,CAAE,CAAA,CACnC,EAGI,CAACE,CAAe,EAAIC,uBAAA,EAEpBC,EAAmB,GAAkC,CACzD,GAAI,CAACjB,EAAS,OACd,MAAMkB,EAAON,EAAiBZ,EAAQ,EAAE,EAExCe,EAAgB,EAAGG,CAAI,CACzB,EAEA,OACEC,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CACC,QAASX,EACT,cAAeQ,EACf,UAAWI,EAAAA,WAAW,CAAE,KAAMb,EAAY,KAAMP,EAAQ,EACvD,GAAGG,EACJ,IAAAC,EAEC,SAAAN,CAAA,CAAA,CAGP,CACF"}
1	+ {"version":3,"file":"SegmentProvider.cjs.js","sources":["../../../../../src/components/EntityPath/SegmentProvider.tsx"],"sourcesContent":["import { forwardRef, MouseEvent } from 'react'\nimport { ActiveSegment } from './EntityPath.styled'\nimport { classNames } from 'primereact/utils'\nimport { PathSegment } from './EntityPath'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu/useCreateContextMenu'\nimport { copyToClipboard } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\n\ninterface SegmentProviderProps extends React.HTMLAttributes<HTMLDivElement> {\n segment?: PathSegment\n isOpen?: boolean\n scope: string\n projectName: string\n}\n\nconst SegmentProvider = forwardRef<HTMLDivElement, SegmentProviderProps>(\n ({ children, segment, isOpen, scope, projectName, ...props }, ref) => {\n const { openSlideOut } = useDetailsPanelContext()\n // is the segment NOT a product \|\| project?\n const isLinkable = segment?.type !== 'product' && segment?.type !== 'project'\n\n const handleClick = () => {\n if (!isLinkable) return\n\n const { type: entityType, id: entityId } = segment \|\| {}\n\n if (!entityType \|\| entityType === 'project' \|\| entityType === 'product' \|\| !entityId) return\n\n openSlideOut({\n entityType,\n entityId,\n projectName,\n })\n }\n\n const buildContextMenu = (id: string) => [\n {\n label: `ID: ${id}`,\n icon: 'content_copy',\n command: () => copyToClipboard(id),\n },\n ]\n\n const [contextMenuShow] = useCreateContextMenu()\n\n const handleOnContext = (e: MouseEvent<HTMLDivElement>) => {\n if (!segment) return\n const menu = buildContextMenu(segment.id)\n\n contextMenuShow(e, menu)\n }\n\n return (\n <ActiveSegment\n onClick={handleClick}\n onContextMenu={handleOnContext}\n className={classNames({ link: isLinkable, open: isOpen })}\n {...props}\n ref={ref}\n >\n {children}\n </ActiveSegment>\n )\n },\n)\n\nexport default SegmentProvider\n"],"names":["SegmentProvider","forwardRef","children","segment","isOpen","scope","projectName","props","ref","openSlideOut","useDetailsPanelContext","isLinkable","handleClick","entityType","entityId","buildContextMenu","id","copyToClipboard","contextMenuShow","useCreateContextMenu","handleOnContext","menu","jsx","ActiveSegment","classNames"],"mappings":"qhBAeMA,EAAkBC,EAAAA,WACtB,CAAC,CAAE,SAAAC,EAAU,QAAAC,EAAS,OAAAC,EAAQ,MAAAC,EAAO,YAAAC,EAAa,GAAGC,CAAA,EAASC,IAAQ,CACpE,KAAM,CAAE,aAAAC,CAAA,EAAiBC,yBAAA,EAEnBC,EAAaR,GAAS,OAAS,WAAaA,GAAS,OAAS,UAE9DS,EAAc,IAAM,CACxB,GAAI,CAACD,EAAY,OAEjB,KAAM,CAAE,KAAME,EAAY,GAAIC,CAAA,EAAaX,GAAW,CAAA,EAElD,CAACU,GAAcA,IAAe,WAAaA,IAAe,WAAa,CAACC,GAE5EL,EAAa,CACX,WAAAI,EACA,SAAAC,EACA,YAAAR,CAAA,CACD,CACH,EAEMS,EAAoBC,GAAe,CACvC,CACE,MAAO,OAAOA,CAAE,GAChB,KAAM,eACN,QAAS,IAAMC,EAAAA,gBAAgBD,CAAE,CAAA,CACnC,EAGI,CAACE,CAAe,EAAIC,uBAAA,EAEpBC,EAAmB,GAAkC,CACzD,GAAI,CAACjB,EAAS,OACd,MAAMkB,EAAON,EAAiBZ,EAAQ,EAAE,EAExCe,EAAgB,EAAGG,CAAI,CACzB,EAEA,OACEC,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CACC,QAASX,EACT,cAAeQ,EACf,UAAWI,EAAAA,WAAW,CAAE,KAAMb,EAAY,KAAMP,EAAQ,EACvD,GAAGG,EACJ,IAAAC,EAEC,SAAAN,CAAA,CAAA,CAGP,CACF"}