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

@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

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

package/dist/shared/src/containers/NewEntity/components/FolderSequence.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FolderSequence.cjs.js","sources":["../../../../../../src/containers/NewEntity/components/FolderSequence.tsx"],"sourcesContent":["import {\n Button,\n Icon,\n InputNumber,\n InputSwitch,\n InputText,\n Spacer,\n} from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport * as Styled from './FolderSequence.styled'\nimport React, { ReactNode, useEffect, useLayoutEffect, useRef, useState } from 'react'\nimport { getSequence } from '../util/getSequence'\nimport TypeEditor from './TypeEditor'\nimport { newEntityDefinitions } from '../util/entityDefinitions'\n\ninterface SequenceTypeOption {\n name: string\n shortName?: string\n [key: string]: unknown\n}\n\ntype SequenceEntityType = 'folder' \| 'task'\n\ninterface SequenceValues {\n id?: string\n entityType?: SequenceEntityType\n base?: string\n increment?: string\n length?: number\n type?: string\n prefix?: boolean\n prefixDepth?: number\n parentBases?: string[]\n [key: string]: unknown\n}\n\ninterface SequenceChangeEvent {\n preventDefault?: () => void\n target: {\n value: string \| number \| boolean\n id: string\n }\n}\n\ninterface FolderSequenceProps extends SequenceValues {\n onChange: (value: SequenceValues, id?: string \| null, entityType?: SequenceEntityType) => void\n parentId?: string \| null\n children?: ReactNode\n depth?: number\n onNew?: (parentId: string \| null, entityType?: SequenceEntityType) => void\n index?: number\n nesting?: boolean\n isRoot?: boolean\n parentLabel?: string\n prefixDisabled?: boolean\n typeSelectRef?: React.RefObject<HTMLElement>\n onLastInputKeydown?: (event: React.KeyboardEvent<HTMLInputElement>) => void\n folders: SequenceTypeOption[]\n}\n\nfunction formatSeq(arr: string[], maxLength: number, prefix = ''): string {\n if (arr.length <= maxLength) {\n return arr.map((item) => prefix + item).join(', ')\n } else {\n const firstItems = arr.slice(0, Math.ceil(maxLength / 2)).map((item) => prefix + item)\n const lastItems = arr.slice(-1).map((item) => prefix + item)\n return `${firstItems.join(', ')} ... ${lastItems.join(', ')}`\n }\n}\n\nfunction getDefaultIncrements(type?: string): {\n base: string\n increment: string\n length: number\n difference: number\n} {\n switch (type) {\n case 'Shot':\n return {\n base: '0010',\n increment: '0020',\n length: 10,\n difference: 10,\n }\n default:\n return {\n base: '001',\n increment: '002',\n length: 10,\n difference: 1,\n }\n }\n}\n\nconst FolderSequence: React.FC<FolderSequenceProps> = ({\n onChange,\n parentId = null,\n children,\n depth,\n onNew,\n index,\n nesting = true,\n isRoot,\n parentLabel,\n prefixDisabled,\n typeSelectRef,\n onLastInputKeydown,\n folders,\n ...props\n}) => {\n const { base, increment, length, type, id, prefix, prefixDepth, parentBases } = props\n const entityType = props.entityType as SequenceEntityType \| undefined\n\n const disablePrefix = (!nesting && isRoot) \|\| prefixDisabled\n\n let initSeq: string[] = []\n if (base && increment && length) {\n initSeq = getSequence(base, increment, length)\n }\n\n const [sequence, setSequence] = useState<string[]>(initSeq)\n\n const baseRef = useRef<HTMLInputElement>(null)\n const prefixRef = useRef<HTMLInputElement>(null)\n const handleChange = (e: SequenceChangeEvent): void => {\n e?.preventDefault && e?.preventDefault()\n\n let { value, id: fieldId } = e.target\n\n if (fieldId === 'prefixDepth') {\n // convert to number\n value = parseInt(String(value), 10)\n }\n\n const newValue = { [fieldId]: value }\n\n const newState: SequenceValues = { ...props, ...newValue }\n\n // if changing type, look to change base and increment\n if (fieldId === 'type') {\n // changing type\n // update name if newState.name matches any values in typeOptions\n let matches = false\n // loop through typeOptions and check if any match, when match is found we can stop looping\n // Search through the folders array (not object)\n const typeOption = folders.find((folder) => folder.name === value)\n\n for (const option of folders) {\n if (newState.base === '') {\n matches = true\n break\n }\n\n for (const key in option) {\n if (\n typeof option[key] === 'string' &&\n newState.base?.toLowerCase().includes((option[key] as string).toLowerCase())\n ) {\n matches = true\n break\n }\n }\n }\n\n if (!matches \|\| !typeOption) return\n // if name is same as type, update name\n const newName =\n entityType === 'folder' ? typeOption.shortName \|\| typeOption.name : typeOption.name\n // add new state to new value\n\n // get default increments\n const suffixes = getDefaultIncrements(String(value))\n\n newState.base = newName + suffixes.base\n newState.increment = newName + suffixes.increment\n newState.length = suffixes.length\n }\n\n if (fieldId === 'base') {\n // get default increments\n const suffixes = getDefaultIncrements(newState.type)\n // split value into prefix (letter) and suffix (number)\n const stringValue = String(value)\n const prefix = stringValue.replace(/[^a-zA-Z]/g, '')\n const suffix = stringValue.replace(/[^0-9]/g, '')\n // get integer value of suffix and padding\n const suffixInt = parseInt(suffix, 10)\n const suffixPad = suffix.length\n\n const newIncrement =\n prefix + (suffixInt + suffixes.difference).toString().padStart(suffixPad, '0')\n\n newState.increment = newIncrement.replace('NaN', '')\n }\n\n onChange(\n newState,\n typeof id === 'string' ? id : undefined,\n entityType as SequenceEntityType \| undefined,\n )\n\n if (newState.base && newState.increment && newState.length) {\n // calculate the sequence\n const seq = getSequence(newState.base, newState.increment, newState.length)\n setSequence(seq)\n }\n\n // focus switch if not disabled else base input if changing type\n if (fieldId === 'type') {\n if (disablePrefix) {\n setTimeout(() => {\n baseRef.current?.focus()\n baseRef.current?.select()\n }, 50)\n } else {\n setTimeout(() => {\n prefixRef.current?.focus()\n }, 50)\n }\n }\n }\n\n // when first mounting, it's a new item\n const [isNew, setIsNew] = useState(true)\n // after 3 seconds, it's no longer new\n useEffect(\n () => {\n const timer = setTimeout(() => {\n setIsNew(false)\n }, 1000)\n return () => clearTimeout(timer)\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [],\n )\n\n const sequenceString = formatSeq(sequence, 5, prefix ? parentLabel : undefined)\n\n const seqRef = useRef<HTMLDivElement>(null)\n const [seqWidth, setSeqWidth] = useState(0)\n useLayoutEffect(() => {\n if (seqRef.current) {\n setSeqWidth(seqRef.current.offsetWidth)\n }\n }, [seqRef.current, prefix])\n\n if (entityType === 'task') {\n return (\n <Styled.TaskContainer\n className={clsx('task', { 'is-new': isNew, nesting, 'no-nesting': !nesting })}\n style={{ zIndex: 100 - (depth ?? 0) - (index ?? 0) }}\n >\n <Styled.SequenceForm className=\"form\">\n <Icon icon=\"task_alt\" />\n <strong>Task</strong>\n\n <label>Type</label>\n <TypeEditor\n value={[type]}\n onChange={(v: string) => handleChange({ target: { value: v, id: 'type' } })}\n options={folders}\n style={{ width: 160 }}\n align=\"right\"\n />\n\n <label>label</label>\n <InputText\n value={base}\n id={'base'}\n onChange={handleChange}\n placeholder=\"compositing...\"\n autoComplete=\"off\"\n />\n\n <Button\n icon={'close'}\n variant=\"text\"\n onClick={() => onChange({ id, delete: true }, parentId)}\n className=\"delete\"\n />\n </Styled.SequenceForm>\n </Styled.TaskContainer>\n )\n }\n\n return (\n <Styled.FolderSequenceWrapper className=\"folder\">\n <Styled.RowWrapper className=\"seq\" style={{ zIndex: 100 - (depth ?? 0) - (index ?? 0) }}>\n {nesting && (\n <Styled.AddButtons className=\"buttons\">\n <Styled.SequenceForm>\n {/* add new root folder /}\n {depth === 0 && (\n <Button\n icon={'south'}\n onClick={() => onNew?.(null)}\n label=\"Root\"\n title=\"add root folder\"\n />\n )}\n {/ provide it's parents id for new sibling /}\n <Button\n icon={newEntityDefinitions.folder.icon}\n onClick={() => id && onNew?.(id, 'folder')}\n label={depth === 0 ? newEntityDefinitions.folder.label : undefined}\n title=\"add nested folder\"\n />\n </Styled.SequenceForm>\n {/ provide it's own id for new child */}\n <Button\n icon={newEntityDefinitions.task.icon}\n onClick={() => id && onNew?.(id, 'task')}\n label={depth === 0 ? newEntityDefinitions.task.label : undefined}\n title=\"add nested task\"\n style={{ width: 'max-content', marginLeft: 'auto' }}\n />\n </Styled.AddButtons>\n )}\n <Styled.SequenceContainer\n className={clsx({ 'is-new': isNew, 'no-nesting': !nesting })}\n ref={seqRef}\n >\n <Styled.SequenceForm className=\"form folder\">\n <Styled.InputColumn>\n <label>Type</label>\n <TypeEditor\n value={[type]}\n onChange={(v: string) => handleChange({ target: { value: v, id: 'type' } })}\n options={folders}\n style={{ width: 160 }}\n align=\"right\"\n ref={typeSelectRef}\n />\n </Styled.InputColumn>\n\n <Icon icon=\"trending_flat\" />\n\n {(depth !== 0 \|\| !nesting) && (\n <>\n <>\n <Styled.InputColumn>\n <label>Prefix</label>\n <InputSwitch\n checked={prefix}\n id={'prefix'}\n onChange={() => handleChange({ target: { value: !prefix, id: 'prefix' } })}\n disabled={disablePrefix}\n ref={prefixRef}\n switchStyle={{ margin: '4px 0' }}\n />\n </Styled.InputColumn>\n <Icon icon=\"trending_flat\" />\n </>\n\n {nesting && prefix && (\n <Styled.InputColumn>\n <label>Depth</label>\n <InputNumber\n value={prefixDepth}\n id={'prefixDepth'}\n onChange={handleChange}\n max={parentBases?.length}\n min={0}\n />\n </Styled.InputColumn>\n )}\n </>\n )}\n\n {parentBases && nesting && (\n <Styled.InputColumn style={{ display: prefix ? 'flex' : 'none' }}>\n <Styled.Prefix>{parentBases.join('')}</Styled.Prefix>\n </Styled.InputColumn>\n )}\n\n <Styled.InputColumn className=\"seq\">\n <label>First Name</label>\n <InputText\n value={base}\n id={'base'}\n ref={baseRef}\n onChange={handleChange}\n placeholder=\"ep101...\"\n autoComplete=\"off\"\n />\n </Styled.InputColumn>\n <Icon icon=\"trending_flat\" />\n <Styled.InputColumn className=\"seq\">\n <label>Second Name</label>\n <InputText\n value={increment}\n id={'increment'}\n onChange={handleChange}\n placeholder=\"ep102...\"\n autoComplete=\"off\"\n />\n </Styled.InputColumn>\n <Icon icon=\"trending_flat\" />\n <Styled.InputColumn>\n <label>Count</label>\n <InputNumber\n value={length}\n id={'length'}\n onChange={handleChange}\n placeholder=\"15...\"\n min={2}\n onFocus={(e) => e.target.select()}\n onKeyDown={onLastInputKeydown}\n />\n </Styled.InputColumn>\n\n <Spacer />\n {nesting && (\n <Button\n icon={'close'}\n variant=\"text\"\n onClick={() => onChange({ id, delete: true })}\n disabled={depth === 0 && index === 0}\n />\n )}\n </Styled.SequenceForm>\n {!nesting && <Styled.Example>Example: {sequenceString}</Styled.Example>}\n </Styled.SequenceContainer>\n </Styled.RowWrapper>\n {nesting && (\n <Styled.Children\n className=\"children\"\n style={{ width: seqWidth, zIndex: 99 - (depth ?? 0) - (index ?? 0) }}\n >\n {children}\n </Styled.Children>\n )}\n </Styled.FolderSequenceWrapper>\n )\n}\n\nexport default FolderSequence\n"],"names":["formatSeq","arr","maxLength","prefix","item","firstItems","lastItems","getDefaultIncrements","type","FolderSequence","onChange","parentId","children","depth","onNew","index","nesting","isRoot","parentLabel","prefixDisabled","typeSelectRef","onLastInputKeydown","folders","props","base","increment","length","id","prefixDepth","parentBases","entityType","disablePrefix","initSeq","getSequence","sequence","setSequence","useState","baseRef","useRef","prefixRef","handleChange","e","value","fieldId","newValue","newState","matches","typeOption","folder","option","key","newName","suffixes","stringValue","suffix","suffixInt","suffixPad","newIncrement","seq","isNew","setIsNew","useEffect","timer","sequenceString","seqRef","seqWidth","setSeqWidth","useLayoutEffect","jsx","Styled.TaskContainer","clsx","jsxs","Styled.SequenceForm","Icon","TypeEditor","v","InputText","Button","Styled.FolderSequenceWrapper","Styled.RowWrapper","Styled.AddButtons","newEntityDefinitions","Styled.SequenceContainer","Styled.InputColumn","Fragment","InputSwitch","InputNumber","Styled.Prefix","Spacer","Styled.Example","Styled.Children"],"mappings":"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"}
1	+ {"version":3,"file":"FolderSequence.cjs.js","sources":["../../../../../../src/containers/NewEntity/components/FolderSequence.tsx"],"sourcesContent":["import {\n Button,\n Icon,\n InputNumber,\n InputSwitch,\n InputText,\n Spacer,\n} from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport * as Styled from './FolderSequence.styled'\nimport React, { ReactNode, useEffect, useLayoutEffect, useRef, useState } from 'react'\nimport { getSequence } from '../util/getSequence'\nimport TypeEditor from './TypeEditor'\nimport { newEntityDefinitions } from '../util/entityDefinitions'\n\ninterface SequenceTypeOption {\n name: string\n shortName?: string\n [key: string]: unknown\n}\n\ntype SequenceEntityType = 'folder' \| 'task'\n\ninterface SequenceValues {\n id?: string\n entityType?: SequenceEntityType\n base?: string\n increment?: string\n length?: number\n type?: string\n prefix?: boolean\n prefixDepth?: number\n parentBases?: string[]\n [key: string]: unknown\n}\n\ninterface SequenceChangeEvent {\n preventDefault?: () => void\n target: {\n value: string \| number \| boolean\n id: string\n }\n}\n\ninterface FolderSequenceProps extends SequenceValues {\n onChange: (value: SequenceValues, id?: string \| null, entityType?: SequenceEntityType) => void\n parentId?: string \| null\n children?: ReactNode\n depth?: number\n onNew?: (parentId: string \| null, entityType?: SequenceEntityType) => void\n index?: number\n nesting?: boolean\n isRoot?: boolean\n parentLabel?: string\n prefixDisabled?: boolean\n typeSelectRef?: React.RefObject<HTMLElement>\n onLastInputKeydown?: (event: React.KeyboardEvent<HTMLInputElement>) => void\n folders: SequenceTypeOption[]\n}\n\nfunction formatSeq(arr: string[], maxLength: number, prefix = ''): string {\n if (arr.length <= maxLength) {\n return arr.map((item) => prefix + item).join(', ')\n } else {\n const firstItems = arr.slice(0, Math.ceil(maxLength / 2)).map((item) => prefix + item)\n const lastItems = arr.slice(-1).map((item) => prefix + item)\n return `${firstItems.join(', ')} ... ${lastItems.join(', ')}`\n }\n}\n\nfunction getDefaultIncrements(type?: string): {\n base: string\n increment: string\n length: number\n difference: number\n} {\n switch (type) {\n case 'Shot':\n return {\n base: '0010',\n increment: '0020',\n length: 10,\n difference: 10,\n }\n default:\n return {\n base: '001',\n increment: '002',\n length: 10,\n difference: 1,\n }\n }\n}\n\nconst FolderSequence: React.FC<FolderSequenceProps> = ({\n onChange,\n parentId = null,\n children,\n depth,\n onNew,\n index,\n nesting = true,\n isRoot,\n parentLabel,\n prefixDisabled,\n typeSelectRef,\n onLastInputKeydown,\n folders,\n ...props\n}) => {\n const { base, increment, length, type, id, prefix, prefixDepth, parentBases } = props\n const entityType = props.entityType as SequenceEntityType \| undefined\n\n const disablePrefix = (!nesting && isRoot) \|\| prefixDisabled\n\n let initSeq: string[] = []\n if (base && increment && length) {\n initSeq = getSequence(base, increment, length)\n }\n\n const [sequence, setSequence] = useState<string[]>(initSeq)\n\n const baseRef = useRef<HTMLInputElement>(null)\n const prefixRef = useRef<HTMLInputElement>(null)\n const handleChange = (e: SequenceChangeEvent): void => {\n e?.preventDefault && e?.preventDefault()\n\n let { value, id: fieldId } = e.target\n\n if (fieldId === 'prefixDepth') {\n // convert to number\n value = parseInt(String(value), 10)\n }\n\n const newValue = { [fieldId]: value }\n\n const newState: SequenceValues = { ...props, ...newValue }\n\n // if changing type, look to change base and increment\n if (fieldId === 'type') {\n // changing type\n // update name if newState.name matches any values in typeOptions\n let matches = false\n // loop through typeOptions and check if any match, when match is found we can stop looping\n // Search through the folders array (not object)\n const typeOption = folders.find((folder) => folder.name === value)\n\n for (const option of folders) {\n if (newState.base === '') {\n matches = true\n break\n }\n\n for (const key in option) {\n if (\n typeof option[key] === 'string' &&\n newState.base?.toLowerCase().includes((option[key] as string).toLowerCase())\n ) {\n matches = true\n break\n }\n }\n }\n\n if (!matches \|\| !typeOption) return\n // if name is same as type, update name\n const newName =\n entityType === 'folder' ? typeOption.shortName \|\| typeOption.name : typeOption.name\n // add new state to new value\n\n // get default increments\n const suffixes = getDefaultIncrements(String(value))\n\n newState.base = newName + suffixes.base\n newState.increment = newName + suffixes.increment\n newState.length = suffixes.length\n }\n\n if (fieldId === 'base') {\n // get default increments\n const suffixes = getDefaultIncrements(newState.type)\n // split value into prefix (letter) and suffix (number)\n const stringValue = String(value)\n const prefix = stringValue.replace(/[^a-zA-Z]/g, '')\n const suffix = stringValue.replace(/[^0-9]/g, '')\n // get integer value of suffix and padding\n const suffixInt = parseInt(suffix, 10)\n const suffixPad = suffix.length\n\n const newIncrement =\n prefix + (suffixInt + suffixes.difference).toString().padStart(suffixPad, '0')\n\n newState.increment = newIncrement.replace('NaN', '')\n }\n\n onChange(\n newState,\n typeof id === 'string' ? id : undefined,\n entityType as SequenceEntityType \| undefined,\n )\n\n if (newState.base && newState.increment && newState.length) {\n // calculate the sequence\n const seq = getSequence(newState.base, newState.increment, newState.length)\n setSequence(seq)\n }\n\n // focus switch if not disabled else base input if changing type\n if (fieldId === 'type') {\n if (disablePrefix) {\n setTimeout(() => {\n baseRef.current?.focus()\n baseRef.current?.select()\n }, 50)\n } else {\n setTimeout(() => {\n prefixRef.current?.focus()\n }, 50)\n }\n }\n }\n\n // when first mounting, it's a new item\n const [isNew, setIsNew] = useState(true)\n // after 3 seconds, it's no longer new\n useEffect(\n () => {\n const timer = setTimeout(() => {\n setIsNew(false)\n }, 1000)\n return () => clearTimeout(timer)\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [],\n )\n\n const sequenceString = formatSeq(sequence, 5, prefix ? parentLabel : undefined)\n\n const seqRef = useRef<HTMLDivElement>(null)\n const [seqWidth, setSeqWidth] = useState(0)\n useLayoutEffect(() => {\n if (seqRef.current) {\n setSeqWidth(seqRef.current.offsetWidth)\n }\n }, [seqRef.current, prefix])\n\n if (entityType === 'task') {\n return (\n <Styled.TaskContainer\n className={clsx('task', { 'is-new': isNew, nesting, 'no-nesting': !nesting })}\n style={{ zIndex: 100 - (depth ?? 0) - (index ?? 0) }}\n >\n <Styled.SequenceForm className=\"form\">\n <Icon icon=\"task_alt\" />\n <strong>Task</strong>\n\n <label>Type</label>\n <TypeEditor\n value={[type]}\n onChange={(v: string) => handleChange({ target: { value: v, id: 'type' } })}\n options={folders}\n style={{ width: 160 }}\n align=\"right\"\n />\n\n <label>label</label>\n <InputText\n value={base}\n id={'base'}\n onChange={handleChange}\n placeholder=\"compositing...\"\n autoComplete=\"off\"\n />\n\n <Button\n icon={'close'}\n variant=\"text\"\n onClick={() => onChange({ id, delete: true }, parentId)}\n className=\"delete\"\n />\n </Styled.SequenceForm>\n </Styled.TaskContainer>\n )\n }\n\n return (\n <Styled.FolderSequenceWrapper className=\"folder\">\n <Styled.RowWrapper className=\"seq\" style={{ zIndex: 100 - (depth ?? 0) - (index ?? 0) }}>\n {nesting && (\n <Styled.AddButtons className=\"buttons\">\n <Styled.SequenceForm>\n {/* add new root folder /}\n {depth === 0 && (\n <Button\n icon={'south'}\n onClick={() => onNew?.(null)}\n label=\"Root\"\n title=\"add root folder\"\n />\n )}\n {/ provide it's parents id for new sibling /}\n <Button\n icon={newEntityDefinitions.folder.icon}\n onClick={() => id && onNew?.(id, 'folder')}\n label={depth === 0 ? newEntityDefinitions.folder.label : undefined}\n title=\"add nested folder\"\n />\n </Styled.SequenceForm>\n {/ provide it's own id for new child */}\n <Button\n icon={newEntityDefinitions.task.icon}\n onClick={() => id && onNew?.(id, 'task')}\n label={depth === 0 ? newEntityDefinitions.task.label : undefined}\n title=\"add nested task\"\n style={{ width: 'max-content', marginLeft: 'auto' }}\n />\n </Styled.AddButtons>\n )}\n <Styled.SequenceContainer\n className={clsx({ 'is-new': isNew, 'no-nesting': !nesting })}\n ref={seqRef}\n >\n <Styled.SequenceForm className=\"form folder\">\n <Styled.InputColumn>\n <label>Type</label>\n <TypeEditor\n value={[type]}\n onChange={(v: string) => handleChange({ target: { value: v, id: 'type' } })}\n options={folders}\n style={{ width: 160 }}\n align=\"right\"\n ref={typeSelectRef}\n />\n </Styled.InputColumn>\n\n <Icon icon=\"trending_flat\" />\n\n {(depth !== 0 \|\| !nesting) && (\n <>\n <>\n <Styled.InputColumn>\n <label>Prefix</label>\n <InputSwitch\n checked={prefix}\n id={'prefix'}\n onChange={() => handleChange({ target: { value: !prefix, id: 'prefix' } })}\n disabled={disablePrefix}\n ref={prefixRef}\n switchStyle={{ margin: '4px 0' }}\n />\n </Styled.InputColumn>\n <Icon icon=\"trending_flat\" />\n </>\n\n {nesting && prefix && (\n <Styled.InputColumn>\n <label>Depth</label>\n <InputNumber\n value={prefixDepth}\n id={'prefixDepth'}\n onChange={handleChange}\n max={parentBases?.length}\n min={0}\n />\n </Styled.InputColumn>\n )}\n </>\n )}\n\n {parentBases && nesting && (\n <Styled.InputColumn style={{ display: prefix ? 'flex' : 'none' }}>\n <Styled.Prefix>{parentBases.join('')}</Styled.Prefix>\n </Styled.InputColumn>\n )}\n\n <Styled.InputColumn className=\"seq\">\n <label>First Name</label>\n <InputText\n value={base}\n id={'base'}\n ref={baseRef}\n onChange={handleChange}\n placeholder=\"ep101...\"\n autoComplete=\"off\"\n />\n </Styled.InputColumn>\n <Icon icon=\"trending_flat\" />\n <Styled.InputColumn className=\"seq\">\n <label>Second Name</label>\n <InputText\n value={increment}\n id={'increment'}\n onChange={handleChange}\n placeholder=\"ep102...\"\n autoComplete=\"off\"\n />\n </Styled.InputColumn>\n <Icon icon=\"trending_flat\" />\n <Styled.InputColumn>\n <label>Count</label>\n <InputNumber\n value={length}\n id={'length'}\n onChange={handleChange}\n placeholder=\"15...\"\n min={2}\n onFocus={(e) => e.target.select()}\n onKeyDown={onLastInputKeydown}\n />\n </Styled.InputColumn>\n\n <Spacer />\n {nesting && (\n <Button\n icon={'close'}\n variant=\"text\"\n onClick={() => onChange({ id, delete: true })}\n disabled={depth === 0 && index === 0}\n />\n )}\n </Styled.SequenceForm>\n {!nesting && <Styled.Example>Example: {sequenceString}</Styled.Example>}\n </Styled.SequenceContainer>\n </Styled.RowWrapper>\n {nesting && (\n <Styled.Children\n className=\"children\"\n style={{ width: seqWidth, zIndex: 99 - (depth ?? 0) - (index ?? 0) }}\n >\n {children}\n </Styled.Children>\n )}\n </Styled.FolderSequenceWrapper>\n )\n}\n\nexport default FolderSequence\n"],"names":["formatSeq","arr","maxLength","prefix","item","firstItems","lastItems","getDefaultIncrements","type","FolderSequence","onChange","parentId","children","depth","onNew","index","nesting","isRoot","parentLabel","prefixDisabled","typeSelectRef","onLastInputKeydown","folders","props","base","increment","length","id","prefixDepth","parentBases","entityType","disablePrefix","initSeq","getSequence","sequence","setSequence","useState","baseRef","useRef","prefixRef","handleChange","e","value","fieldId","newValue","newState","matches","typeOption","folder","option","key","newName","suffixes","stringValue","suffix","suffixInt","suffixPad","newIncrement","seq","isNew","setIsNew","useEffect","timer","sequenceString","seqRef","seqWidth","setSeqWidth","useLayoutEffect","jsx","Styled.TaskContainer","clsx","jsxs","Styled.SequenceForm","Icon","TypeEditor","v","InputText","Button","Styled.FolderSequenceWrapper","Styled.RowWrapper","Styled.AddButtons","newEntityDefinitions","Styled.SequenceContainer","Styled.InputColumn","Fragment","InputSwitch","InputNumber","Styled.Prefix","Spacer","Styled.Example","Styled.Children"],"mappings":"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"}

package/dist/shared/src/containers/NewEntity/components/FolderSequence.es.js CHANGED Viewed

@@ -15,17 +15,22 @@ function ye(i, C, p = "") {
   }
 }
 function G(i) {
-  return i === "Shot" ? {
-    base: "0010",
-    increment: "0020",
-    length: 10,
-    difference: 10
-  } : {
-    base: "001",
-    increment: "002",
-    length: 10,
-    difference: 1
-  };
+  switch (i) {
+    case "Shot":
+      return {
+        base: "0010",
+        increment: "0020",
+        length: 10,
+        difference: 10
+      };
+    default:
+      return {
+        base: "001",
+        increment: "002",
+        length: 10,
+        difference: 1
+      };
+  }
 }
 const Te = ({
   onChange: i,

package/dist/shared/src/containers/NewEntity/components/FolderSequence.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FolderSequence.es.js","sources":["../../../../../../src/containers/NewEntity/components/FolderSequence.tsx"],"sourcesContent":["import {\n Button,\n Icon,\n InputNumber,\n InputSwitch,\n InputText,\n Spacer,\n} from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport * as Styled from './FolderSequence.styled'\nimport React, { ReactNode, useEffect, useLayoutEffect, useRef, useState } from 'react'\nimport { getSequence } from '../util/getSequence'\nimport TypeEditor from './TypeEditor'\nimport { newEntityDefinitions } from '../util/entityDefinitions'\n\ninterface SequenceTypeOption {\n name: string\n shortName?: string\n [key: string]: unknown\n}\n\ntype SequenceEntityType = 'folder' \| 'task'\n\ninterface SequenceValues {\n id?: string\n entityType?: SequenceEntityType\n base?: string\n increment?: string\n length?: number\n type?: string\n prefix?: boolean\n prefixDepth?: number\n parentBases?: string[]\n [key: string]: unknown\n}\n\ninterface SequenceChangeEvent {\n preventDefault?: () => void\n target: {\n value: string \| number \| boolean\n id: string\n }\n}\n\ninterface FolderSequenceProps extends SequenceValues {\n onChange: (value: SequenceValues, id?: string \| null, entityType?: SequenceEntityType) => void\n parentId?: string \| null\n children?: ReactNode\n depth?: number\n onNew?: (parentId: string \| null, entityType?: SequenceEntityType) => void\n index?: number\n nesting?: boolean\n isRoot?: boolean\n parentLabel?: string\n prefixDisabled?: boolean\n typeSelectRef?: React.RefObject<HTMLElement>\n onLastInputKeydown?: (event: React.KeyboardEvent<HTMLInputElement>) => void\n folders: SequenceTypeOption[]\n}\n\nfunction formatSeq(arr: string[], maxLength: number, prefix = ''): string {\n if (arr.length <= maxLength) {\n return arr.map((item) => prefix + item).join(', ')\n } else {\n const firstItems = arr.slice(0, Math.ceil(maxLength / 2)).map((item) => prefix + item)\n const lastItems = arr.slice(-1).map((item) => prefix + item)\n return `${firstItems.join(', ')} ... ${lastItems.join(', ')}`\n }\n}\n\nfunction getDefaultIncrements(type?: string): {\n base: string\n increment: string\n length: number\n difference: number\n} {\n switch (type) {\n case 'Shot':\n return {\n base: '0010',\n increment: '0020',\n length: 10,\n difference: 10,\n }\n default:\n return {\n base: '001',\n increment: '002',\n length: 10,\n difference: 1,\n }\n }\n}\n\nconst FolderSequence: React.FC<FolderSequenceProps> = ({\n onChange,\n parentId = null,\n children,\n depth,\n onNew,\n index,\n nesting = true,\n isRoot,\n parentLabel,\n prefixDisabled,\n typeSelectRef,\n onLastInputKeydown,\n folders,\n ...props\n}) => {\n const { base, increment, length, type, id, prefix, prefixDepth, parentBases } = props\n const entityType = props.entityType as SequenceEntityType \| undefined\n\n const disablePrefix = (!nesting && isRoot) \|\| prefixDisabled\n\n let initSeq: string[] = []\n if (base && increment && length) {\n initSeq = getSequence(base, increment, length)\n }\n\n const [sequence, setSequence] = useState<string[]>(initSeq)\n\n const baseRef = useRef<HTMLInputElement>(null)\n const prefixRef = useRef<HTMLInputElement>(null)\n const handleChange = (e: SequenceChangeEvent): void => {\n e?.preventDefault && e?.preventDefault()\n\n let { value, id: fieldId } = e.target\n\n if (fieldId === 'prefixDepth') {\n // convert to number\n value = parseInt(String(value), 10)\n }\n\n const newValue = { [fieldId]: value }\n\n const newState: SequenceValues = { ...props, ...newValue }\n\n // if changing type, look to change base and increment\n if (fieldId === 'type') {\n // changing type\n // update name if newState.name matches any values in typeOptions\n let matches = false\n // loop through typeOptions and check if any match, when match is found we can stop looping\n // Search through the folders array (not object)\n const typeOption = folders.find((folder) => folder.name === value)\n\n for (const option of folders) {\n if (newState.base === '') {\n matches = true\n break\n }\n\n for (const key in option) {\n if (\n typeof option[key] === 'string' &&\n newState.base?.toLowerCase().includes((option[key] as string).toLowerCase())\n ) {\n matches = true\n break\n }\n }\n }\n\n if (!matches \|\| !typeOption) return\n // if name is same as type, update name\n const newName =\n entityType === 'folder' ? typeOption.shortName \|\| typeOption.name : typeOption.name\n // add new state to new value\n\n // get default increments\n const suffixes = getDefaultIncrements(String(value))\n\n newState.base = newName + suffixes.base\n newState.increment = newName + suffixes.increment\n newState.length = suffixes.length\n }\n\n if (fieldId === 'base') {\n // get default increments\n const suffixes = getDefaultIncrements(newState.type)\n // split value into prefix (letter) and suffix (number)\n const stringValue = String(value)\n const prefix = stringValue.replace(/[^a-zA-Z]/g, '')\n const suffix = stringValue.replace(/[^0-9]/g, '')\n // get integer value of suffix and padding\n const suffixInt = parseInt(suffix, 10)\n const suffixPad = suffix.length\n\n const newIncrement =\n prefix + (suffixInt + suffixes.difference).toString().padStart(suffixPad, '0')\n\n newState.increment = newIncrement.replace('NaN', '')\n }\n\n onChange(\n newState,\n typeof id === 'string' ? id : undefined,\n entityType as SequenceEntityType \| undefined,\n )\n\n if (newState.base && newState.increment && newState.length) {\n // calculate the sequence\n const seq = getSequence(newState.base, newState.increment, newState.length)\n setSequence(seq)\n }\n\n // focus switch if not disabled else base input if changing type\n if (fieldId === 'type') {\n if (disablePrefix) {\n setTimeout(() => {\n baseRef.current?.focus()\n baseRef.current?.select()\n }, 50)\n } else {\n setTimeout(() => {\n prefixRef.current?.focus()\n }, 50)\n }\n }\n }\n\n // when first mounting, it's a new item\n const [isNew, setIsNew] = useState(true)\n // after 3 seconds, it's no longer new\n useEffect(\n () => {\n const timer = setTimeout(() => {\n setIsNew(false)\n }, 1000)\n return () => clearTimeout(timer)\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [],\n )\n\n const sequenceString = formatSeq(sequence, 5, prefix ? parentLabel : undefined)\n\n const seqRef = useRef<HTMLDivElement>(null)\n const [seqWidth, setSeqWidth] = useState(0)\n useLayoutEffect(() => {\n if (seqRef.current) {\n setSeqWidth(seqRef.current.offsetWidth)\n }\n }, [seqRef.current, prefix])\n\n if (entityType === 'task') {\n return (\n <Styled.TaskContainer\n className={clsx('task', { 'is-new': isNew, nesting, 'no-nesting': !nesting })}\n style={{ zIndex: 100 - (depth ?? 0) - (index ?? 0) }}\n >\n <Styled.SequenceForm className=\"form\">\n <Icon icon=\"task_alt\" />\n <strong>Task</strong>\n\n <label>Type</label>\n <TypeEditor\n value={[type]}\n onChange={(v: string) => handleChange({ target: { value: v, id: 'type' } })}\n options={folders}\n style={{ width: 160 }}\n align=\"right\"\n />\n\n <label>label</label>\n <InputText\n value={base}\n id={'base'}\n onChange={handleChange}\n placeholder=\"compositing...\"\n autoComplete=\"off\"\n />\n\n <Button\n icon={'close'}\n variant=\"text\"\n onClick={() => onChange({ id, delete: true }, parentId)}\n className=\"delete\"\n />\n </Styled.SequenceForm>\n </Styled.TaskContainer>\n )\n }\n\n return (\n <Styled.FolderSequenceWrapper className=\"folder\">\n <Styled.RowWrapper className=\"seq\" style={{ zIndex: 100 - (depth ?? 0) - (index ?? 0) }}>\n {nesting && (\n <Styled.AddButtons className=\"buttons\">\n <Styled.SequenceForm>\n {/* add new root folder /}\n {depth === 0 && (\n <Button\n icon={'south'}\n onClick={() => onNew?.(null)}\n label=\"Root\"\n title=\"add root folder\"\n />\n )}\n {/ provide it's parents id for new sibling /}\n <Button\n icon={newEntityDefinitions.folder.icon}\n onClick={() => id && onNew?.(id, 'folder')}\n label={depth === 0 ? newEntityDefinitions.folder.label : undefined}\n title=\"add nested folder\"\n />\n </Styled.SequenceForm>\n {/ provide it's own id for new child */}\n <Button\n icon={newEntityDefinitions.task.icon}\n onClick={() => id && onNew?.(id, 'task')}\n label={depth === 0 ? newEntityDefinitions.task.label : undefined}\n title=\"add nested task\"\n style={{ width: 'max-content', marginLeft: 'auto' }}\n />\n </Styled.AddButtons>\n )}\n <Styled.SequenceContainer\n className={clsx({ 'is-new': isNew, 'no-nesting': !nesting })}\n ref={seqRef}\n >\n <Styled.SequenceForm className=\"form folder\">\n <Styled.InputColumn>\n <label>Type</label>\n <TypeEditor\n value={[type]}\n onChange={(v: string) => handleChange({ target: { value: v, id: 'type' } })}\n options={folders}\n style={{ width: 160 }}\n align=\"right\"\n ref={typeSelectRef}\n />\n </Styled.InputColumn>\n\n <Icon icon=\"trending_flat\" />\n\n {(depth !== 0 \|\| !nesting) && (\n <>\n <>\n <Styled.InputColumn>\n <label>Prefix</label>\n <InputSwitch\n checked={prefix}\n id={'prefix'}\n onChange={() => handleChange({ target: { value: !prefix, id: 'prefix' } })}\n disabled={disablePrefix}\n ref={prefixRef}\n switchStyle={{ margin: '4px 0' }}\n />\n </Styled.InputColumn>\n <Icon icon=\"trending_flat\" />\n </>\n\n {nesting && prefix && (\n <Styled.InputColumn>\n <label>Depth</label>\n <InputNumber\n value={prefixDepth}\n id={'prefixDepth'}\n onChange={handleChange}\n max={parentBases?.length}\n min={0}\n />\n </Styled.InputColumn>\n )}\n </>\n )}\n\n {parentBases && nesting && (\n <Styled.InputColumn style={{ display: prefix ? 'flex' : 'none' }}>\n <Styled.Prefix>{parentBases.join('')}</Styled.Prefix>\n </Styled.InputColumn>\n )}\n\n <Styled.InputColumn className=\"seq\">\n <label>First Name</label>\n <InputText\n value={base}\n id={'base'}\n ref={baseRef}\n onChange={handleChange}\n placeholder=\"ep101...\"\n autoComplete=\"off\"\n />\n </Styled.InputColumn>\n <Icon icon=\"trending_flat\" />\n <Styled.InputColumn className=\"seq\">\n <label>Second Name</label>\n <InputText\n value={increment}\n id={'increment'}\n onChange={handleChange}\n placeholder=\"ep102...\"\n autoComplete=\"off\"\n />\n </Styled.InputColumn>\n <Icon icon=\"trending_flat\" />\n <Styled.InputColumn>\n <label>Count</label>\n <InputNumber\n value={length}\n id={'length'}\n onChange={handleChange}\n placeholder=\"15...\"\n min={2}\n onFocus={(e) => e.target.select()}\n onKeyDown={onLastInputKeydown}\n />\n </Styled.InputColumn>\n\n <Spacer />\n {nesting && (\n <Button\n icon={'close'}\n variant=\"text\"\n onClick={() => onChange({ id, delete: true })}\n disabled={depth === 0 && index === 0}\n />\n )}\n </Styled.SequenceForm>\n {!nesting && <Styled.Example>Example: {sequenceString}</Styled.Example>}\n </Styled.SequenceContainer>\n </Styled.RowWrapper>\n {nesting && (\n <Styled.Children\n className=\"children\"\n style={{ width: seqWidth, zIndex: 99 - (depth ?? 0) - (index ?? 0) }}\n >\n {children}\n </Styled.Children>\n )}\n </Styled.FolderSequenceWrapper>\n )\n}\n\nexport default FolderSequence\n"],"names":["formatSeq","arr","maxLength","prefix","item","firstItems","lastItems","getDefaultIncrements","type","FolderSequence","onChange","parentId","children","depth","onNew","index","nesting","isRoot","parentLabel","prefixDisabled","typeSelectRef","onLastInputKeydown","folders","props","base","increment","length","id","prefixDepth","parentBases","entityType","disablePrefix","initSeq","getSequence","sequence","setSequence","useState","baseRef","useRef","prefixRef","handleChange","e","value","fieldId","newValue","newState","matches","typeOption","folder","option","key","newName","suffixes","stringValue","suffix","suffixInt","suffixPad","newIncrement","seq","isNew","setIsNew","useEffect","timer","sequenceString","seqRef","seqWidth","setSeqWidth","useLayoutEffect","jsx","Styled.TaskContainer","clsx","jsxs","Styled.SequenceForm","Icon","TypeEditor","v","InputText","Button","Styled.FolderSequenceWrapper","Styled.RowWrapper","Styled.AddButtons","newEntityDefinitions","Styled.SequenceContainer","Styled.InputColumn","Fragment","InputSwitch","InputNumber","Styled.Prefix","Spacer","Styled.Example","Styled.Children"],"mappings":"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"}
1	+ {"version":3,"file":"FolderSequence.es.js","sources":["../../../../../../src/containers/NewEntity/components/FolderSequence.tsx"],"sourcesContent":["import {\n Button,\n Icon,\n InputNumber,\n InputSwitch,\n InputText,\n Spacer,\n} from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport * as Styled from './FolderSequence.styled'\nimport React, { ReactNode, useEffect, useLayoutEffect, useRef, useState } from 'react'\nimport { getSequence } from '../util/getSequence'\nimport TypeEditor from './TypeEditor'\nimport { newEntityDefinitions } from '../util/entityDefinitions'\n\ninterface SequenceTypeOption {\n name: string\n shortName?: string\n [key: string]: unknown\n}\n\ntype SequenceEntityType = 'folder' \| 'task'\n\ninterface SequenceValues {\n id?: string\n entityType?: SequenceEntityType\n base?: string\n increment?: string\n length?: number\n type?: string\n prefix?: boolean\n prefixDepth?: number\n parentBases?: string[]\n [key: string]: unknown\n}\n\ninterface SequenceChangeEvent {\n preventDefault?: () => void\n target: {\n value: string \| number \| boolean\n id: string\n }\n}\n\ninterface FolderSequenceProps extends SequenceValues {\n onChange: (value: SequenceValues, id?: string \| null, entityType?: SequenceEntityType) => void\n parentId?: string \| null\n children?: ReactNode\n depth?: number\n onNew?: (parentId: string \| null, entityType?: SequenceEntityType) => void\n index?: number\n nesting?: boolean\n isRoot?: boolean\n parentLabel?: string\n prefixDisabled?: boolean\n typeSelectRef?: React.RefObject<HTMLElement>\n onLastInputKeydown?: (event: React.KeyboardEvent<HTMLInputElement>) => void\n folders: SequenceTypeOption[]\n}\n\nfunction formatSeq(arr: string[], maxLength: number, prefix = ''): string {\n if (arr.length <= maxLength) {\n return arr.map((item) => prefix + item).join(', ')\n } else {\n const firstItems = arr.slice(0, Math.ceil(maxLength / 2)).map((item) => prefix + item)\n const lastItems = arr.slice(-1).map((item) => prefix + item)\n return `${firstItems.join(', ')} ... ${lastItems.join(', ')}`\n }\n}\n\nfunction getDefaultIncrements(type?: string): {\n base: string\n increment: string\n length: number\n difference: number\n} {\n switch (type) {\n case 'Shot':\n return {\n base: '0010',\n increment: '0020',\n length: 10,\n difference: 10,\n }\n default:\n return {\n base: '001',\n increment: '002',\n length: 10,\n difference: 1,\n }\n }\n}\n\nconst FolderSequence: React.FC<FolderSequenceProps> = ({\n onChange,\n parentId = null,\n children,\n depth,\n onNew,\n index,\n nesting = true,\n isRoot,\n parentLabel,\n prefixDisabled,\n typeSelectRef,\n onLastInputKeydown,\n folders,\n ...props\n}) => {\n const { base, increment, length, type, id, prefix, prefixDepth, parentBases } = props\n const entityType = props.entityType as SequenceEntityType \| undefined\n\n const disablePrefix = (!nesting && isRoot) \|\| prefixDisabled\n\n let initSeq: string[] = []\n if (base && increment && length) {\n initSeq = getSequence(base, increment, length)\n }\n\n const [sequence, setSequence] = useState<string[]>(initSeq)\n\n const baseRef = useRef<HTMLInputElement>(null)\n const prefixRef = useRef<HTMLInputElement>(null)\n const handleChange = (e: SequenceChangeEvent): void => {\n e?.preventDefault && e?.preventDefault()\n\n let { value, id: fieldId } = e.target\n\n if (fieldId === 'prefixDepth') {\n // convert to number\n value = parseInt(String(value), 10)\n }\n\n const newValue = { [fieldId]: value }\n\n const newState: SequenceValues = { ...props, ...newValue }\n\n // if changing type, look to change base and increment\n if (fieldId === 'type') {\n // changing type\n // update name if newState.name matches any values in typeOptions\n let matches = false\n // loop through typeOptions and check if any match, when match is found we can stop looping\n // Search through the folders array (not object)\n const typeOption = folders.find((folder) => folder.name === value)\n\n for (const option of folders) {\n if (newState.base === '') {\n matches = true\n break\n }\n\n for (const key in option) {\n if (\n typeof option[key] === 'string' &&\n newState.base?.toLowerCase().includes((option[key] as string).toLowerCase())\n ) {\n matches = true\n break\n }\n }\n }\n\n if (!matches \|\| !typeOption) return\n // if name is same as type, update name\n const newName =\n entityType === 'folder' ? typeOption.shortName \|\| typeOption.name : typeOption.name\n // add new state to new value\n\n // get default increments\n const suffixes = getDefaultIncrements(String(value))\n\n newState.base = newName + suffixes.base\n newState.increment = newName + suffixes.increment\n newState.length = suffixes.length\n }\n\n if (fieldId === 'base') {\n // get default increments\n const suffixes = getDefaultIncrements(newState.type)\n // split value into prefix (letter) and suffix (number)\n const stringValue = String(value)\n const prefix = stringValue.replace(/[^a-zA-Z]/g, '')\n const suffix = stringValue.replace(/[^0-9]/g, '')\n // get integer value of suffix and padding\n const suffixInt = parseInt(suffix, 10)\n const suffixPad = suffix.length\n\n const newIncrement =\n prefix + (suffixInt + suffixes.difference).toString().padStart(suffixPad, '0')\n\n newState.increment = newIncrement.replace('NaN', '')\n }\n\n onChange(\n newState,\n typeof id === 'string' ? id : undefined,\n entityType as SequenceEntityType \| undefined,\n )\n\n if (newState.base && newState.increment && newState.length) {\n // calculate the sequence\n const seq = getSequence(newState.base, newState.increment, newState.length)\n setSequence(seq)\n }\n\n // focus switch if not disabled else base input if changing type\n if (fieldId === 'type') {\n if (disablePrefix) {\n setTimeout(() => {\n baseRef.current?.focus()\n baseRef.current?.select()\n }, 50)\n } else {\n setTimeout(() => {\n prefixRef.current?.focus()\n }, 50)\n }\n }\n }\n\n // when first mounting, it's a new item\n const [isNew, setIsNew] = useState(true)\n // after 3 seconds, it's no longer new\n useEffect(\n () => {\n const timer = setTimeout(() => {\n setIsNew(false)\n }, 1000)\n return () => clearTimeout(timer)\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [],\n )\n\n const sequenceString = formatSeq(sequence, 5, prefix ? parentLabel : undefined)\n\n const seqRef = useRef<HTMLDivElement>(null)\n const [seqWidth, setSeqWidth] = useState(0)\n useLayoutEffect(() => {\n if (seqRef.current) {\n setSeqWidth(seqRef.current.offsetWidth)\n }\n }, [seqRef.current, prefix])\n\n if (entityType === 'task') {\n return (\n <Styled.TaskContainer\n className={clsx('task', { 'is-new': isNew, nesting, 'no-nesting': !nesting })}\n style={{ zIndex: 100 - (depth ?? 0) - (index ?? 0) }}\n >\n <Styled.SequenceForm className=\"form\">\n <Icon icon=\"task_alt\" />\n <strong>Task</strong>\n\n <label>Type</label>\n <TypeEditor\n value={[type]}\n onChange={(v: string) => handleChange({ target: { value: v, id: 'type' } })}\n options={folders}\n style={{ width: 160 }}\n align=\"right\"\n />\n\n <label>label</label>\n <InputText\n value={base}\n id={'base'}\n onChange={handleChange}\n placeholder=\"compositing...\"\n autoComplete=\"off\"\n />\n\n <Button\n icon={'close'}\n variant=\"text\"\n onClick={() => onChange({ id, delete: true }, parentId)}\n className=\"delete\"\n />\n </Styled.SequenceForm>\n </Styled.TaskContainer>\n )\n }\n\n return (\n <Styled.FolderSequenceWrapper className=\"folder\">\n <Styled.RowWrapper className=\"seq\" style={{ zIndex: 100 - (depth ?? 0) - (index ?? 0) }}>\n {nesting && (\n <Styled.AddButtons className=\"buttons\">\n <Styled.SequenceForm>\n {/* add new root folder /}\n {depth === 0 && (\n <Button\n icon={'south'}\n onClick={() => onNew?.(null)}\n label=\"Root\"\n title=\"add root folder\"\n />\n )}\n {/ provide it's parents id for new sibling /}\n <Button\n icon={newEntityDefinitions.folder.icon}\n onClick={() => id && onNew?.(id, 'folder')}\n label={depth === 0 ? newEntityDefinitions.folder.label : undefined}\n title=\"add nested folder\"\n />\n </Styled.SequenceForm>\n {/ provide it's own id for new child */}\n <Button\n icon={newEntityDefinitions.task.icon}\n onClick={() => id && onNew?.(id, 'task')}\n label={depth === 0 ? newEntityDefinitions.task.label : undefined}\n title=\"add nested task\"\n style={{ width: 'max-content', marginLeft: 'auto' }}\n />\n </Styled.AddButtons>\n )}\n <Styled.SequenceContainer\n className={clsx({ 'is-new': isNew, 'no-nesting': !nesting })}\n ref={seqRef}\n >\n <Styled.SequenceForm className=\"form folder\">\n <Styled.InputColumn>\n <label>Type</label>\n <TypeEditor\n value={[type]}\n onChange={(v: string) => handleChange({ target: { value: v, id: 'type' } })}\n options={folders}\n style={{ width: 160 }}\n align=\"right\"\n ref={typeSelectRef}\n />\n </Styled.InputColumn>\n\n <Icon icon=\"trending_flat\" />\n\n {(depth !== 0 \|\| !nesting) && (\n <>\n <>\n <Styled.InputColumn>\n <label>Prefix</label>\n <InputSwitch\n checked={prefix}\n id={'prefix'}\n onChange={() => handleChange({ target: { value: !prefix, id: 'prefix' } })}\n disabled={disablePrefix}\n ref={prefixRef}\n switchStyle={{ margin: '4px 0' }}\n />\n </Styled.InputColumn>\n <Icon icon=\"trending_flat\" />\n </>\n\n {nesting && prefix && (\n <Styled.InputColumn>\n <label>Depth</label>\n <InputNumber\n value={prefixDepth}\n id={'prefixDepth'}\n onChange={handleChange}\n max={parentBases?.length}\n min={0}\n />\n </Styled.InputColumn>\n )}\n </>\n )}\n\n {parentBases && nesting && (\n <Styled.InputColumn style={{ display: prefix ? 'flex' : 'none' }}>\n <Styled.Prefix>{parentBases.join('')}</Styled.Prefix>\n </Styled.InputColumn>\n )}\n\n <Styled.InputColumn className=\"seq\">\n <label>First Name</label>\n <InputText\n value={base}\n id={'base'}\n ref={baseRef}\n onChange={handleChange}\n placeholder=\"ep101...\"\n autoComplete=\"off\"\n />\n </Styled.InputColumn>\n <Icon icon=\"trending_flat\" />\n <Styled.InputColumn className=\"seq\">\n <label>Second Name</label>\n <InputText\n value={increment}\n id={'increment'}\n onChange={handleChange}\n placeholder=\"ep102...\"\n autoComplete=\"off\"\n />\n </Styled.InputColumn>\n <Icon icon=\"trending_flat\" />\n <Styled.InputColumn>\n <label>Count</label>\n <InputNumber\n value={length}\n id={'length'}\n onChange={handleChange}\n placeholder=\"15...\"\n min={2}\n onFocus={(e) => e.target.select()}\n onKeyDown={onLastInputKeydown}\n />\n </Styled.InputColumn>\n\n <Spacer />\n {nesting && (\n <Button\n icon={'close'}\n variant=\"text\"\n onClick={() => onChange({ id, delete: true })}\n disabled={depth === 0 && index === 0}\n />\n )}\n </Styled.SequenceForm>\n {!nesting && <Styled.Example>Example: {sequenceString}</Styled.Example>}\n </Styled.SequenceContainer>\n </Styled.RowWrapper>\n {nesting && (\n <Styled.Children\n className=\"children\"\n style={{ width: seqWidth, zIndex: 99 - (depth ?? 0) - (index ?? 0) }}\n >\n {children}\n </Styled.Children>\n )}\n </Styled.FolderSequenceWrapper>\n )\n}\n\nexport default FolderSequence\n"],"names":["formatSeq","arr","maxLength","prefix","item","firstItems","lastItems","getDefaultIncrements","type","FolderSequence","onChange","parentId","children","depth","onNew","index","nesting","isRoot","parentLabel","prefixDisabled","typeSelectRef","onLastInputKeydown","folders","props","base","increment","length","id","prefixDepth","parentBases","entityType","disablePrefix","initSeq","getSequence","sequence","setSequence","useState","baseRef","useRef","prefixRef","handleChange","e","value","fieldId","newValue","newState","matches","typeOption","folder","option","key","newName","suffixes","stringValue","suffix","suffixInt","suffixPad","newIncrement","seq","isNew","setIsNew","useEffect","timer","sequenceString","seqRef","seqWidth","setSeqWidth","useLayoutEffect","jsx","Styled.TaskContainer","clsx","jsxs","Styled.SequenceForm","Icon","TypeEditor","v","InputText","Button","Styled.FolderSequenceWrapper","Styled.RowWrapper","Styled.AddButtons","newEntityDefinitions","Styled.SequenceContainer","Styled.InputColumn","Fragment","InputSwitch","InputNumber","Styled.Prefix","Spacer","Styled.Example","Styled.Children"],"mappings":"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"}

package/dist/shared/src/containers/NewEntity/components/NewEntity.cjs.js CHANGED Viewed

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../../_virtual/jsx-runtime.cjs.js"),p=require("react"),je=require("lodash"),l=require("@ynput/ayon-react-components"),N=require("styled-components"),be=require("./TypeEditor.cjs.js"),se=require("../../../util/platform.cjs.js"),oe=require("react-toastify");require("uuid");const re=require("../../ProjectTreeTable/constants.cjs.js"),E=require("../../../util/checkName.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/pubsub.cjs.js");const Ee=require("../../ProjectTreeTable/context/ProjectTableContext.cjs.js"),Ce=require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js"),Se=require("../../ProjectTreeTable/utils/cellUtils.cjs.js"),Re=require("./FolderSequence.cjs.js"),we=require("../context/NewEntityContext.cjs.js"),Te=require("../hooks/useCreateEntityShortcuts.cjs.js"),Ie=require("../../Slicer/context/SlicerContext.cjs.js"),C=require("./NewEntityForm.cjs.js"),qe=require("../../../context/ProjectContext.cjs.js"),ve=require("../../../context/ProjectFoldersContext.cjs.js"),F=require("../util/entityDefinitions.cjs.js"),Fe=N(l.Dialog)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),ae=require("lodash"),a=require("@ynput/ayon-react-components"),S=require("styled-components"),Ie=require("./TypeEditor.cjs.js"),ie=require("../../../util/platform.cjs.js"),ce=require("react-toastify");require("uuid");const de=require("../../ProjectTreeTable/constants.cjs.js"),j=require("../../../util/checkName.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/searchTerms.cjs.js");require("../../../util/pubsub.cjs.js");const ve=require("../../ProjectTreeTable/context/ProjectTableContext.cjs.js"),qe=require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js"),ke=require("../../ProjectTreeTable/utils/cellUtils.cjs.js"),Ne=require("./FolderSequence.cjs.js"),Fe=require("../context/NewEntityContext.cjs.js"),Oe=require("../hooks/useCreateEntityShortcuts.cjs.js"),De=require("../../Slicer/context/SlicerContext.cjs.js"),E=require("./NewEntityForm.cjs.js"),Me=require("../../../context/ProjectContext.cjs.js"),Pe=require("../../../context/ProjectFoldersContext.cjs.js"),D=require("../util/entityDefinitions.cjs.js"),Le=S(a.Dialog)`
   .body {
     overflow: visible;
   }
-`,Ne=N.div`
+`,Be=S.div`
   display: flex;
   align-items: flex-start;
   gap: var(--base-gap-large);
@@ -11,7 +11,7 @@
       margin-right: 8px;
     }
   }
-`,ke=N(l.Dropdown)`
+`,Ke=S(a.Dropdown)`
   overflow: visible;
   min-width: fit-content;
   .button {
@@ -31,7 +31,12 @@
       background-color: var(--md-sys-color-primary-hover);
     }
   }
-`,De=N.span`
+`,ue=S.span`
+  display: flex;
+  align-items: center;
+  min-height: 32px;
+  color: var(--md-sys-color-outline);
+`,Ae=S.span`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -43,5 +48,9 @@
     flex: 1;
     margin-right: 24px;
   }
-`,Oe=({disabled:f,onNewEntities:S,showButton:R=!0,showDialog:w=!0,enableShortcuts:k=!0})=>{const{...D}=qe.useProjectContext(),{entityType:x,setEntityType:le,entityForm:r,setEntityForm:O,sequenceForm:i,setSequenceForm:L,onCreateNew:ie,onOpenNew:H,config:y,parentFolderIds:M}=we.useNewEntityContext(),[G,T]=p.useState(!1),{selectedCells:P}=Ce.useOptionalSelectionCellsContext()||{},{rowSelection:J,pinnedSlice:Q,sliceType:V}=Ie.useSlicerContext(),{getFolderById:X}=ve.useProjectFoldersContext(),B=Ee.useOptionalProjectTableContext()?.getEntityById,[h,K]=p.useMemo(()=>{let e;if(M!==null)e=M;else{const n=P?Array.from(P).map(o=>Se.parseCellId(o)):[],a=Array.from(new Set(n.filter(o=>o&&o.colId!==re.ROW_SELECTION_COLUMN_ID).map(o=>o?.rowId).filter(Boolean))),u=Array.from(new Set(n.filter(o=>o?.colId===re.ROW_SELECTION_COLUMN_ID).map(o=>o?.rowId).filter(Boolean))),m=a.length>0?a:u;if(m.length>0){const o=m.map(c=>B?.(c)),$=o.filter(c=>c?.entityType==="folder"),ge=o.filter(c=>c?.entityType==="task");e=Array.from(new Set([...$.map(c=>c.id),...ge.map(c=>c.folderId)]))}else{const o=V==="hierarchy"?J:Q?.rowSelection||null;e=o?Object.keys(o).filter($=>o[$]):[]}}const s=e.map(n=>{const a=B?.(n)||X(n);return{value:n,label:a?.label||a?.name||n}});return[e,s]},[M,P,J,Q,V,B,X]),[Y,Z]=p.useState(null);let d=Y!==null?Y:h;d=d.filter(e=>h.includes(e)),d.length===0&&h.length>0&&(d=h);const g=d.map(e=>K.find(s=>s.value===e)?.label||"").filter(Boolean),ae=g[0]||"",I=je.isEmpty(h),[ce,j]=p.useState(!1),[ue,A]=p.useState(!1),pe={label:"",subType:"",name:""},de=()=>{let e="Add New ";return I&&(e+="Root "),e+=x?F.newEntityDefinitions[x].label:"",I||(g.length>2?e+=" - "+g.slice(0,2).join(", ")+` +${g.length-2} more`:e+=" - "+g.join(", ")),e},_=(x==="folder"?D?.folderTypes:D?.taskTypes)||[],ee=(e,s)=>{if(!s)return;let n={...r};if(n[s]=e,e&&s==="subType"){const a=_.find(m=>m.name===r.subType),u=_.find(m=>m.name===e);if(u&&r.label===a?.name){n.label=u.name;const o=E.parseAndFormatName(r.label,y);r.name===o&&(n.name=E.parseAndFormatName(n.label,y))}setTimeout(()=>{b.current?.focus()},100)}else s==="label"?(n.label=e,ue||(n.name=E.parseAndFormatName(e,y))):s==="name"&&(A(!0),n.name=e);O(n)},me=e=>{O({...r,label:e.base,subType:e.type}),L({...i,increment:e.increment,length:e.length,prefix:e.prefix,prefixDepth:e.prefixDepth})},q=p.useRef(null),b=p.useRef(null),U=()=>{le(null),O(pe),L(e=>({...e,active:!1})),A(!1),Z(null)},xe=()=>setTimeout(()=>q.current?.open(),180),[te,ne]=p.useState(!1),v=async e=>{const s=E.checkLabel(r.label);if(!s.valid){oe.toast.error(s.error||"Invalid label");return}const{valid:n,error:a}=E.checkName(r.name);if(!n){oe.toast.error(a||"Invalid name");return}ne(!0);try{const u=await ie(d);console.log(u),S?.(u,e),e?(b.current&&(b.current.focus(),b.current.select()),A(!1)):U()}catch{}finally{ne(!1)}},z=(e,s)=>{e?.stopPropagation(),e.key==="Enter"?s&&!e.shiftKey||e.ctrlKey||e.metaKey?(v(!1),T(!1)):e.shiftKey&&(v(!0),T(!0)):e.key==="Escape"&&U()},fe=()=>{ce&&(j(!1),setTimeout(()=>{q.current?.open()},100))},W=[{...F.newEntityDefinitions.folder,value:"folder",type:"folder",shortcut:"N"},{label:"Folder sequence",value:"sequence",type:"folder",icon:"topic",shortcut:"M",isSequence:!0},{...F.newEntityDefinitions.task,value:"task",type:"task",shortcut:"T"}];Te({options:W,onOpenNew:H,enabled:k});const ye=e=>{const s=W.find(n=>n.value===e);s&&H(s.type,{isSequence:s.isSequence})},he=!r.label||!r.subType;return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[R&&t.jsxRuntimeExports.jsx(ke,{options:W,value:[],onChange:e=>ye(e[0]),valueTemplate:()=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(l.Icon,{icon:"add"}),t.jsxRuntimeExports.jsx("span",{children:"Create"})]}),itemTemplate:e=>t.jsxRuntimeExports.jsxs(De,{children:[t.jsxRuntimeExports.jsx(l.Icon,{icon:e.icon}),t.jsxRuntimeExports.jsx("span",{className:"label",children:e.label}),t.jsxRuntimeExports.jsx(l.ShortcutTag,{children:e.shortcut})]}),itemStyle:{paddingRight:16},disabled:f,"data-tooltip":f?"Enable hierarchy to create new entity":"Create new entity"}),w&&x&&t.jsxRuntimeExports.jsx(Fe,{header:de(),isOpen:!0,onClose:U,onShow:xe,size:i.active?"lg":"md",style:{maxWidth:i.active?"unset":430},enableBackdropClose:!1,footer:t.jsxRuntimeExports.jsxs(l.Toolbar,{onFocus:()=>j(!1),style:{width:"100%"},children:[x==="folder"&&t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("span",{children:"Sequence"}),t.jsxRuntimeExports.jsx(l.InputSwitch,{checked:i.active,onChange:e=>L({...i,active:e.target.checked})})]}),t.jsxRuntimeExports.jsx(l.Spacer,{}),t.jsxRuntimeExports.jsx("span",{children:"Create more"}),t.jsxRuntimeExports.jsx(l.InputSwitch,{checked:G,onChange:e=>T(e.target.checked)}),t.jsxRuntimeExports.jsx(l.SaveButton,{label:F.newEntityDefinitions[x].createLabel,onClick:()=>v(G),active:!he||te,disabled:!r.name||!r.label,"data-shortcut":se.getPlatformShortcutKey("Enter",[se.KeyMode.Ctrl]),saving:te})]}),onKeyDown:e=>z(e),onClick:e=>{e.target.tagName!=="INPUT"&&j(!1)},children:t.jsxRuntimeExports.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--base-gap-large)"},children:[!I&&t.jsxRuntimeExports.jsxs(C.InputsContainer,{children:[t.jsxRuntimeExports.jsx(C.InputLabel,{children:"Parent folder"}),t.jsxRuntimeExports.jsx(l.Dropdown,{value:d,options:K,onChange:e=>Z(e),disabled:K.length<=1,multiSelect:!0,style:{width:"100%",minHeight:32}})]}),i.active?t.jsxRuntimeExports.jsx(Re,{base:r.label,type:r.subType,increment:i.increment,length:i.length,prefix:i.prefix,prefixDepth:i.prefixDepth,parentLabel:ae,entityType:"folder",nesting:!1,onChange:me,isRoot:I,typeSelectRef:q,onLastInputKeydown:e=>z(e,!0),folders:D?.folderTypes||[]}):t.jsxRuntimeExports.jsxs(Ne,{children:[t.jsxRuntimeExports.jsxs(C.InputsContainer,{children:[t.jsxRuntimeExports.jsx(C.InputLabel,{children:"Type"}),t.jsxRuntimeExports.jsx(be,{value:[r.subType],onChange:e=>ee(e,"subType"),options:_,style:{width:160},ref:q,onFocus:fe,onClick:()=>j(!1)})]}),t.jsxRuntimeExports.jsx(C.NewEntityForm,{handleChange:ee,entityForm:r,labelRef:b,setNameFocused:j,handleKeyDown:z,nameInfo:`Names are auto generated from the label using the Entity Naming setting on the project anatomy. Capitalization: ${y.capitalization}. Separator: "${y.separator}"`})]})]})})]})},Le=(f,S,R)=>{if(!f||!S)return"";const w=(f==="folder"?R?.folderTypes:R?.taskTypes)?.find(k=>k.name===S);return w?w.name:""};exports.NewEntity=Oe;exports.generateLabel=Le;
+  &.disabled {
+    opacity: 0.5;
+  }
+`,_e=({disabled:C,onNewEntities:R,showButton:w=!0,showDialog:T=!0,enableShortcuts:M=!0})=>{const{...P}=Me.useProjectContext(),{entityType:i,setEntityType:pe,entityForm:r,setEntityForm:L,sequenceForm:c,setSequenceForm:B,onCreateNew:me,onOpenNew:Q,config:y,parentFolderIds:x}=Fe.useNewEntityContext(),[V,I]=l.useState(!1),{selectedCells:K}=qe.useOptionalSelectionCellsContext()||{},{rowSelection:v,pinnedSlice:q,sliceType:k}=De.useSlicerContext(),{getFolderById:X}=Pe.useProjectFoldersContext(),Y=ve.useOptionalProjectTableContext(),N=Y?.getEntityById,xe=Y?.showHierarchy??!0,Z=l.useMemo(()=>{if(x!==null)return x;const e=K?Array.from(K).map(s=>ke.parseCellId(s)):[],n=Array.from(new Set(e.filter(s=>s&&s.colId!==de.ROW_SELECTION_COLUMN_ID).map(s=>s?.rowId).filter(Boolean))),o=Array.from(new Set(e.filter(s=>s?.colId===de.ROW_SELECTION_COLUMN_ID).map(s=>s?.rowId).filter(Boolean))),f=n.length>0?n:o;if(f.length>0){const s=f.map(u=>N?.(u)),J=s.filter(u=>u?.entityType==="folder"),Te=s.filter(u=>u?.entityType==="task"),le=Array.from(new Set([...J.map(u=>u.id),...Te.map(u=>u.folderId)]));if(le.length)return le}const d=k==="hierarchy"?v:q?.rowSelection||null;return d?Object.keys(d).filter(s=>d[s]):[]},[x,K,v,q,k,N]),fe=l.useMemo(()=>{if(x!==null)return x;const e=k==="hierarchy"?v:q?.rowSelection||null;return e?Object.keys(e).filter(n=>e[n]):[]},[x,v,q,k]),p=i==="folder"&&!xe?fe:Z,ee=Z.length>0,A=l.useMemo(()=>p.map(e=>{const n=N?.(e)||X(e);return{value:e,label:n?.label||n?.name||e}}),[p,N,X]),[te,ne]=l.useState(null);let m=te!==null?te:p;m=m.filter(e=>p.includes(e)),m.length===0&&p.length>0&&(m=p);const h=m.map(e=>A.find(n=>n.value===e)?.label||"").filter(Boolean),ye=h[0]||"",_=ae.isEmpty(p),[he,g]=l.useState(!1),[ge,U]=l.useState(!1),be={label:"",subType:"",name:""},je=()=>{let e="Add New ";return _&&i==="folder"&&(e+="Root "),e+=i?D.newEntityDefinitions[i].label:"",_||(h.length>2?e+=" - "+h.slice(0,2).join(", ")+` +${h.length-2} more`:e+=" - "+h.join(", ")),e},z=(i==="folder"?P?.folderTypes:P?.taskTypes)||[],se=(e,n)=>{if(!n)return;let o={...r};if(o[n]=e,e&&n==="subType"){const f=z.find(s=>s.name===r.subType),d=z.find(s=>s.name===e);if(d&&r.label===f?.name){o.label=d.name;const J=j.parseAndFormatName(r.label,y);r.name===J&&(o.name=j.parseAndFormatName(o.label,y))}setTimeout(()=>{b.current?.focus()},100)}else n==="label"?(o.label=e,ge||(o.name=j.parseAndFormatName(e,y))):n==="name"&&(U(!0),o.name=e);L(o)},Ee=e=>{L({...r,label:e.base,subType:e.type}),B({...c,increment:e.increment,length:e.length,prefix:e.prefix,prefixDepth:e.prefixDepth})},F=l.useRef(null),b=l.useRef(null),H=()=>{pe(null),L(be),B(e=>({...e,active:!1})),U(!1),ne(null)},Se=()=>setTimeout(()=>F.current?.open(),180),[re,oe]=l.useState(!1),O=async e=>{const n=j.checkLabel(r.label);if(!n.valid){ce.toast.error(n.error||"Invalid label");return}const{valid:o,error:f}=j.checkName(r.name);if(!o){ce.toast.error(f||"Invalid name");return}oe(!0);try{const d=await me(m);console.log(d),R?.(d,e),e?(b.current&&(b.current.focus(),b.current.select()),U(!1)):H()}catch{}finally{oe(!1)}},W=(e,n)=>{e?.stopPropagation(),e.key==="Enter"?n&&!e.shiftKey||e.ctrlKey||e.metaKey?(O(!1),I(!1)):e.shiftKey&&(O(!0),I(!0)):e.key==="Escape"&&H()},Ce=()=>{he&&(g(!1),setTimeout(()=>{F.current?.open()},100))},$=l.useMemo(()=>[{...D.newEntityDefinitions.folder,value:"folder",type:"folder",shortcut:"N"},{label:"Folder sequence",value:"sequence",type:"folder",icon:"topic",shortcut:"M",isSequence:!0},{...D.newEntityDefinitions.task,value:"task",type:"task",shortcut:"T",disabled:!ee,disabledMessage:"Select a folder to create a task in"}],[ee]);Oe({options:$,onOpenNew:Q,enabled:M});const Re=e=>{const n=$.find(o=>o.value===e);n&&!n.disabled&&Q(n.type,{isSequence:n.isSequence})},G=i==="task"&&ae.isEmpty(m),we=!r.label||!r.subType||G;return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[w&&t.jsxRuntimeExports.jsx(Ke,{options:$,value:[],onChange:e=>Re(e[0]),valueTemplate:()=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(a.Icon,{icon:"add"}),t.jsxRuntimeExports.jsx("span",{children:"Create"})]}),itemTemplate:e=>t.jsxRuntimeExports.jsxs(Ae,{className:e.disabled?"disabled":void 0,"data-tooltip":e.disabled?e.disabledMessage:void 0,children:[t.jsxRuntimeExports.jsx(a.Icon,{icon:e.icon}),t.jsxRuntimeExports.jsx("span",{className:"label",children:e.label}),t.jsxRuntimeExports.jsx(a.ShortcutTag,{children:e.shortcut})]}),itemStyle:{paddingRight:16},disabled:C,"data-tooltip":"Create new entity"}),T&&i&&t.jsxRuntimeExports.jsx(Le,{header:je(),isOpen:!0,onClose:H,onShow:Se,size:c.active?"lg":"md",style:{maxWidth:c.active?"unset":430},enableBackdropClose:!1,footer:t.jsxRuntimeExports.jsxs(a.Toolbar,{onFocus:()=>g(!1),style:{width:"100%"},children:[i==="folder"&&t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("span",{children:"Sequence"}),t.jsxRuntimeExports.jsx(a.InputSwitch,{checked:c.active,onChange:e=>B({...c,active:e.target.checked})})]}),t.jsxRuntimeExports.jsx(a.Spacer,{}),t.jsxRuntimeExports.jsx("span",{children:"Create more"}),t.jsxRuntimeExports.jsx(a.InputSwitch,{checked:V,onChange:e=>I(e.target.checked)}),t.jsxRuntimeExports.jsx(a.SaveButton,{label:D.newEntityDefinitions[i].createLabel,onClick:()=>O(V),active:!we||re,disabled:!r.name||!r.label||G,"data-tooltip":G?"Select a parent folder":void 0,"data-shortcut":ie.getPlatformShortcutKey("Enter",[ie.KeyMode.Ctrl]),saving:re})]}),onKeyDown:e=>W(e),onClick:e=>{e.target.tagName!=="INPUT"&&g(!1)},children:t.jsxRuntimeExports.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"var(--base-gap-large)"},children:[t.jsxRuntimeExports.jsxs(E.InputsContainer,{children:[t.jsxRuntimeExports.jsx(E.InputLabel,{children:"Parent folder"}),p.length>0?t.jsxRuntimeExports.jsx(a.Dropdown,{value:m,options:A,onChange:e=>ne(e),disabled:A.length<=1,multiSelect:!0,style:{width:"100%",minHeight:32}}):i==="task"?t.jsxRuntimeExports.jsx(ue,{children:"Select a folder to create a task in"}):t.jsxRuntimeExports.jsx(ue,{children:"Creating in the project root"})]}),c.active?t.jsxRuntimeExports.jsx(Ne,{base:r.label,type:r.subType,increment:c.increment,length:c.length,prefix:c.prefix,prefixDepth:c.prefixDepth,parentLabel:ye,entityType:"folder",nesting:!1,onChange:Ee,isRoot:_,typeSelectRef:F,onLastInputKeydown:e=>W(e,!0),folders:P?.folderTypes||[]}):t.jsxRuntimeExports.jsxs(Be,{children:[t.jsxRuntimeExports.jsxs(E.InputsContainer,{children:[t.jsxRuntimeExports.jsx(E.InputLabel,{children:"Type"}),t.jsxRuntimeExports.jsx(Ie,{value:[r.subType],onChange:e=>se(e,"subType"),options:z,style:{width:160},ref:F,onFocus:Ce,onClick:()=>g(!1)})]}),t.jsxRuntimeExports.jsx(E.NewEntityForm,{handleChange:se,entityForm:r,labelRef:b,setNameFocused:g,handleKeyDown:W,nameInfo:`Names are auto generated from the label using the Entity Naming setting on the project anatomy. Capitalization: ${y.capitalization}. Separator: "${y.separator}"`})]})]})})]})},Ue=(C,R,w)=>{if(!C||!R)return"";const T=(C==="folder"?w?.folderTypes:w?.taskTypes)?.find(M=>M.name===R);return T?T.name:""};exports.NewEntity=_e;exports.generateLabel=Ue;
 //# sourceMappingURL=NewEntity.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NewEntity.cjs.js","sources":["../../../../../../src/containers/NewEntity/components/NewEntity.tsx"],"sourcesContent":["import React, { KeyboardEvent, useMemo, useRef, useState } from 'react'\nimport { isEmpty } from 'lodash'\nimport {\n Dialog,\n Dropdown,\n DropdownRef,\n Icon,\n InputSwitch,\n SaveButton,\n ShortcutTag,\n Spacer,\n Toolbar,\n} from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport TypeEditor from './TypeEditor'\nimport {\n checkName,\n checkLabel,\n parseAndFormatName,\n getPlatformShortcutKey,\n KeyMode,\n} from '@shared/util'\nimport type {\n EditorTaskNode,\n MatchingFolder,\n} from '@shared/containers/ProjectTreeTable/types/table'\nimport { ROW_SELECTION_COLUMN_ID } from '@shared/containers/ProjectTreeTable/constants'\nimport { useOptionalProjectTableContext } from '@shared/containers/ProjectTreeTable/context/ProjectTableContext'\nimport { useOptionalSelectionCellsContext } from '@shared/containers/ProjectTreeTable/context/SelectionCellsContext'\nimport { parseCellId } from '@shared/containers/ProjectTreeTable/utils/cellUtils'\nimport { type OperationResponseModel, type ProjectModel } from '@shared/api'\nimport FolderSequence from './FolderSequence'\nimport { EntityForm, NewEntityType, useNewEntityContext } from '../context/NewEntityContext'\nimport useCreateEntityShortcuts from '../hooks/useCreateEntityShortcuts'\nimport { useSlicerContext } from '@shared/containers/Slicer/context/SlicerContext'\nimport { NewEntityForm, InputLabel, InputsContainer } from './NewEntityForm'\nimport { toast } from 'react-toastify'\nimport { useProjectContext } from '@shared/context/ProjectContext'\nimport { useProjectFoldersContext } from '@shared/context/ProjectFoldersContext'\nimport { newEntityDefinitions } from '../util/entityDefinitions'\n\nconst StyledDialog = styled(Dialog)`\n .body {\n overflow: visible;\n }\n`\n\nconst ContentStyled = styled.div`\n display: flex;\n align-items: flex-start;\n gap: var(--base-gap-large);\n form {\n input:first-child {\n margin-right: 8px;\n }\n }\n`\n\nconst StyledCreateButton = styled(Dropdown)`\n overflow: visible;\n min-width: fit-content;\n .button {\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n padding: 0 8px;\n background-color: var(--md-sys-color-primary);\n &,\n .icon {\n color: var(--md-sys-color-on-primary);\n }\n min-width: 100px;\n justify-content: center;\n\n &:hover {\n background-color: var(--md-sys-color-primary-hover);\n }\n }\n`\n\nconst StyledCreateItem = styled.span`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n padding: 0 8px;\n height: 32px;\n width: 100%;\n\n .label {\n flex: 1;\n margin-right: 24px;\n }\n`\n\nexport interface NewEntityProps {\n disabled?: boolean\n onNewEntities?: (ops: OperationResponseModel[], stayOpen: boolean) => void\n showButton?: boolean\n showDialog?: boolean\n enableShortcuts?: boolean\n}\n\nexport const NewEntity: React.FC<NewEntityProps> = ({\n disabled,\n onNewEntities,\n showButton = true,\n showDialog = true,\n enableShortcuts = true,\n}) => {\n const { ...projectInfo } = useProjectContext()\n const {\n entityType,\n setEntityType,\n entityForm,\n setEntityForm,\n sequenceForm,\n setSequenceForm,\n onCreateNew,\n onOpenNew,\n config,\n parentFolderIds,\n } = useNewEntityContext()\n\n const [createMore, setCreateMore] = useState(false)\n const { selectedCells } = useOptionalSelectionCellsContext() \|\| {}\n const { rowSelection, pinnedSlice, sliceType } = useSlicerContext()\n const { getFolderById } = useProjectFoldersContext()\n const projectTableContext = useOptionalProjectTableContext()\n const getEntityById = projectTableContext?.getEntityById\n\n const [allSelectedFolderIds, parentTargetOptions] = useMemo(() => {\n let folderIds: string[]\n\n if (parentFolderIds !== null) {\n folderIds = parentFolderIds\n } else {\n const selectedCellPositions = selectedCells\n ? Array.from(selectedCells).map((cellId) => parseCellId(cellId))\n : []\n const selectedCellIds = Array.from(\n new Set(\n selectedCellPositions\n .filter((cell) => cell && cell.colId !== ROW_SELECTION_COLUMN_ID)\n .map((cell) => cell?.rowId)\n .filter(Boolean) as string[],\n ),\n )\n const selectedRowIds = Array.from(\n new Set(\n selectedCellPositions\n .filter((cell) => cell?.colId === ROW_SELECTION_COLUMN_ID)\n .map((cell) => cell?.rowId)\n .filter(Boolean) as string[],\n ),\n )\n const tableSelectedRowIds = selectedCellIds.length > 0 ? selectedCellIds : selectedRowIds\n\n if (tableSelectedRowIds.length > 0) {\n const selectedEntities = tableSelectedRowIds.map((id) => getEntityById?.(id))\n const selectedFolders = selectedEntities.filter(\n (entity): entity is MatchingFolder => entity?.entityType === 'folder',\n )\n const selectedTasks = selectedEntities.filter(\n (entity): entity is EditorTaskNode => entity?.entityType === 'task',\n )\n\n folderIds = Array.from(\n new Set([\n ...selectedFolders.map((folder) => folder.id),\n ...selectedTasks.map((task) => task.folderId),\n ]),\n )\n } else {\n const activeRowSelection =\n sliceType === 'hierarchy' ? rowSelection : pinnedSlice?.rowSelection \|\| null\n folderIds = activeRowSelection\n ? Object.keys(activeRowSelection).filter((id) => activeRowSelection[id])\n : []\n }\n }\n\n const options = folderIds.map((id) => {\n const folder = getEntityById?.(id) \|\| getFolderById(id)\n return { value: id, label: folder?.label \|\| folder?.name \|\| id }\n })\n\n return [folderIds, options]\n }, [\n parentFolderIds,\n selectedCells,\n rowSelection,\n pinnedSlice,\n sliceType,\n getEntityById,\n getFolderById,\n ])\n\n const [manuallySelectedParents, setManuallySelectedParents] = useState<string[] \| null>(null)\n\n let selectedFolderIds =\n manuallySelectedParents !== null ? manuallySelectedParents : allSelectedFolderIds\n\n // ensure we don't accidentally create things with invalid parents (e.g. selection changed)\n selectedFolderIds = selectedFolderIds.filter((id) => allSelectedFolderIds.includes(id))\n\n // if the filtering removed everything (e.g. selection completely changed or user deselected all), revert to full selection\n if (selectedFolderIds.length === 0 && allSelectedFolderIds.length > 0) {\n selectedFolderIds = allSelectedFolderIds\n }\n\n const selectedEntitiesLabels = selectedFolderIds\n .map((id) => parentTargetOptions.find((o) => o.value === id)?.label \|\| '')\n .filter(Boolean)\n\n const parentLabel = selectedEntitiesLabels[0] \|\| ''\n\n const isRoot = isEmpty(allSelectedFolderIds)\n\n const [nameFocused, setNameFocused] = useState<boolean>(false)\n const [nameManuallyEdited, setNameManuallyEdited] = useState<boolean>(false)\n // build out form state\n const initData: EntityForm = { label: '', subType: '', name: '' }\n\n // format title\n const getDialogTitle = () => {\n let title = 'Add New '\n if (isRoot) title += 'Root '\n title += entityType ? newEntityDefinitions[entityType].label : ''\n if (!isRoot) {\n if (selectedEntitiesLabels.length > 2) {\n title +=\n ' - ' +\n selectedEntitiesLabels.slice(0, 2).join(', ') +\n ` +${selectedEntitiesLabels.length - 2} more`\n } else {\n title += ' - ' + selectedEntitiesLabels.join(', ')\n }\n }\n return title\n }\n\n // entityType selector\n const typeOptions =\n (entityType === 'folder' ? projectInfo?.folderTypes : projectInfo?.taskTypes) \|\| []\n\n // handlers\n const handleChange = (value: any, id?: keyof EntityForm) => {\n if (!id) return\n\n let newState = { ...entityForm }\n newState[id] = value\n\n if (value && id === 'subType') {\n // Find the current/old type option\n const oldTypeOption = typeOptions.find((option) => option.name === entityForm.subType)\n const typeOption = typeOptions.find((option) => option.name === value)\n\n if (typeOption) {\n const labelMatchesOldType = entityForm.label === oldTypeOption?.name\n\n if (labelMatchesOldType) {\n newState.label = typeOption.name\n\n // Only update name if it matches what the current label would generate\n const expectedNameFromLabel = parseAndFormatName(entityForm.label, config)\n if (entityForm.name === expectedNameFromLabel) {\n newState.name = parseAndFormatName(newState.label, config)\n }\n }\n }\n\n // Focus the label input after type selection\n setTimeout(() => {\n labelRef.current?.focus()\n }, 100)\n } else if (id === 'label') {\n // User is manually editing the label\n newState.label = value\n\n // Only auto-generate name if user hasn't manually edited it\n if (!nameManuallyEdited) {\n newState.name = parseAndFormatName(value, config)\n }\n } else if (id === 'name') {\n // User is manually editing the name\n setNameManuallyEdited(true)\n newState.name = value\n }\n\n setEntityForm(newState)\n }\n\n const handleSeqChange = (value: any) => {\n setEntityForm({ ...entityForm, label: value.base, subType: value.type })\n setSequenceForm({\n ...sequenceForm,\n increment: value.increment,\n length: value.length,\n prefix: value.prefix,\n prefixDepth: value.prefixDepth,\n })\n }\n\n // refs\n const typeSelectRef = useRef<DropdownRef>(null)\n const labelRef = useRef<HTMLInputElement>(null)\n\n const handleClose = () => {\n // reset state\n setEntityType(null)\n setEntityForm(initData)\n setSequenceForm((prev) => ({ ...prev, active: false }))\n setNameManuallyEdited(false)\n setManuallySelectedParents(null)\n }\n\n // open dropdown - delay to wait for dialog opening\n const handleShow = () => setTimeout(() => typeSelectRef.current?.open(), 180)\n\n const [isSubmitting, setIsSubmitting] = useState(false)\n\n const handleSubmit = async (stayOpen: boolean) => {\n // validate the label\n const labelCheck = checkLabel(entityForm.label)\n if (!labelCheck.valid) {\n toast.error(labelCheck.error \|\| 'Invalid label')\n return\n }\n\n // validate the name\n const { valid, error } = checkName(entityForm.name)\n if (!valid) {\n toast.error(error \|\| 'Invalid name')\n return\n }\n\n setIsSubmitting(true)\n try {\n const resOperations = await onCreateNew(selectedFolderIds)\n\n console.log(resOperations)\n\n // callback function\n onNewEntities?.(resOperations, stayOpen)\n\n if (stayOpen) {\n // focus and select the label input\n if (labelRef.current) {\n labelRef.current.focus()\n labelRef.current.select()\n }\n setNameManuallyEdited(false)\n } else {\n handleClose()\n }\n } catch (error) {\n } finally {\n setIsSubmitting(false)\n }\n }\n\n const handleKeyDown = (e: KeyboardEvent, lastInput?: boolean) => {\n e?.stopPropagation()\n if (e.key === 'Enter') {\n if (lastInput && !e.shiftKey) {\n handleSubmit(false)\n setCreateMore(false)\n } else if (e.ctrlKey \|\| e.metaKey) {\n handleSubmit(false)\n setCreateMore(false)\n } else if (e.shiftKey) {\n handleSubmit(true)\n setCreateMore(true)\n }\n } else if (e.key === 'Escape') {\n handleClose()\n }\n }\n\n const handleTypeSelectFocus = () => {\n if (nameFocused) {\n setNameFocused(false)\n // super hacky way to fix clicking on entityType select when name is focused\n setTimeout(() => {\n typeSelectRef.current?.open()\n }, 100)\n }\n }\n\n const options: {\n label: string\n value: string\n type: NewEntityType\n icon: string\n shortcut?: string\n isSequence?: boolean\n }[] = [\n {\n ...newEntityDefinitions.folder,\n value: 'folder',\n type: 'folder',\n shortcut: 'N',\n },\n {\n label: 'Folder sequence',\n value: 'sequence',\n type: 'folder',\n icon: 'topic',\n shortcut: 'M',\n isSequence: true,\n },\n {\n ...newEntityDefinitions.task,\n value: 'task',\n type: 'task',\n shortcut: 'T',\n },\n ]\n\n // Use the keyboard shortcuts hook\n useCreateEntityShortcuts({ options, onOpenNew, enabled: enableShortcuts })\n\n const handleOpenFromMenu = (value: string) => {\n // get the full option object\n const selectedOption = options.find((option) => option.value === value)\n if (selectedOption) {\n onOpenNew(selectedOption.type, { isSequence: selectedOption.isSequence })\n }\n }\n\n const addDisabled = !entityForm.label \|\| !entityForm.subType\n\n return (\n <>\n {showButton && (\n <StyledCreateButton\n options={options}\n value={[]}\n onChange={(v: string[]) => handleOpenFromMenu(v[0])}\n valueTemplate={() => (\n <>\n <Icon icon=\"add\" />\n <span>Create</span>\n </>\n )}\n itemTemplate={(option) => (\n <StyledCreateItem>\n <Icon icon={option.icon} />\n <span className=\"label\">{option.label}</span>\n <ShortcutTag>{option.shortcut}</ShortcutTag>\n </StyledCreateItem>\n )}\n itemStyle={{\n paddingRight: 16,\n }}\n disabled={disabled}\n data-tooltip={disabled ? 'Enable hierarchy to create new entity' : 'Create new entity'}\n />\n )}\n {showDialog && entityType && (\n <StyledDialog\n header={getDialogTitle()}\n isOpen\n onClose={handleClose}\n onShow={handleShow}\n size={sequenceForm.active ? 'lg' : 'md'}\n style={{ maxWidth: sequenceForm.active ? 'unset' : 430 }}\n enableBackdropClose={false}\n footer={\n <Toolbar onFocus={() => setNameFocused(false)} style={{ width: '100%' }}>\n {entityType === 'folder' && (\n <>\n <span>Sequence</span>\n <InputSwitch\n checked={sequenceForm.active}\n onChange={(e) =>\n setSequenceForm({\n ...sequenceForm,\n active: (e.target as HTMLInputElement).checked,\n })\n }\n />\n </>\n )}\n <Spacer />\n <span>Create more</span>\n <InputSwitch\n checked={createMore}\n onChange={(e) => setCreateMore((e.target as HTMLInputElement).checked)}\n />\n <SaveButton\n label={newEntityDefinitions[entityType].createLabel}\n onClick={() => handleSubmit(createMore)}\n active={!addDisabled \|\| isSubmitting}\n disabled={!entityForm.name \|\| !entityForm.label}\n data-shortcut={getPlatformShortcutKey('Enter', [KeyMode.Ctrl])}\n saving={isSubmitting}\n />\n </Toolbar>\n }\n onKeyDown={(e: React.KeyboardEvent) => handleKeyDown(e as KeyboardEvent)}\n onClick={(e: React.MouseEvent) => {\n const target = e.target as HTMLElement\n target.tagName !== 'INPUT' && setNameFocused(false)\n }}\n >\n <div\n style={{\n display: 'flex',\n flexDirection: 'column',\n gap: 'var(--base-gap-large)',\n }}\n >\n {!isRoot && (\n <InputsContainer>\n <InputLabel>Parent folder</InputLabel>\n <Dropdown\n value={selectedFolderIds}\n options={parentTargetOptions}\n onChange={(v) => setManuallySelectedParents(v)}\n disabled={parentTargetOptions.length <= 1}\n multiSelect={true}\n style={{ width: '100%', minHeight: 32 }}\n />\n </InputsContainer>\n )}\n {sequenceForm.active ? (\n // @ts-ignore\n <FolderSequence\n base={entityForm.label}\n type={entityForm.subType}\n increment={sequenceForm.increment}\n length={sequenceForm.length}\n prefix={sequenceForm.prefix}\n prefixDepth={sequenceForm.prefixDepth}\n parentLabel={parentLabel}\n entityType=\"folder\"\n nesting={false}\n onChange={handleSeqChange}\n isRoot={isRoot}\n // @ts-ignore\n typeSelectRef={typeSelectRef}\n // @ts-ignore\n onLastInputKeydown={(e) => handleKeyDown(e, true)}\n folders={projectInfo?.folderTypes \|\| []}\n />\n ) : (\n <ContentStyled>\n <InputsContainer>\n <InputLabel>Type</InputLabel>\n <TypeEditor\n value={[entityForm.subType]}\n onChange={(v: string) => handleChange(v, 'subType')}\n options={typeOptions}\n style={{ width: 160 }}\n ref={typeSelectRef}\n onFocus={handleTypeSelectFocus}\n onClick={() => setNameFocused(false)}\n />\n </InputsContainer>\n <NewEntityForm\n handleChange={handleChange}\n entityForm={entityForm}\n labelRef={labelRef}\n setNameFocused={setNameFocused}\n handleKeyDown={handleKeyDown}\n nameInfo={`Names are auto generated from the label using the Entity Naming setting on the project anatomy. Capitalization: ${config.capitalization}. Separator: \"${config.separator}\"`}\n />\n </ContentStyled>\n )}\n </div>\n </StyledDialog>\n )}\n </>\n )\n}\n\n// Helper function to generate label based on entity type and selected subtype\nexport const generateLabel = (\n type: NewEntityType \| null,\n subType: string,\n projectInfo: ProjectModel \| undefined,\n): string => {\n if (!type \|\| !subType) return ''\n\n const typeOption = (type === 'folder' ? projectInfo?.folderTypes : projectInfo?.taskTypes)?.find(\n (option) => option.name === subType,\n )\n\n if (!typeOption) return ''\n\n return typeOption.name\n}\n"],"names":["StyledDialog","styled","Dialog","ContentStyled","StyledCreateButton","Dropdown","StyledCreateItem","NewEntity","disabled","onNewEntities","showButton","showDialog","enableShortcuts","projectInfo","useProjectContext","entityType","setEntityType","entityForm","setEntityForm","sequenceForm","setSequenceForm","onCreateNew","onOpenNew","config","parentFolderIds","useNewEntityContext","createMore","setCreateMore","useState","selectedCells","useOptionalSelectionCellsContext","rowSelection","pinnedSlice","sliceType","useSlicerContext","getFolderById","useProjectFoldersContext","getEntityById","useOptionalProjectTableContext","allSelectedFolderIds","parentTargetOptions","useMemo","folderIds","selectedCellPositions","cellId","parseCellId","selectedCellIds","cell","ROW_SELECTION_COLUMN_ID","selectedRowIds","tableSelectedRowIds","selectedEntities","id","selectedFolders","entity","selectedTasks","folder","task","activeRowSelection","options","manuallySelectedParents","setManuallySelectedParents","selectedFolderIds","selectedEntitiesLabels","o","parentLabel","isRoot","isEmpty","nameFocused","setNameFocused","nameManuallyEdited","setNameManuallyEdited","initData","getDialogTitle","title","newEntityDefinitions","typeOptions","handleChange","value","newState","oldTypeOption","option","typeOption","expectedNameFromLabel","parseAndFormatName","labelRef","handleSeqChange","typeSelectRef","useRef","handleClose","prev","handleShow","isSubmitting","setIsSubmitting","handleSubmit","stayOpen","labelCheck","checkLabel","toast","valid","error","checkName","resOperations","handleKeyDown","lastInput","handleTypeSelectFocus","useCreateEntityShortcuts","handleOpenFromMenu","selectedOption","addDisabled","jsxs","Fragment","jsx","v","Icon","ShortcutTag","Toolbar","InputSwitch","Spacer","SaveButton","getPlatformShortcutKey","KeyMode","InputsContainer","InputLabel","FolderSequence","TypeEditor","NewEntityForm","generateLabel","type","subType"],"mappings":"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"}
1	+ {"version":3,"file":"NewEntity.cjs.js","sources":["../../../../../../src/containers/NewEntity/components/NewEntity.tsx"],"sourcesContent":["import React, { KeyboardEvent, useMemo, useRef, useState } from 'react'\nimport { isEmpty } from 'lodash'\nimport {\n Dialog,\n Dropdown,\n DropdownRef,\n Icon,\n InputSwitch,\n SaveButton,\n ShortcutTag,\n Spacer,\n Toolbar,\n} from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\nimport TypeEditor from './TypeEditor'\nimport {\n checkName,\n checkLabel,\n parseAndFormatName,\n getPlatformShortcutKey,\n KeyMode,\n} from '@shared/util'\nimport type {\n EditorTaskNode,\n MatchingFolder,\n} from '@shared/containers/ProjectTreeTable/types/table'\nimport { ROW_SELECTION_COLUMN_ID } from '@shared/containers/ProjectTreeTable/constants'\nimport { useOptionalProjectTableContext } from '@shared/containers/ProjectTreeTable/context/ProjectTableContext'\nimport { useOptionalSelectionCellsContext } from '@shared/containers/ProjectTreeTable/context/SelectionCellsContext'\nimport { parseCellId } from '@shared/containers/ProjectTreeTable/utils/cellUtils'\nimport { type OperationResponseModel, type ProjectModel } from '@shared/api'\nimport FolderSequence from './FolderSequence'\nimport { EntityForm, NewEntityType, useNewEntityContext } from '../context/NewEntityContext'\nimport useCreateEntityShortcuts from '../hooks/useCreateEntityShortcuts'\nimport { useSlicerContext } from '@shared/containers/Slicer/context/SlicerContext'\nimport { NewEntityForm, InputLabel, InputsContainer } from './NewEntityForm'\nimport { toast } from 'react-toastify'\nimport { useProjectContext } from '@shared/context/ProjectContext'\nimport { useProjectFoldersContext } from '@shared/context/ProjectFoldersContext'\nimport { newEntityDefinitions } from '../util/entityDefinitions'\n\nconst StyledDialog = styled(Dialog)`\n .body {\n overflow: visible;\n }\n`\n\nconst ContentStyled = styled.div`\n display: flex;\n align-items: flex-start;\n gap: var(--base-gap-large);\n form {\n input:first-child {\n margin-right: 8px;\n }\n }\n`\n\nconst StyledCreateButton = styled(Dropdown)`\n overflow: visible;\n min-width: fit-content;\n .button {\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n padding: 0 8px;\n background-color: var(--md-sys-color-primary);\n &,\n .icon {\n color: var(--md-sys-color-on-primary);\n }\n min-width: 100px;\n justify-content: center;\n\n &:hover {\n background-color: var(--md-sys-color-primary-hover);\n }\n }\n`\n\nconst RootParentNote = styled.span`\n display: flex;\n align-items: center;\n min-height: 32px;\n color: var(--md-sys-color-outline);\n`\n\nconst StyledCreateItem = styled.span`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n padding: 0 8px;\n height: 32px;\n width: 100%;\n\n .label {\n flex: 1;\n margin-right: 24px;\n }\n\n &.disabled {\n opacity: 0.5;\n }\n`\n\nexport interface NewEntityProps {\n disabled?: boolean\n onNewEntities?: (ops: OperationResponseModel[], stayOpen: boolean) => void\n showButton?: boolean\n showDialog?: boolean\n enableShortcuts?: boolean\n}\n\nexport const NewEntity: React.FC<NewEntityProps> = ({\n disabled,\n onNewEntities,\n showButton = true,\n showDialog = true,\n enableShortcuts = true,\n}) => {\n const { ...projectInfo } = useProjectContext()\n const {\n entityType,\n setEntityType,\n entityForm,\n setEntityForm,\n sequenceForm,\n setSequenceForm,\n onCreateNew,\n onOpenNew,\n config,\n parentFolderIds,\n } = useNewEntityContext()\n\n const [createMore, setCreateMore] = useState(false)\n const { selectedCells } = useOptionalSelectionCellsContext() \|\| {}\n const { rowSelection, pinnedSlice, sliceType } = useSlicerContext()\n const { getFolderById } = useProjectFoldersContext()\n const projectTableContext = useOptionalProjectTableContext()\n const getEntityById = projectTableContext?.getEntityById\n const showHierarchy = projectTableContext?.showHierarchy ?? true\n\n const fullChainParentIds = useMemo(() => {\n if (parentFolderIds !== null) return parentFolderIds\n\n const selectedCellPositions = selectedCells\n ? Array.from(selectedCells).map((cellId) => parseCellId(cellId))\n : []\n const selectedCellIds = Array.from(\n new Set(\n selectedCellPositions\n .filter((cell) => cell && cell.colId !== ROW_SELECTION_COLUMN_ID)\n .map((cell) => cell?.rowId)\n .filter(Boolean) as string[],\n ),\n )\n const selectedRowIds = Array.from(\n new Set(\n selectedCellPositions\n .filter((cell) => cell?.colId === ROW_SELECTION_COLUMN_ID)\n .map((cell) => cell?.rowId)\n .filter(Boolean) as string[],\n ),\n )\n const tableSelectedRowIds = selectedCellIds.length > 0 ? selectedCellIds : selectedRowIds\n\n if (tableSelectedRowIds.length > 0) {\n const selectedEntities = tableSelectedRowIds.map((id) => getEntityById?.(id))\n const selectedFolders = selectedEntities.filter(\n (entity): entity is MatchingFolder => entity?.entityType === 'folder',\n )\n const selectedTasks = selectedEntities.filter(\n (entity): entity is EditorTaskNode => entity?.entityType === 'task',\n )\n\n const folderIds = Array.from(\n new Set([\n ...selectedFolders.map((folder) => folder.id),\n ...selectedTasks.map((task) => task.folderId),\n ]),\n )\n // group rows resolve to nothing, so fall through to the slicer\n if (folderIds.length) return folderIds\n }\n\n const activeRowSelection =\n sliceType === 'hierarchy' ? rowSelection : pinnedSlice?.rowSelection \|\| null\n return activeRowSelection\n ? Object.keys(activeRowSelection).filter((id) => activeRowSelection[id])\n : []\n }, [parentFolderIds, selectedCells, rowSelection, pinnedSlice, sliceType, getEntityById])\n\n // Slicer-only chain: in grouping modes folders skip table selection\n const slicerParentIds = useMemo(() => {\n if (parentFolderIds !== null) return parentFolderIds\n const activeRowSelection =\n sliceType === 'hierarchy' ? rowSelection : pinnedSlice?.rowSelection \|\| null\n return activeRowSelection\n ? Object.keys(activeRowSelection).filter((id) => activeRowSelection[id])\n : []\n }, [parentFolderIds, rowSelection, pinnedSlice, sliceType])\n\n const resolvedParentFolderIds =\n entityType === 'folder' && !showHierarchy ? slicerParentIds : fullChainParentIds\n\n const canCreateTask = fullChainParentIds.length > 0\n\n const parentTargetOptions = useMemo(\n () =>\n resolvedParentFolderIds.map((id) => {\n const folder = getEntityById?.(id) \|\| getFolderById(id)\n return { value: id, label: folder?.label \|\| folder?.name \|\| id }\n }),\n [resolvedParentFolderIds, getEntityById, getFolderById],\n )\n\n const [manuallySelectedParents, setManuallySelectedParents] = useState<string[] \| null>(null)\n\n let selectedFolderIds =\n manuallySelectedParents !== null ? manuallySelectedParents : resolvedParentFolderIds\n\n // ensure we don't accidentally create things with invalid parents (e.g. selection changed)\n selectedFolderIds = selectedFolderIds.filter((id) => resolvedParentFolderIds.includes(id))\n\n // if the filtering removed everything (e.g. selection completely changed or user deselected all), revert to full selection\n if (selectedFolderIds.length === 0 && resolvedParentFolderIds.length > 0) {\n selectedFolderIds = resolvedParentFolderIds\n }\n\n const selectedEntitiesLabels = selectedFolderIds\n .map((id) => parentTargetOptions.find((o) => o.value === id)?.label \|\| '')\n .filter(Boolean)\n\n const parentLabel = selectedEntitiesLabels[0] \|\| ''\n\n const isRoot = isEmpty(resolvedParentFolderIds)\n\n const [nameFocused, setNameFocused] = useState<boolean>(false)\n const [nameManuallyEdited, setNameManuallyEdited] = useState<boolean>(false)\n // build out form state\n const initData: EntityForm = { label: '', subType: '', name: '' }\n\n // format title\n const getDialogTitle = () => {\n let title = 'Add New '\n if (isRoot && entityType === 'folder') title += 'Root '\n title += entityType ? newEntityDefinitions[entityType].label : ''\n if (!isRoot) {\n if (selectedEntitiesLabels.length > 2) {\n title +=\n ' - ' +\n selectedEntitiesLabels.slice(0, 2).join(', ') +\n ` +${selectedEntitiesLabels.length - 2} more`\n } else {\n title += ' - ' + selectedEntitiesLabels.join(', ')\n }\n }\n return title\n }\n\n // entityType selector\n const typeOptions =\n (entityType === 'folder' ? projectInfo?.folderTypes : projectInfo?.taskTypes) \|\| []\n\n // handlers\n const handleChange = (value: any, id?: keyof EntityForm) => {\n if (!id) return\n\n let newState = { ...entityForm }\n newState[id] = value\n\n if (value && id === 'subType') {\n // Find the current/old type option\n const oldTypeOption = typeOptions.find((option) => option.name === entityForm.subType)\n const typeOption = typeOptions.find((option) => option.name === value)\n\n if (typeOption) {\n const labelMatchesOldType = entityForm.label === oldTypeOption?.name\n\n if (labelMatchesOldType) {\n newState.label = typeOption.name\n\n // Only update name if it matches what the current label would generate\n const expectedNameFromLabel = parseAndFormatName(entityForm.label, config)\n if (entityForm.name === expectedNameFromLabel) {\n newState.name = parseAndFormatName(newState.label, config)\n }\n }\n }\n\n // Focus the label input after type selection\n setTimeout(() => {\n labelRef.current?.focus()\n }, 100)\n } else if (id === 'label') {\n // User is manually editing the label\n newState.label = value\n\n // Only auto-generate name if user hasn't manually edited it\n if (!nameManuallyEdited) {\n newState.name = parseAndFormatName(value, config)\n }\n } else if (id === 'name') {\n // User is manually editing the name\n setNameManuallyEdited(true)\n newState.name = value\n }\n\n setEntityForm(newState)\n }\n\n const handleSeqChange = (value: any) => {\n setEntityForm({ ...entityForm, label: value.base, subType: value.type })\n setSequenceForm({\n ...sequenceForm,\n increment: value.increment,\n length: value.length,\n prefix: value.prefix,\n prefixDepth: value.prefixDepth,\n })\n }\n\n // refs\n const typeSelectRef = useRef<DropdownRef>(null)\n const labelRef = useRef<HTMLInputElement>(null)\n\n const handleClose = () => {\n // reset state\n setEntityType(null)\n setEntityForm(initData)\n setSequenceForm((prev) => ({ ...prev, active: false }))\n setNameManuallyEdited(false)\n setManuallySelectedParents(null)\n }\n\n // open dropdown - delay to wait for dialog opening\n const handleShow = () => setTimeout(() => typeSelectRef.current?.open(), 180)\n\n const [isSubmitting, setIsSubmitting] = useState(false)\n\n const handleSubmit = async (stayOpen: boolean) => {\n // validate the label\n const labelCheck = checkLabel(entityForm.label)\n if (!labelCheck.valid) {\n toast.error(labelCheck.error \|\| 'Invalid label')\n return\n }\n\n // validate the name\n const { valid, error } = checkName(entityForm.name)\n if (!valid) {\n toast.error(error \|\| 'Invalid name')\n return\n }\n\n setIsSubmitting(true)\n try {\n const resOperations = await onCreateNew(selectedFolderIds)\n\n console.log(resOperations)\n\n // callback function\n onNewEntities?.(resOperations, stayOpen)\n\n if (stayOpen) {\n // focus and select the label input\n if (labelRef.current) {\n labelRef.current.focus()\n labelRef.current.select()\n }\n setNameManuallyEdited(false)\n } else {\n handleClose()\n }\n } catch (error) {\n } finally {\n setIsSubmitting(false)\n }\n }\n\n const handleKeyDown = (e: KeyboardEvent, lastInput?: boolean) => {\n e?.stopPropagation()\n if (e.key === 'Enter') {\n if (lastInput && !e.shiftKey) {\n handleSubmit(false)\n setCreateMore(false)\n } else if (e.ctrlKey \|\| e.metaKey) {\n handleSubmit(false)\n setCreateMore(false)\n } else if (e.shiftKey) {\n handleSubmit(true)\n setCreateMore(true)\n }\n } else if (e.key === 'Escape') {\n handleClose()\n }\n }\n\n const handleTypeSelectFocus = () => {\n if (nameFocused) {\n setNameFocused(false)\n // super hacky way to fix clicking on entityType select when name is focused\n setTimeout(() => {\n typeSelectRef.current?.open()\n }, 100)\n }\n }\n\n const options: {\n label: string\n value: string\n type: NewEntityType\n icon: string\n shortcut?: string\n isSequence?: boolean\n disabled?: boolean\n disabledMessage?: string\n }[] = useMemo(\n () => [\n {\n ...newEntityDefinitions.folder,\n value: 'folder',\n type: 'folder',\n shortcut: 'N',\n },\n {\n label: 'Folder sequence',\n value: 'sequence',\n type: 'folder',\n icon: 'topic',\n shortcut: 'M',\n isSequence: true,\n },\n {\n ...newEntityDefinitions.task,\n value: 'task',\n type: 'task',\n shortcut: 'T',\n disabled: !canCreateTask,\n disabledMessage: 'Select a folder to create a task in',\n },\n ],\n [canCreateTask],\n )\n\n // Use the keyboard shortcuts hook\n useCreateEntityShortcuts({ options, onOpenNew, enabled: enableShortcuts })\n\n const handleOpenFromMenu = (value: string) => {\n // get the full option object\n const selectedOption = options.find((option) => option.value === value)\n if (selectedOption && !selectedOption.disabled) {\n onOpenNew(selectedOption.type, { isSequence: selectedOption.isSequence })\n }\n }\n\n const missingTaskParent = entityType === 'task' && isEmpty(selectedFolderIds)\n const addDisabled = !entityForm.label \|\| !entityForm.subType \|\| missingTaskParent\n\n return (\n <>\n {showButton && (\n <StyledCreateButton\n options={options}\n value={[]}\n onChange={(v: string[]) => handleOpenFromMenu(v[0])}\n valueTemplate={() => (\n <>\n <Icon icon=\"add\" />\n <span>Create</span>\n </>\n )}\n itemTemplate={(option) => (\n <StyledCreateItem\n className={option.disabled ? 'disabled' : undefined}\n data-tooltip={option.disabled ? option.disabledMessage : undefined}\n >\n <Icon icon={option.icon} />\n <span className=\"label\">{option.label}</span>\n <ShortcutTag>{option.shortcut}</ShortcutTag>\n </StyledCreateItem>\n )}\n itemStyle={{\n paddingRight: 16,\n }}\n disabled={disabled}\n data-tooltip=\"Create new entity\"\n />\n )}\n {showDialog && entityType && (\n <StyledDialog\n header={getDialogTitle()}\n isOpen\n onClose={handleClose}\n onShow={handleShow}\n size={sequenceForm.active ? 'lg' : 'md'}\n style={{ maxWidth: sequenceForm.active ? 'unset' : 430 }}\n enableBackdropClose={false}\n footer={\n <Toolbar onFocus={() => setNameFocused(false)} style={{ width: '100%' }}>\n {entityType === 'folder' && (\n <>\n <span>Sequence</span>\n <InputSwitch\n checked={sequenceForm.active}\n onChange={(e) =>\n setSequenceForm({\n ...sequenceForm,\n active: (e.target as HTMLInputElement).checked,\n })\n }\n />\n </>\n )}\n <Spacer />\n <span>Create more</span>\n <InputSwitch\n checked={createMore}\n onChange={(e) => setCreateMore((e.target as HTMLInputElement).checked)}\n />\n <SaveButton\n label={newEntityDefinitions[entityType].createLabel}\n onClick={() => handleSubmit(createMore)}\n active={!addDisabled \|\| isSubmitting}\n disabled={!entityForm.name \|\| !entityForm.label \|\| missingTaskParent}\n data-tooltip={missingTaskParent ? 'Select a parent folder' : undefined}\n data-shortcut={getPlatformShortcutKey('Enter', [KeyMode.Ctrl])}\n saving={isSubmitting}\n />\n </Toolbar>\n }\n onKeyDown={(e: React.KeyboardEvent) => handleKeyDown(e as KeyboardEvent)}\n onClick={(e: React.MouseEvent) => {\n const target = e.target as HTMLElement\n target.tagName !== 'INPUT' && setNameFocused(false)\n }}\n >\n <div\n style={{\n display: 'flex',\n flexDirection: 'column',\n gap: 'var(--base-gap-large)',\n }}\n >\n <InputsContainer>\n <InputLabel>Parent folder</InputLabel>\n {resolvedParentFolderIds.length > 0 ? (\n <Dropdown\n value={selectedFolderIds}\n options={parentTargetOptions}\n onChange={(v) => setManuallySelectedParents(v)}\n disabled={parentTargetOptions.length <= 1}\n multiSelect\n style={{ width: '100%', minHeight: 32 }}\n />\n ) : entityType === 'task' ? (\n <RootParentNote>Select a folder to create a task in</RootParentNote>\n ) : (\n <RootParentNote>Creating in the project root</RootParentNote>\n )}\n </InputsContainer>\n {sequenceForm.active ? (\n // @ts-ignore\n <FolderSequence\n base={entityForm.label}\n type={entityForm.subType}\n increment={sequenceForm.increment}\n length={sequenceForm.length}\n prefix={sequenceForm.prefix}\n prefixDepth={sequenceForm.prefixDepth}\n parentLabel={parentLabel}\n entityType=\"folder\"\n nesting={false}\n onChange={handleSeqChange}\n isRoot={isRoot}\n // @ts-ignore\n typeSelectRef={typeSelectRef}\n // @ts-ignore\n onLastInputKeydown={(e) => handleKeyDown(e, true)}\n folders={projectInfo?.folderTypes \|\| []}\n />\n ) : (\n <ContentStyled>\n <InputsContainer>\n <InputLabel>Type</InputLabel>\n <TypeEditor\n value={[entityForm.subType]}\n onChange={(v: string) => handleChange(v, 'subType')}\n options={typeOptions}\n style={{ width: 160 }}\n ref={typeSelectRef}\n onFocus={handleTypeSelectFocus}\n onClick={() => setNameFocused(false)}\n />\n </InputsContainer>\n <NewEntityForm\n handleChange={handleChange}\n entityForm={entityForm}\n labelRef={labelRef}\n setNameFocused={setNameFocused}\n handleKeyDown={handleKeyDown}\n nameInfo={`Names are auto generated from the label using the Entity Naming setting on the project anatomy. Capitalization: ${config.capitalization}. Separator: \"${config.separator}\"`}\n />\n </ContentStyled>\n )}\n </div>\n </StyledDialog>\n )}\n </>\n )\n}\n\n// Helper function to generate label based on entity type and selected subtype\nexport const generateLabel = (\n type: NewEntityType \| null,\n subType: string,\n projectInfo: ProjectModel \| undefined,\n): string => {\n if (!type \|\| !subType) return ''\n\n const typeOption = (type === 'folder' ? projectInfo?.folderTypes : projectInfo?.taskTypes)?.find(\n (option) => option.name === subType,\n )\n\n if (!typeOption) return ''\n\n return typeOption.name\n}\n"],"names":["StyledDialog","styled","Dialog","ContentStyled","StyledCreateButton","Dropdown","RootParentNote","StyledCreateItem","NewEntity","disabled","onNewEntities","showButton","showDialog","enableShortcuts","projectInfo","useProjectContext","entityType","setEntityType","entityForm","setEntityForm","sequenceForm","setSequenceForm","onCreateNew","onOpenNew","config","parentFolderIds","useNewEntityContext","createMore","setCreateMore","useState","selectedCells","useOptionalSelectionCellsContext","rowSelection","pinnedSlice","sliceType","useSlicerContext","getFolderById","useProjectFoldersContext","projectTableContext","useOptionalProjectTableContext","getEntityById","showHierarchy","fullChainParentIds","useMemo","selectedCellPositions","cellId","parseCellId","selectedCellIds","cell","ROW_SELECTION_COLUMN_ID","selectedRowIds","tableSelectedRowIds","selectedEntities","id","selectedFolders","entity","selectedTasks","folderIds","folder","task","activeRowSelection","slicerParentIds","resolvedParentFolderIds","canCreateTask","parentTargetOptions","manuallySelectedParents","setManuallySelectedParents","selectedFolderIds","selectedEntitiesLabels","o","parentLabel","isRoot","isEmpty","nameFocused","setNameFocused","nameManuallyEdited","setNameManuallyEdited","initData","getDialogTitle","title","newEntityDefinitions","typeOptions","handleChange","value","newState","oldTypeOption","option","typeOption","expectedNameFromLabel","parseAndFormatName","labelRef","handleSeqChange","typeSelectRef","useRef","handleClose","prev","handleShow","isSubmitting","setIsSubmitting","handleSubmit","stayOpen","labelCheck","checkLabel","toast","valid","error","checkName","resOperations","handleKeyDown","lastInput","handleTypeSelectFocus","options","useCreateEntityShortcuts","handleOpenFromMenu","selectedOption","missingTaskParent","addDisabled","jsxs","Fragment","jsx","v","Icon","ShortcutTag","Toolbar","InputSwitch","Spacer","SaveButton","getPlatformShortcutKey","KeyMode","InputsContainer","InputLabel","FolderSequence","TypeEditor","NewEntityForm","generateLabel","type","subType"],"mappings":"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"}