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

@ynput/ayon-frontend-shared 0.3.54 → 0.3.56

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

package/dist/shared/src/containers/ProjectTreeTable/widgets/CellWidget.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CellWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CellWidget.tsx"],"sourcesContent":["import { FC, useMemo, useRef } from 'react'\nimport styled from 'styled-components'\n\n// Widgets\nimport { BooleanWidget, BooleanWidgetProps } from './BooleanWidget'\nimport { CollapsedWidget } from './CollapsedWidget'\nimport { DateWidget, DateWidgetProps } from './DateWidget'\nimport { EnumWidget, EnumWidgetProps } from './EnumWidget'\nimport { TextWidget, TextWidgetProps, TextWidgetType } from './TextWidget'\nimport { isLinkEditable, LinksWidget, LinkWidgetData } from './LinksWidget'\nimport { SubtasksWidget, SubtasksWidgetData } from './SubtasksWidget'\nimport { CommentsWidget } from './CommentsWidget'\n\n// Contexts\nimport { useCellEditing } from '../context/CellEditingContext'\n\n// Utils\nimport { getCellId } from '../utils/cellUtils'\nimport clsx from 'clsx'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { useProjectContext } from '@shared/context'\nimport { EnumCellValue } from './EnumCellValue'\nimport { NameWidget } from '@shared/containers/ProjectTreeTable/widgets/NameWidget'\nimport { NameWidgetData } from '@shared/components/RenameForm'\nimport { READ_ONLY } from '../utils'\nimport { AttributeData, EnumItem, type EntityComment } from '@shared/api'\n\nconst Cell = styled.div`\n position: absolute;\n inset: 0;\n padding: 4px 8px;\n display: flex;\n align-items: center;\n overflow: hidden;\n\n &:has(.markdown),\n &:has(.comments-list) {\n align-items: flex-start;\n }\n\n &:focus-visible {\n outline: none;\n }\n\n &.inherited {\n opacity: 0.6;\n font-style: italic;\n }\n\n &.loading {\n inset: 4px;\n border-radius: 4px;\n opacity: 1;\n }\n`\n\n// use this class to trigger the editing mode on a single click\nexport const EDIT_TRIGGER_CLASS = 'edit-trigger'\n\ntype WidgetAttributeData = {\n type: AttributeData['type'] \| 'links' \| 'name' \| 'subtasks' \| 'comments'\n widget?: AttributeData['widget']\n}\n\nexport type CellValue = string \| number \| boolean\nexport type CellValueData = Record<string, any>\n\ninterface EditorCellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n rowId: string\n columnId: string\n value: CellValue \| CellValue[]\n valueData?: CellValueData \| CellValueData[] // extra data for the value\n attributeData?: WidgetAttributeData\n options?: EnumItem[]\n isCollapsed?: boolean\n isInherited?: boolean\n isPlaceholder?: boolean\n isFocused?: boolean\n isReadOnly?: boolean\n enableCustomValues?: boolean\n isLinksLoading?: boolean\n folderId?: string \| null\n tooltip?: string\n onChange?: (value: CellValue \| CellValue[], key?: 'Enter' \| 'Click' \| 'Escape') => void\n // options passthrough props\n pt?: {\n enum?: Partial<EnumWidgetProps>\n text?: Partial<TextWidgetProps>\n date?: Partial<DateWidgetProps>\n boolean?: Partial<BooleanWidgetProps>\n }\n entityType?: string\n}\n\nexport interface WidgetBaseProps {\n isEditing?: boolean\n isReadOnly?: boolean\n onChange: Required<EditorCellProps>['onChange']\n onCancelEdit?: () => void\n}\n\nexport const CellWidget: FC<EditorCellProps> = ({\n rowId,\n columnId,\n value,\n valueData,\n attributeData,\n options = [],\n isCollapsed,\n isInherited,\n isPlaceholder,\n isReadOnly,\n enableCustomValues,\n isLinksLoading,\n folderId,\n tooltip,\n onChange,\n entityType,\n pt,\n ...props\n}) => {\n const ref = useRef<HTMLDivElement>(null)\n const type = attributeData?.type\n\n const { projectName } = useProjectContext()\n const { isEditing, setEditingCellId, getEditingDraft, setEditingDraft } = useCellEditing()\n const { isCellFocused, gridMap, selectCell, focusCell } = useSelectionCellsContext()\n const cellId = getCellId(rowId, columnId)\n\n const isCurrentCellEditing = isEditing(cellId)\n const isCurrentCellFocused = isCellFocused(cellId)\n\n const moveToNextRow = () => {\n const rowIndex = gridMap.rowIdToIndex.get(rowId)\n if (rowIndex === undefined) {\n setEditingCellId(null)\n return\n }\n const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n if (newRowId) {\n const newCellId = getCellId(newRowId, columnId)\n selectCell(newCellId, false, false)\n focusCell(newCellId)\n setEditingCellId(newCellId)\n } else {\n setEditingCellId(null)\n }\n }\n\n const handleOnChange: WidgetBaseProps['onChange'] = (newValue, key) => {\n if (isReadOnly) {\n setEditingCellId(null)\n return\n }\n if (key === 'Enter') {\n // Move to next row first (sets new editing cell), then save value.\n // This prevents the dialog from blinking between rows.\n moveToNextRow()\n onChange?.(newValue, key)\n } else if (key === 'Click' && newValue != value) {\n setEditingCellId(null)\n onChange?.(newValue, key)\n } else {\n setEditingCellId(null)\n }\n }\n\n const handleCancel = () => {\n setEditingCellId(null)\n // ensure the browser focus moves back to the parent <td>\n const td = ref.current?.closest('td') as HTMLElement \| null\n if (td) td.focus()\n }\n\n const widget = useMemo(() => {\n // Common props shared across all widgets\n const sharedProps: WidgetBaseProps = {\n onChange: handleOnChange,\n onCancelEdit: handleCancel,\n isEditing: isCurrentCellEditing,\n isReadOnly: isReadOnly,\n }\n\n const textTypes: TextWidgetType[] = ['string', 'integer', 'float']\n\n // Determine widget type based on attribute type\n switch (true) {\n // this is showing the collapsed widget (dot)\n case isCollapsed: {\n // if enum, find the first selected option and get its color\n const firstSelectedOption = type?.includes('list')\n ? options.find((option) =>\n Array.isArray(value) ? value.includes(option.value) : value === option.value,\n )\n : undefined\n const color = firstSelectedOption?.color\n return <CollapsedWidget color={color} />\n }\n case type === 'name': {\n return (\n <NameWidget\n value={value as CellValue}\n valueData={valueData as NameWidgetData}\n cellId={cellId}\n entityType={entityType \|\| ''}\n {...sharedProps}\n />\n )\n }\n\n case type === 'links': {\n const linksValue = valueData as LinkWidgetData \| undefined\n\n const isEditable = isLinkEditable(\n linksValue?.direction \|\| 'out',\n linksValue?.link.linkType \|\| '',\n linksValue?.entityType \|\| '',\n )\n\n // overwrite readonly state if the cell is currently being edited\n isReadOnly = !isEditable\n return (\n <LinksWidget\n value={linksValue}\n cellId={cellId}\n projectName={projectName}\n disabled={!isEditable}\n folderId={folderId}\n isLoading={isLinksLoading}\n {...sharedProps}\n />\n )\n }\n\n case type === 'subtasks': {\n const subtasksValue = valueData as SubtasksWidgetData \| undefined\n\n return (\n <SubtasksWidget\n value={subtasksValue}\n cellId={cellId}\n projectName={projectName}\n disabled={isReadOnly}\n {...sharedProps}\n />\n )\n }\n\n case type === 'comments': {\n return <CommentsWidget value={valueData as EntityComment[] \| undefined} {...sharedProps} />\n }\n\n case !!options.length: {\n const enumValue = Array.isArray(value) ? value : [value]\n if (isReadOnly) {\n const selectedOptions = options.filter((option) => enumValue.includes(option.value))\n\n if (enumValue.length && !selectedOptions.length) {\n // value has something but it is not in options, show a placeholder\n return (\n <TextWidget\n value={enumValue.join(', ')}\n isInherited={isInherited}\n columnId={columnId}\n cellId={cellId}\n isMarkdown={attributeData?.widget === 'markdown'}\n onRequestEdit={setEditingCellId}\n getDraftValue={getEditingDraft}\n setDraftValue={setEditingDraft}\n {...sharedProps}\n {...pt?.text}\n />\n )\n }\n\n return (\n <EnumCellValue\n selectedOptions={selectedOptions}\n isReadOnly\n hasMultipleValues={enumValue.length > 1}\n isMultiSelect={type?.includes('list')}\n {...pt?.enum?.pt?.template}\n />\n )\n }\n return (\n <EnumWidget\n value={enumValue}\n options={options}\n type={type}\n onOpen={() => setEditingCellId(cellId)}\n enableCustomValues={enableCustomValues}\n {...sharedProps}\n {...pt?.enum}\n />\n )\n }\n\n case textTypes.includes(type as TextWidgetType):\n return (\n <TextWidget\n value={value as string}\n isInherited={isInherited}\n columnId={columnId}\n cellId={cellId}\n isMarkdown={\n attributeData?.widget === 'markdown' \|\|\n // description SHOULD be default markdown, but lets have this here just in case\n columnId === 'attrib_description' \|\|\n columnId === 'description'\n }\n type={type as TextWidgetType}\n onRequestEdit={setEditingCellId}\n getDraftValue={getEditingDraft}\n setDraftValue={setEditingDraft}\n {...sharedProps}\n {...pt?.text}\n />\n )\n\n case type === 'datetime':\n return (\n <DateWidget\n value={value ? (value as string) : undefined}\n isInherited={isInherited}\n {...sharedProps}\n {...pt?.date}\n />\n )\n\n case type === 'boolean':\n return <BooleanWidget value={value as boolean} {...sharedProps} {...pt?.boolean} />\n\n case isPlaceholder:\n return null\n\n default:\n // TODO: We should not allow editing unrecognized types\n // At this point, only list_of_strings without proper options is unrecognized\n // (tags if not tags are specified in anatomy) and in that case, validation\n // on the server fails with a string value. Unless we have a widget that\n // accepts a string value AND options at the same time we shouldn't show\n // any edit widget\n\n //console.log(`Unrecognized type \"${type}\" for cell ${cellId}.`)\n return null\n }\n }, [cellId, value, type, isCurrentCellEditing, options, isCollapsed])\n\n return (\n <Cell\n {...props}\n className={clsx(props.className, {\n inherited: isInherited && !isCurrentCellEditing,\n [READ_ONLY]: isReadOnly,\n editable: !isReadOnly,\n })}\n ref={ref}\n id={cellId}\n data-tooltip={\n tooltip \|\|\n (isInherited && !isCurrentCellEditing && isCurrentCellFocused ? 'Inherited' : undefined)\n }\n data-tooltip-delay={200}\n >\n {widget}\n </Cell>\n )\n}\n"],"names":["Cell","styled","EDIT_TRIGGER_CLASS","CellWidget","rowId","columnId","value","valueData","attributeData","options","isCollapsed","isInherited","isPlaceholder","isReadOnly","enableCustomValues","isLinksLoading","folderId","tooltip","onChange","entityType","pt","props","ref","useRef","type","projectName","useProjectContext","isEditing","setEditingCellId","getEditingDraft","setEditingDraft","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","cellId","getCellId","isCurrentCellEditing","isCurrentCellFocused","moveToNextRow","rowIndex","newRowId","newCellId","handleOnChange","newValue","key","handleCancel","td","widget","useMemo","sharedProps","textTypes","color","option","jsx","CollapsedWidget","NameWidget","linksValue","isEditable","isLinkEditable","LinksWidget","subtasksValue","SubtasksWidget","CommentsWidget","enumValue","selectedOptions","TextWidget","EnumCellValue","EnumWidget","DateWidget","BooleanWidget","clsx","READ_ONLY"],"mappings":"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"}
1	+ {"version":3,"file":"CellWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CellWidget.tsx"],"sourcesContent":["import { FC, useMemo, useRef } from 'react'\nimport styled from 'styled-components'\n\n// Widgets\nimport { BooleanWidget, BooleanWidgetProps } from './BooleanWidget'\nimport { CollapsedWidget } from './CollapsedWidget'\nimport { DateWidget, DateWidgetProps } from './DateWidget'\nimport { EnumWidget, EnumWidgetProps } from './EnumWidget'\nimport { TextWidget, TextWidgetProps, TextWidgetType } from './TextWidget'\nimport { isLinkEditable, LinksWidget, LinkWidgetData } from './LinksWidget'\nimport { SubtasksWidget, SubtasksWidgetData } from './SubtasksWidget'\nimport { CommentsWidget } from './CommentsWidget'\n\n// Contexts\nimport { useCellEditing } from '../context/CellEditingContext'\n\n// Utils\nimport { getCellId } from '../utils/cellUtils'\nimport clsx from 'clsx'\nimport { useSelectionCellsContext } from '../context/SelectionCellsContext'\nimport { useProjectContext } from '@shared/context'\nimport { EnumCellValue } from './EnumCellValue'\nimport { NameWidget } from '@shared/containers/ProjectTreeTable/widgets/NameWidget'\nimport { NameWidgetData } from '@shared/components/RenameForm'\nimport { READ_ONLY } from '../utils'\nimport { AttributeData, EnumItem, type EntityComment } from '@shared/api'\n\nconst Cell = styled.div`\n position: absolute;\n inset: 0;\n padding: 4px 8px;\n display: flex;\n align-items: center;\n overflow: hidden;\n\n &:has(.markdown),\n &:has(.comments-list) {\n align-items: flex-start;\n }\n\n &:focus-visible {\n outline: none;\n }\n\n &.inherited {\n opacity: 0.6;\n font-style: italic;\n }\n\n &.loading {\n inset: 4px;\n border-radius: 4px;\n opacity: 1;\n }\n`\n\n// use this class to trigger the editing mode on a single click\nexport const EDIT_TRIGGER_CLASS = 'edit-trigger'\n\ntype WidgetAttributeData = {\n type: AttributeData['type'] \| 'links' \| 'name' \| 'subtasks' \| 'comments'\n widget?: AttributeData['widget']\n}\n\nexport type CellValue = string \| number \| boolean\nexport type CellValueData = Record<string, any>\n\ninterface EditorCellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n rowId: string\n columnId: string\n value: CellValue \| CellValue[]\n valueData?: CellValueData \| CellValueData[] // extra data for the value\n attributeData?: WidgetAttributeData\n options?: EnumItem[]\n isCollapsed?: boolean\n isInherited?: boolean\n isPlaceholder?: boolean\n isFocused?: boolean\n isReadOnly?: boolean\n enableCustomValues?: boolean\n isLinksLoading?: boolean\n folderId?: string \| null\n midnightExclusiveFields?: string[]\n tooltip?: string\n onChange?: (value: CellValue \| CellValue[], key?: 'Enter' \| 'Click' \| 'Escape') => void\n // options passthrough props\n pt?: {\n enum?: Partial<EnumWidgetProps>\n text?: Partial<TextWidgetProps>\n date?: Partial<DateWidgetProps>\n boolean?: Partial<BooleanWidgetProps>\n }\n entityType?: string\n}\n\nexport interface WidgetBaseProps {\n isEditing?: boolean\n isReadOnly?: boolean\n onChange: Required<EditorCellProps>['onChange']\n onCancelEdit?: () => void\n}\n\nexport const CellWidget: FC<EditorCellProps> = ({\n rowId,\n columnId,\n value,\n valueData,\n attributeData,\n options = [],\n isCollapsed,\n isInherited,\n isPlaceholder,\n isReadOnly,\n enableCustomValues,\n isLinksLoading,\n folderId,\n midnightExclusiveFields,\n tooltip,\n onChange,\n entityType,\n pt,\n ...props\n}) => {\n const ref = useRef<HTMLDivElement>(null)\n const type = attributeData?.type\n\n const { projectName } = useProjectContext()\n const { isEditing, setEditingCellId, getEditingDraft, setEditingDraft } = useCellEditing()\n const { isCellFocused, gridMap, selectCell, focusCell } = useSelectionCellsContext()\n const cellId = getCellId(rowId, columnId)\n const isMidnightExclusive = midnightExclusiveFields?.includes(columnId) ?? false\n\n const isCurrentCellEditing = isEditing(cellId)\n const isCurrentCellFocused = isCellFocused(cellId)\n\n const moveToNextRow = () => {\n const rowIndex = gridMap.rowIdToIndex.get(rowId)\n if (rowIndex === undefined) {\n setEditingCellId(null)\n return\n }\n const newRowId = gridMap.indexToRowId.get(rowIndex + 1)\n if (newRowId) {\n const newCellId = getCellId(newRowId, columnId)\n selectCell(newCellId, false, false)\n focusCell(newCellId)\n setEditingCellId(newCellId)\n } else {\n setEditingCellId(null)\n }\n }\n\n const handleOnChange: WidgetBaseProps['onChange'] = (newValue, key) => {\n if (isReadOnly) {\n setEditingCellId(null)\n return\n }\n if (key === 'Enter') {\n // Move to next row first (sets new editing cell), then save value.\n // This prevents the dialog from blinking between rows.\n moveToNextRow()\n onChange?.(newValue, key)\n } else if (key === 'Click' && newValue != value) {\n setEditingCellId(null)\n onChange?.(newValue, key)\n } else {\n setEditingCellId(null)\n }\n }\n\n const handleCancel = () => {\n setEditingCellId(null)\n // ensure the browser focus moves back to the parent <td>\n const td = ref.current?.closest('td') as HTMLElement \| null\n if (td) td.focus()\n }\n\n const widget = useMemo(() => {\n // Common props shared across all widgets\n const sharedProps: WidgetBaseProps = {\n onChange: handleOnChange,\n onCancelEdit: handleCancel,\n isEditing: isCurrentCellEditing,\n isReadOnly: isReadOnly,\n }\n\n const textTypes: TextWidgetType[] = ['string', 'integer', 'float']\n\n // Determine widget type based on attribute type\n switch (true) {\n // this is showing the collapsed widget (dot)\n case isCollapsed: {\n // if enum, find the first selected option and get its color\n const firstSelectedOption = type?.includes('list')\n ? options.find((option) =>\n Array.isArray(value) ? value.includes(option.value) : value === option.value,\n )\n : undefined\n const color = firstSelectedOption?.color\n return <CollapsedWidget color={color} />\n }\n case type === 'name': {\n return (\n <NameWidget\n value={value as CellValue}\n valueData={valueData as NameWidgetData}\n cellId={cellId}\n entityType={entityType \|\| ''}\n {...sharedProps}\n />\n )\n }\n\n case type === 'links': {\n const linksValue = valueData as LinkWidgetData \| undefined\n\n const isEditable = isLinkEditable(\n linksValue?.direction \|\| 'out',\n linksValue?.link.linkType \|\| '',\n linksValue?.entityType \|\| '',\n )\n\n // overwrite readonly state if the cell is currently being edited\n isReadOnly = !isEditable\n return (\n <LinksWidget\n value={linksValue}\n cellId={cellId}\n projectName={projectName}\n disabled={!isEditable}\n folderId={folderId}\n isLoading={isLinksLoading}\n {...sharedProps}\n />\n )\n }\n\n case type === 'subtasks': {\n const subtasksValue = valueData as SubtasksWidgetData \| undefined\n\n return (\n <SubtasksWidget\n value={subtasksValue}\n cellId={cellId}\n projectName={projectName}\n disabled={isReadOnly}\n {...sharedProps}\n />\n )\n }\n\n case type === 'comments': {\n return <CommentsWidget value={valueData as EntityComment[] \| undefined} {...sharedProps} />\n }\n\n case !!options.length: {\n const enumValue = Array.isArray(value) ? value : [value]\n if (isReadOnly) {\n const selectedOptions = options.filter((option) => enumValue.includes(option.value))\n\n if (enumValue.length && !selectedOptions.length) {\n // value has something but it is not in options, show a placeholder\n return (\n <TextWidget\n value={enumValue.join(', ')}\n isInherited={isInherited}\n columnId={columnId}\n cellId={cellId}\n isMarkdown={attributeData?.widget === 'markdown'}\n onRequestEdit={setEditingCellId}\n getDraftValue={getEditingDraft}\n setDraftValue={setEditingDraft}\n {...sharedProps}\n {...pt?.text}\n />\n )\n }\n\n return (\n <EnumCellValue\n selectedOptions={selectedOptions}\n isReadOnly\n hasMultipleValues={enumValue.length > 1}\n isMultiSelect={type?.includes('list')}\n {...pt?.enum?.pt?.template}\n />\n )\n }\n return (\n <EnumWidget\n value={enumValue}\n options={options}\n type={type}\n onOpen={() => setEditingCellId(cellId)}\n enableCustomValues={enableCustomValues}\n {...sharedProps}\n {...pt?.enum}\n />\n )\n }\n\n case textTypes.includes(type as TextWidgetType):\n return (\n <TextWidget\n value={value as string}\n isInherited={isInherited}\n columnId={columnId}\n cellId={cellId}\n isMarkdown={\n attributeData?.widget === 'markdown' \|\|\n // description SHOULD be default markdown, but lets have this here just in case\n columnId === 'attrib_description' \|\|\n columnId === 'description'\n }\n type={type as TextWidgetType}\n onRequestEdit={setEditingCellId}\n getDraftValue={getEditingDraft}\n setDraftValue={setEditingDraft}\n {...sharedProps}\n {...pt?.text}\n />\n )\n\n case type === 'datetime':\n return (\n <DateWidget\n value={value ? (value as string) : undefined}\n isInherited={isInherited}\n isMidnightExclusive={isMidnightExclusive}\n {...sharedProps}\n {...pt?.date}\n />\n )\n\n case type === 'boolean':\n return <BooleanWidget value={value as boolean} {...sharedProps} {...pt?.boolean} />\n\n case isPlaceholder:\n return null\n\n default:\n // TODO: We should not allow editing unrecognized types\n // At this point, only list_of_strings without proper options is unrecognized\n // (tags if not tags are specified in anatomy) and in that case, validation\n // on the server fails with a string value. Unless we have a widget that\n // accepts a string value AND options at the same time we shouldn't show\n // any edit widget\n\n //console.log(`Unrecognized type \"${type}\" for cell ${cellId}.`)\n return null\n }\n }, [cellId, value, type, isCurrentCellEditing, options, isCollapsed, isMidnightExclusive])\n\n return (\n <Cell\n {...props}\n className={clsx(props.className, {\n inherited: isInherited && !isCurrentCellEditing,\n [READ_ONLY]: isReadOnly,\n editable: !isReadOnly,\n })}\n ref={ref}\n id={cellId}\n data-tooltip={\n tooltip \|\|\n (isInherited && !isCurrentCellEditing && isCurrentCellFocused ? 'Inherited' : undefined)\n }\n data-tooltip-delay={200}\n >\n {widget}\n </Cell>\n )\n}\n"],"names":["Cell","styled","EDIT_TRIGGER_CLASS","CellWidget","rowId","columnId","value","valueData","attributeData","options","isCollapsed","isInherited","isPlaceholder","isReadOnly","enableCustomValues","isLinksLoading","folderId","midnightExclusiveFields","tooltip","onChange","entityType","pt","props","ref","useRef","type","projectName","useProjectContext","isEditing","setEditingCellId","getEditingDraft","setEditingDraft","useCellEditing","isCellFocused","gridMap","selectCell","focusCell","useSelectionCellsContext","cellId","getCellId","isMidnightExclusive","isCurrentCellEditing","isCurrentCellFocused","moveToNextRow","rowIndex","newRowId","newCellId","handleOnChange","newValue","key","handleCancel","td","widget","useMemo","sharedProps","textTypes","color","option","jsx","CollapsedWidget","NameWidget","linksValue","isEditable","isLinkEditable","LinksWidget","subtasksValue","SubtasksWidget","CommentsWidget","enumValue","selectedOptions","TextWidget","EnumCellValue","EnumWidget","DateWidget","BooleanWidget","clsx","READ_ONLY"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/CommentsWidget.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),q=require("styled-components"),s=require("react-markdown"),a=require("remark-gfm"),l=require("@ynput/ayon-react-components");require("../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("clsx");require("../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("../../../../../_virtual/index.cjs.js");require("../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                   */require("lodash");const d=require("../../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../Feed/components/CommentInput/modules/index.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../node_modules/@module-federation/runtime/dist/index.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../context/PowerpackContextInstance.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../context/DetailsPanelContextInstance.cjs.js");require("../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../context/EntityUpdatesContextInstance.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");const c=require("../../Feed/components/ActivityComment/ActivityMarkdownComponents.cjs.js");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");const m=require("../../Feed/components/ActivityDate.cjs.js"),p=require("../../../components/UserImage/UserImage.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../Feed/components/ActivityFieldChange/FieldValue.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("./CollapsedWidget.cjs.js");require("./DateWidget.cjs.js");require("./EnumWidget.cjs.js");require("./EnumCellValue.cjs.js");require("./TextWidget.cjs.js");require("./MarkdownWidget.cjs.js");require("./BooleanWidget.cjs.js");require("./CellWidget.cjs.js");require("./EntityNameWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");require("./LinksWidget.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("short-uuid");require("../../../components/SearchFilter/filterDates.cjs.js");require("../context/CellEditingContext.cjs.js");require("../context/SelectionCellsContext.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../context/ClipboardContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/SelectedRowsContext.cjs.js");require("../context/DetailsPanelEntityContext.cjs.js");require("../context/ProjectDataContextInstance.cjs.js");require("../../NewEntity/components/NewEntity.cjs.js");require("../../Slicer/components/Slicer.cjs.js");require("../../Slicer/context/SlicerContextInstance.cjs.js");require("../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../Slicer/hooks/useTableDataBySlice.cjs.js");require("react-redux");require("../../NewEntity/context/NewEntityContextInstance.cjs.js");require("../../NewEntity/components/NewEntityForm.cjs.js");require("../context/ProjectTableContextInstance.cjs.js");require("./EmptyWidget.cjs.js");require("./ErrorWidget.cjs.js");require("../ProjectTreeTable.styled.cjs.js");require("../components/SelectionCell.cjs.js");require("../components/RowSelectionHeader.cjs.js");require("./LoadMoreWidget.cjs.js");require("../components/HeaderActionButton.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../components/TableFooterRow.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../Views/context/ViewsContextInstance.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../ListTable/ListTableRow.cjs.js");require("../../ListTable/ListTable.styled.cjs.js");require("../../../context/DeleteEntitiesContext.cjs.js");require("custom-protocol-check");require("../components/GroupSettingsFallback.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");const x=require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/InfoMessage/InfoMessage.cjs.js");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/SyncButton/SyncButton.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/Menu/Menu.styled.cjs.js");require("../../../components/Menu/MenuItem.cjs.js");require("../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../components/ColumnHeaderMenuUI.cjs.js");const y=q.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),q=require("styled-components"),s=require("react-markdown"),a=require("remark-gfm"),l=require("@ynput/ayon-react-components");require("../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("clsx");require("../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("../../../../../_virtual/index.cjs.js");require("../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                   */require("lodash");const d=require("../../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../Feed/components/CommentInput/modules/index.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../context/PowerpackContextInstance.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../context/DetailsPanelContextInstance.cjs.js");require("../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../context/EntityUpdatesContextInstance.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");const c=require("../../Feed/components/ActivityComment/ActivityMarkdownComponents.cjs.js");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");const m=require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../Feed/components/ActivityFieldChange/FieldValue.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("./CollapsedWidget.cjs.js");require("./DateWidget.cjs.js");require("./EnumWidget.cjs.js");require("./EnumCellValue.cjs.js");require("./TextWidget.cjs.js");require("./MarkdownWidget.cjs.js");require("./BooleanWidget.cjs.js");require("./CellWidget.cjs.js");require("./EntityNameWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");require("./LinksWidget.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("short-uuid");require("../../../components/SearchFilter/filterDates.cjs.js");require("../context/CellEditingContext.cjs.js");require("../context/SelectionCellsContext.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../context/ClipboardContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/SelectedRowsContext.cjs.js");require("../context/DetailsPanelEntityContext.cjs.js");require("../context/ProjectDataContextInstance.cjs.js");require("../../NewEntity/components/NewEntity.cjs.js");require("../../Slicer/components/Slicer.cjs.js");require("../../Slicer/context/SlicerContextInstance.cjs.js");require("../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../Slicer/hooks/useTableDataBySlice.cjs.js");require("react-redux");require("../../NewEntity/context/NewEntityContextInstance.cjs.js");require("../../NewEntity/components/NewEntityForm.cjs.js");require("../context/ProjectTableContextInstance.cjs.js");require("./EmptyWidget.cjs.js");require("./ErrorWidget.cjs.js");require("../ProjectTreeTable.styled.cjs.js");require("../components/SelectionCell.cjs.js");require("../components/RowSelectionHeader.cjs.js");require("./LoadMoreWidget.cjs.js");require("../components/HeaderActionButton.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../components/TableFooterRow.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../Views/context/ViewsContextInstance.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../ListTable/ListTableRow.cjs.js");require("../../ListTable/ListTable.styled.cjs.js");require("../../../context/DeleteEntitiesContext.cjs.js");require("custom-protocol-check");require("../components/GroupSettingsFallback.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");const p=require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/InfoMessage/InfoMessage.cjs.js");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/SyncButton/SyncButton.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");const x=require("../../../components/UserImage/UserImage.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/Menu/Menu.styled.cjs.js");require("../../../components/Menu/MenuItem.cjs.js");require("../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../components/ColumnHeaderMenuUI.cjs.js");const y=q.div`
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -77,6 +77,6 @@
     font-size: 14px;
     color: var(--md-sys-color-primary);
   }
-`,g=e=>e==="user"?"alternate_email":e==="team"?"group":d.getEntityTypeIcon(e,"link"),f={hr:()=>null,img:()=>null,input:({checked:e})=>r.jsxRuntimeExports.jsx(x.DoneCheckbox,{checked:!!e,isReadOnly:!0,style:{fontSize:16,verticalAlign:"text-bottom",display:"inline-block"}}),a:({href:e,children:i})=>{const[u,o]=e?.split(":")??[];if(u&&o&&c.allowedRefTypes.includes(u)){const t=String(i??"").replace("@","");return r.jsxRuntimeExports.jsxs(b,{children:[r.jsxRuntimeExports.jsx(l.Icon,{icon:g(u)}),t]})}return r.jsxRuntimeExports.jsx("span",{children:i})}},j=e=>e.replace(/<br\s*\/?>/gi,`
-`),k=n.memo(({body:e})=>r.jsxRuntimeExports.jsx("div",{className:"body",children:r.jsxRuntimeExports.jsx(s,{remarkPlugins:[a],urlTransform:i=>i,components:f,children:j(e)})})),v=e=>{const i=e.createdAt?m.getFuzzyDate(new Date(e.createdAt)):"";return[e.author,i].filter(Boolean).join(" • ")},R=({value:e})=>{const i=e||[];return i.length?r.jsxRuntimeExports.jsx(y,{className:"comments-list",children:i.map(u=>r.jsxRuntimeExports.jsxs(h,{children:[r.jsxRuntimeExports.jsx("span",{className:"author","data-tooltip":v(u),"data-tooltip-delay":0,children:r.jsxRuntimeExports.jsx(p.UserImage,{name:u.author||"",size:18})}),r.jsxRuntimeExports.jsx(k,{body:u.body})]},u.activityId))}):null};exports.CommentsWidget=R;
+`,g=e=>e==="user"?"alternate_email":e==="team"?"group":d.getEntityTypeIcon(e,"link"),f={hr:()=>null,img:()=>null,input:({checked:e})=>r.jsxRuntimeExports.jsx(p.DoneCheckbox,{checked:!!e,isReadOnly:!0,style:{fontSize:16,verticalAlign:"text-bottom",display:"inline-block"}}),a:({href:e,children:i})=>{const[u,o]=e?.split(":")??[];if(u&&o&&c.allowedRefTypes.includes(u)){const t=String(i??"").replace("@","");return r.jsxRuntimeExports.jsxs(b,{children:[r.jsxRuntimeExports.jsx(l.Icon,{icon:g(u)}),t]})}return r.jsxRuntimeExports.jsx("span",{children:i})}},j=e=>e.replace(/<br\s*\/?>/gi,`
+`),k=n.memo(({body:e})=>r.jsxRuntimeExports.jsx("div",{className:"body",children:r.jsxRuntimeExports.jsx(s,{remarkPlugins:[a],urlTransform:i=>i,components:f,children:j(e)})})),v=e=>{const i=e.createdAt?m.getFuzzyDate(new Date(e.createdAt)):"";return[e.author,i].filter(Boolean).join(" • ")},R=({value:e})=>{const i=e||[];return i.length?r.jsxRuntimeExports.jsx(y,{className:"comments-list",children:i.map(u=>r.jsxRuntimeExports.jsxs(h,{children:[r.jsxRuntimeExports.jsx("span",{className:"author","data-tooltip":v(u),"data-tooltip-delay":0,children:r.jsxRuntimeExports.jsx(x.UserImage,{name:u.author||"",size:18})}),r.jsxRuntimeExports.jsx(k,{body:u.body})]},u.activityId))}):null};exports.CommentsWidget=R;
 //# sourceMappingURL=CommentsWidget.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/CommentsWidget.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentsWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CommentsWidget.tsx"],"sourcesContent":["import { FC, memo, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DoneCheckbox, UserImage } from '@shared/components'\nimport { type EntityComment } from '@shared/api'\nimport { allowedRefTypes } from '@shared/containers/Feed/components/ActivityComment/ActivityMarkdownComponents'\nimport { getFuzzyDate } from '@shared/containers/Feed/components/ActivityDate'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst CommentsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0;\n width: 100%;\n max-height: 100%;\n overflow: hidden;\n`\n\nconst CommentRow = styled.div`\n display: flex;\n align-items: flex-start;\n gap: 4px;\n min-width: 0;\n line-height: 18px;\n\n .author {\n flex-shrink: 0;\n display: inline-flex;\n }\n\n /* preserve the comment's own line breaks (collapsing them makes feedback unreadable) /\n .body {\n flex: 1;\n min-width: 0;\n overflow-wrap: anywhere;\n }\n\n .body p,\n .body ul,\n .body ol,\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n margin: 0;\n font-size: 1em;\n }\n\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n font-weight: 700;\n }\n\n .body ul,\n .body ol {\n padding-left: 1.2em;\n }\n\n .body ul.contains-task-list,\n .body .task-list-item {\n padding-left: 0;\n list-style: none;\n }\n\n .body code {\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 2px;\n font-size: 0.85em;\n }\n`\n\nconst Mention = styled.span`\n display: inline-flex;\n align-items: center;\n gap: 2px;\n vertical-align: bottom;\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 4px 0 2px;\n\n .icon {\n font-size: 14px;\n color: var(--md-sys-color-primary);\n }\n`\n\nconst mentionIcon = (type: string) =>\n type === 'user' ? 'alternate_email' : type === 'team' ? 'group' : getEntityTypeIcon(type, 'link')\n\nconst markdownComponents = {\n hr: () => null,\n img: () => null,\n input: ({ checked }: { checked?: boolean }) => (\n <DoneCheckbox\n checked={!!checked}\n isReadOnly\n style={{ fontSize: 16, verticalAlign: 'text-bottom', display: 'inline-block' }}\n />\n ),\n a: ({ href, children }: { href?: string; children?: ReactNode }) => {\n const [type, id] = href?.split(':') ?? []\n if (type && id && allowedRefTypes.includes(type)) {\n const label = String(children ?? '').replace('@', '')\n return (\n <Mention>\n <Icon icon={mentionIcon(type)} />\n {label}\n </Mention>\n )\n }\n return <span>{children}</span>\n },\n}\n\n// Quill stores line breaks as literal <br>; react-markdown drops raw HTML, so\n// turn them into CommonMark hard breaks (rendered natively, no raw-HTML plugin).\nconst normalizeBreaks = (body: string) => body.replace(/<br\\s\\/?>/gi, ' \\n')\n\nconst CommentBody = memo(({ body }: { body: string }) => (\n <div className=\"body\">\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n urlTransform={(url) => url}\n components={markdownComponents}\n >\n {normalizeBreaks(body)}\n </ReactMarkdown>\n </div>\n))\n\nconst commentTooltip = (comment: EntityComment) => {\n const date = comment.createdAt ? getFuzzyDate(new Date(comment.createdAt)) : ''\n return [comment.author, date].filter(Boolean).join(' • ')\n}\n\nexport interface CommentsWidgetProps extends WidgetBaseProps {\n value?: EntityComment[]\n}\n\nexport const CommentsWidget: FC<CommentsWidgetProps> = ({ value }) => {\n const comments = value \|\| []\n if (!comments.length) return null\n\n return (\n <CommentsList className=\"comments-list\">\n {comments.map((comment) => (\n <CommentRow key={comment.activityId}>\n <span className=\"author\" data-tooltip={commentTooltip(comment)} data-tooltip-delay={0}>\n <UserImage name={comment.author \|\| ''} size={18} />\n </span>\n <CommentBody body={comment.body} />\n </CommentRow>\n ))}\n </CommentsList>\n )\n}\n"],"names":["CommentsList","styled","CommentRow","Mention","mentionIcon","type","getEntityTypeIcon","markdownComponents","checked","jsx","DoneCheckbox","href","children","id","allowedRefTypes","label","Icon","normalizeBreaks","body","CommentBody","memo","ReactMarkdown","remarkGfm","url","commentTooltip","comment","date","getFuzzyDate","CommentsWidget","value","comments","jsxs","UserImage"],"mappings":"~~u5iBAYA~~,MAAMA,EAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAStBC,EAAaD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4DpBE,EAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBjBG,EAAeC,GACnBA,IAAS,OAAS,kBAAoBA,IAAS,OAAS,QAAUC,oBAAkBD,EAAM,MAAM,EAE5FE,EAAqB,CACzB,GAAI,IAAM,KACV,IAAK,IAAM,KACX,MAAO,CAAC,CAAE,QAAAC,CAAA,IACRC,EAAAA,kBAAAA,IAACC,EAAAA,aAAA,CACC,QAAS,CAAC,CAACF,EACX,WAAU,GACV,MAAO,CAAE,SAAU,GAAI,cAAe,cAAe,QAAS,cAAA,CAAe,CAAA,EAGjF,EAAG,CAAC,CAAE,KAAAG,EAAM,SAAAC,KAAwD,CAClE,KAAM,CAACP,EAAMQ,CAAE,EAAIF,GAAM,MAAM,GAAG,GAAK,CAAA,EACvC,GAAIN,GAAQQ,GAAMC,EAAAA,gBAAgB,SAAST,CAAI,EAAG,CAChD,MAAMU,EAAQ,OAAOH,GAAY,EAAE,EAAE,QAAQ,IAAK,EAAE,EACpD,gCACGT,EAAA,CACC,SAAA,CAAAM,EAAAA,kBAAAA,IAACO,EAAAA,KAAA,CAAK,KAAMZ,EAAYC,CAAI,CAAA,CAAG,EAC9BU,CAAA,EACH,CAEJ,CACA,OAAON,wBAAC,QAAM,SAAAG,EAAS,CACzB,CACF,EAIMK,EAAmBC,GAAiBA,EAAK,QAAQ,eAAgB;AAAA,CAAM,EAEvEC,EAAcC,EAAAA,KAAK,CAAC,CAAE,KAAAF,KAC1BT,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,OACb,SAAAA,EAAAA,kBAAAA,IAACY,EAAA,CACC,cAAe,CAACC,CAAS,EACzB,aAAeC,GAAQA,EACvB,WAAYhB,EAEX,WAAgBW,CAAI,CAAA,CACvB,CAAA,CACF,CACD,EAEKM,EAAkBC,GAA2B,CACjD,MAAMC,EAAOD,EAAQ,UAAYE,EAAAA,aAAa,IAAI,KAAKF,EAAQ,SAAS,CAAC,EAAI,GAC7E,MAAO,CAACA,EAAQ,OAAQC,CAAI,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,CAC1D,EAMaE,EAA0C,CAAC,CAAE,MAAAC,KAAY,CACpE,MAAMC,EAAWD,GAAS,CAAA,EAC1B,OAAKC,EAAS,OAGZrB,EAAAA,kBAAAA,IAACT,GAAa,UAAU,gBACrB,WAAS,IAAKyB,GACbM,EAAAA,kBAAAA,KAAC7B,EAAA,CACC,SAAA,CAAAO,wBAAC,QAAK,UAAU,SAAS,eAAce,EAAeC,CAAO,EAAG,qBAAoB,EAClF,SAAAhB,wBAACuB,EAAAA,WAAU,KAAMP,EAAQ,QAAU,GAAI,KAAM,GAAI,EACnD,EACAhB,EAAAA,kBAAAA,IAACU,EAAA,CAAY,KAAMM,EAAQ,IAAA,CAAM,CAAA,CAAA,EAJlBA,EAAQ,UAKzB,CACD,EACH,EAZ2B,IAc/B"}
1	+ {"version":3,"file":"CommentsWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CommentsWidget.tsx"],"sourcesContent":["import { FC, memo, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DoneCheckbox, UserImage } from '@shared/components'\nimport { type EntityComment } from '@shared/api'\nimport { allowedRefTypes } from '@shared/containers/Feed/components/ActivityComment/ActivityMarkdownComponents'\nimport { getFuzzyDate } from '@shared/containers/Feed/components/ActivityDate'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst CommentsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0;\n width: 100%;\n max-height: 100%;\n overflow: hidden;\n`\n\nconst CommentRow = styled.div`\n display: flex;\n align-items: flex-start;\n gap: 4px;\n min-width: 0;\n line-height: 18px;\n\n .author {\n flex-shrink: 0;\n display: inline-flex;\n }\n\n /* preserve the comment's own line breaks (collapsing them makes feedback unreadable) /\n .body {\n flex: 1;\n min-width: 0;\n overflow-wrap: anywhere;\n }\n\n .body p,\n .body ul,\n .body ol,\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n margin: 0;\n font-size: 1em;\n }\n\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n font-weight: 700;\n }\n\n .body ul,\n .body ol {\n padding-left: 1.2em;\n }\n\n .body ul.contains-task-list,\n .body .task-list-item {\n padding-left: 0;\n list-style: none;\n }\n\n .body code {\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 2px;\n font-size: 0.85em;\n }\n`\n\nconst Mention = styled.span`\n display: inline-flex;\n align-items: center;\n gap: 2px;\n vertical-align: bottom;\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 4px 0 2px;\n\n .icon {\n font-size: 14px;\n color: var(--md-sys-color-primary);\n }\n`\n\nconst mentionIcon = (type: string) =>\n type === 'user' ? 'alternate_email' : type === 'team' ? 'group' : getEntityTypeIcon(type, 'link')\n\nconst markdownComponents = {\n hr: () => null,\n img: () => null,\n input: ({ checked }: { checked?: boolean }) => (\n <DoneCheckbox\n checked={!!checked}\n isReadOnly\n style={{ fontSize: 16, verticalAlign: 'text-bottom', display: 'inline-block' }}\n />\n ),\n a: ({ href, children }: { href?: string; children?: ReactNode }) => {\n const [type, id] = href?.split(':') ?? []\n if (type && id && allowedRefTypes.includes(type)) {\n const label = String(children ?? '').replace('@', '')\n return (\n <Mention>\n <Icon icon={mentionIcon(type)} />\n {label}\n </Mention>\n )\n }\n return <span>{children}</span>\n },\n}\n\n// Quill stores line breaks as literal <br>; react-markdown drops raw HTML, so\n// turn them into CommonMark hard breaks (rendered natively, no raw-HTML plugin).\nconst normalizeBreaks = (body: string) => body.replace(/<br\\s\\/?>/gi, ' \\n')\n\nconst CommentBody = memo(({ body }: { body: string }) => (\n <div className=\"body\">\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n urlTransform={(url) => url}\n components={markdownComponents}\n >\n {normalizeBreaks(body)}\n </ReactMarkdown>\n </div>\n))\n\nconst commentTooltip = (comment: EntityComment) => {\n const date = comment.createdAt ? getFuzzyDate(new Date(comment.createdAt)) : ''\n return [comment.author, date].filter(Boolean).join(' • ')\n}\n\nexport interface CommentsWidgetProps extends WidgetBaseProps {\n value?: EntityComment[]\n}\n\nexport const CommentsWidget: FC<CommentsWidgetProps> = ({ value }) => {\n const comments = value \|\| []\n if (!comments.length) return null\n\n return (\n <CommentsList className=\"comments-list\">\n {comments.map((comment) => (\n <CommentRow key={comment.activityId}>\n <span className=\"author\" data-tooltip={commentTooltip(comment)} data-tooltip-delay={0}>\n <UserImage name={comment.author \|\| ''} size={18} />\n </span>\n <CommentBody body={comment.body} />\n </CommentRow>\n ))}\n </CommentsList>\n )\n}\n"],"names":["CommentsList","styled","CommentRow","Mention","mentionIcon","type","getEntityTypeIcon","markdownComponents","checked","jsx","DoneCheckbox","href","children","id","allowedRefTypes","label","Icon","normalizeBreaks","body","CommentBody","memo","ReactMarkdown","remarkGfm","url","commentTooltip","comment","date","getFuzzyDate","CommentsWidget","value","comments","jsxs","UserImage"],"mappings":"69iBAYA,MAAMA,EAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAStBC,EAAaD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4DpBE,EAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBjBG,EAAeC,GACnBA,IAAS,OAAS,kBAAoBA,IAAS,OAAS,QAAUC,oBAAkBD,EAAM,MAAM,EAE5FE,EAAqB,CACzB,GAAI,IAAM,KACV,IAAK,IAAM,KACX,MAAO,CAAC,CAAE,QAAAC,CAAA,IACRC,EAAAA,kBAAAA,IAACC,EAAAA,aAAA,CACC,QAAS,CAAC,CAACF,EACX,WAAU,GACV,MAAO,CAAE,SAAU,GAAI,cAAe,cAAe,QAAS,cAAA,CAAe,CAAA,EAGjF,EAAG,CAAC,CAAE,KAAAG,EAAM,SAAAC,KAAwD,CAClE,KAAM,CAACP,EAAMQ,CAAE,EAAIF,GAAM,MAAM,GAAG,GAAK,CAAA,EACvC,GAAIN,GAAQQ,GAAMC,EAAAA,gBAAgB,SAAST,CAAI,EAAG,CAChD,MAAMU,EAAQ,OAAOH,GAAY,EAAE,EAAE,QAAQ,IAAK,EAAE,EACpD,gCACGT,EAAA,CACC,SAAA,CAAAM,EAAAA,kBAAAA,IAACO,EAAAA,KAAA,CAAK,KAAMZ,EAAYC,CAAI,CAAA,CAAG,EAC9BU,CAAA,EACH,CAEJ,CACA,OAAON,wBAAC,QAAM,SAAAG,EAAS,CACzB,CACF,EAIMK,EAAmBC,GAAiBA,EAAK,QAAQ,eAAgB;AAAA,CAAM,EAEvEC,EAAcC,EAAAA,KAAK,CAAC,CAAE,KAAAF,KAC1BT,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,OACb,SAAAA,EAAAA,kBAAAA,IAACY,EAAA,CACC,cAAe,CAACC,CAAS,EACzB,aAAeC,GAAQA,EACvB,WAAYhB,EAEX,WAAgBW,CAAI,CAAA,CACvB,CAAA,CACF,CACD,EAEKM,EAAkBC,GAA2B,CACjD,MAAMC,EAAOD,EAAQ,UAAYE,EAAAA,aAAa,IAAI,KAAKF,EAAQ,SAAS,CAAC,EAAI,GAC7E,MAAO,CAACA,EAAQ,OAAQC,CAAI,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,CAC1D,EAMaE,EAA0C,CAAC,CAAE,MAAAC,KAAY,CACpE,MAAMC,EAAWD,GAAS,CAAA,EAC1B,OAAKC,EAAS,OAGZrB,EAAAA,kBAAAA,IAACT,GAAa,UAAU,gBACrB,WAAS,IAAKyB,GACbM,EAAAA,kBAAAA,KAAC7B,EAAA,CACC,SAAA,CAAAO,wBAAC,QAAK,UAAU,SAAS,eAAce,EAAeC,CAAO,EAAG,qBAAoB,EAClF,SAAAhB,wBAACuB,EAAAA,WAAU,KAAMP,EAAQ,QAAU,GAAI,KAAM,GAAI,EACnD,EACAhB,EAAAA,kBAAAA,IAACU,EAAA,CAAY,KAAMM,EAAQ,IAAA,CAAM,CAAA,CAAA,EAJlBA,EAAQ,UAKzB,CACD,EACH,EAZ2B,IAc/B"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/CommentsWidget.es.js CHANGED Viewed

@@ -18,6 +18,7 @@ import "date-fns";
 import "../../../components/DateRangePicker/DateRangePicker.styled.es.js";
 import "../../../components/LinksManager/CellEditingDialog.es.js";
 import "../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
+import "../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
 import "react-toastify";
 import "../../../api/base/client.es.js";
 import "../../../api/generated/graphql.es.js";
@@ -135,7 +136,7 @@ import "../../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
 import "../../Feed/components/CommentInput/modules/index.es.js";
 import "../../../context/RemoteModulesContext.es.js";
-import "../../../../node_modules/@module-federation/runtime/dist/index.es.js";
+import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
 import "../../../context/PowerpackContextInstance.es.js";
 import "../../../context/UriContext.es.js";
@@ -175,16 +176,15 @@ import "../../Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../Feed/components/ActivityReference/ActivityReference.styled.es.js";
 import { getFuzzyDate as y } from "../../Feed/components/ActivityDate.es.js";
-import { UserImage as h } from "../../../components/UserImage/UserImage.es.js";
+import "../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
+import "../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
 import "../../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
 import "../../Feed/components/ActivityFieldChange/FieldValue.es.js";
 import "../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
 import "../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../../Feed/Feed.styled.es.js";
 import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
@@ -259,7 +259,7 @@ import "custom-protocol-check";
 import "../components/GroupSettingsFallback.es.js";
 import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
 import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
-import { DoneCheckbox as b } from "../../../components/DoneCheckbox/DoneCheckbox.es.js";
+import { DoneCheckbox as h } from "../../../components/DoneCheckbox/DoneCheckbox.es.js";
 import "../../../components/EarlyPreview/EarlyPreview.es.js";
 import "../../../components/InfoMessage/InfoMessage.es.js";
 import "../../../components/EnumEditor/EnumEditor.styled.es.js";
@@ -295,6 +295,7 @@ import "../../../components/TableGridSwitch/TableGridSwitch.es.js";
 import "../../../components/Thumbnail/Thumbnail.styled.es.js";
 import "../../../components/Thumbnail/StackedThumbnails.es.js";
 import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import { UserImage as b } from "../../../components/UserImage/UserImage.es.js";
 import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
 import "../../../components/VersionUploader/context/VersionUploadContextInstance.es.js";
 import "../../../components/Watchers/Watchers.es.js";
@@ -385,7 +386,7 @@ const f = m.div`
   hr: () => null,
   img: () => null,
   input: ({ checked: o }) => /* @__PURE__ */ r.jsx(
-    b,
+    h,
     {
       checked: !!o,
       isReadOnly: !0,
@@ -415,14 +416,14 @@ const f = m.div`
 ) })), w = (o) => {
   const t = o.createdAt ? y(new Date(o.createdAt)) : "";
   return [o.author, t].filter(Boolean).join(" • ");
-}, pp = ({ value: o }) => {
+}, ep = ({ value: o }) => {
   const t = o || [];
   return t.length ? /* @__PURE__ */ r.jsx(f, { className: "comments-list", children: t.map((i) => /* @__PURE__ */ r.jsxs(u, { children: [
-    /* @__PURE__ */ r.jsx("span", { className: "author", "data-tooltip": w(i), "data-tooltip-delay": 0, children: /* @__PURE__ */ r.jsx(h, { name: i.author || "", size: 18 }) }),
+    /* @__PURE__ */ r.jsx("span", { className: "author", "data-tooltip": w(i), "data-tooltip-delay": 0, children: /* @__PURE__ */ r.jsx(b, { name: i.author || "", size: 18 }) }),
     /* @__PURE__ */ r.jsx(j, { body: i.body })
   ] }, i.activityId)) }) : null;
 };
 export {
-  pp as CommentsWidget
+  ep as CommentsWidget
 };
 //# sourceMappingURL=CommentsWidget.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/CommentsWidget.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentsWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CommentsWidget.tsx"],"sourcesContent":["import { FC, memo, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DoneCheckbox, UserImage } from '@shared/components'\nimport { type EntityComment } from '@shared/api'\nimport { allowedRefTypes } from '@shared/containers/Feed/components/ActivityComment/ActivityMarkdownComponents'\nimport { getFuzzyDate } from '@shared/containers/Feed/components/ActivityDate'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst CommentsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0;\n width: 100%;\n max-height: 100%;\n overflow: hidden;\n`\n\nconst CommentRow = styled.div`\n display: flex;\n align-items: flex-start;\n gap: 4px;\n min-width: 0;\n line-height: 18px;\n\n .author {\n flex-shrink: 0;\n display: inline-flex;\n }\n\n /* preserve the comment's own line breaks (collapsing them makes feedback unreadable) /\n .body {\n flex: 1;\n min-width: 0;\n overflow-wrap: anywhere;\n }\n\n .body p,\n .body ul,\n .body ol,\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n margin: 0;\n font-size: 1em;\n }\n\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n font-weight: 700;\n }\n\n .body ul,\n .body ol {\n padding-left: 1.2em;\n }\n\n .body ul.contains-task-list,\n .body .task-list-item {\n padding-left: 0;\n list-style: none;\n }\n\n .body code {\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 2px;\n font-size: 0.85em;\n }\n`\n\nconst Mention = styled.span`\n display: inline-flex;\n align-items: center;\n gap: 2px;\n vertical-align: bottom;\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 4px 0 2px;\n\n .icon {\n font-size: 14px;\n color: var(--md-sys-color-primary);\n }\n`\n\nconst mentionIcon = (type: string) =>\n type === 'user' ? 'alternate_email' : type === 'team' ? 'group' : getEntityTypeIcon(type, 'link')\n\nconst markdownComponents = {\n hr: () => null,\n img: () => null,\n input: ({ checked }: { checked?: boolean }) => (\n <DoneCheckbox\n checked={!!checked}\n isReadOnly\n style={{ fontSize: 16, verticalAlign: 'text-bottom', display: 'inline-block' }}\n />\n ),\n a: ({ href, children }: { href?: string; children?: ReactNode }) => {\n const [type, id] = href?.split(':') ?? []\n if (type && id && allowedRefTypes.includes(type)) {\n const label = String(children ?? '').replace('@', '')\n return (\n <Mention>\n <Icon icon={mentionIcon(type)} />\n {label}\n </Mention>\n )\n }\n return <span>{children}</span>\n },\n}\n\n// Quill stores line breaks as literal <br>; react-markdown drops raw HTML, so\n// turn them into CommonMark hard breaks (rendered natively, no raw-HTML plugin).\nconst normalizeBreaks = (body: string) => body.replace(/<br\\s\\/?>/gi, ' \\n')\n\nconst CommentBody = memo(({ body }: { body: string }) => (\n <div className=\"body\">\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n urlTransform={(url) => url}\n components={markdownComponents}\n >\n {normalizeBreaks(body)}\n </ReactMarkdown>\n </div>\n))\n\nconst commentTooltip = (comment: EntityComment) => {\n const date = comment.createdAt ? getFuzzyDate(new Date(comment.createdAt)) : ''\n return [comment.author, date].filter(Boolean).join(' • ')\n}\n\nexport interface CommentsWidgetProps extends WidgetBaseProps {\n value?: EntityComment[]\n}\n\nexport const CommentsWidget: FC<CommentsWidgetProps> = ({ value }) => {\n const comments = value \|\| []\n if (!comments.length) return null\n\n return (\n <CommentsList className=\"comments-list\">\n {comments.map((comment) => (\n <CommentRow key={comment.activityId}>\n <span className=\"author\" data-tooltip={commentTooltip(comment)} data-tooltip-delay={0}>\n <UserImage name={comment.author \|\| ''} size={18} />\n </span>\n <CommentBody body={comment.body} />\n </CommentRow>\n ))}\n </CommentsList>\n )\n}\n"],"names":["CommentsList","styled","CommentRow","Mention","mentionIcon","type","getEntityTypeIcon","markdownComponents","checked","jsx","DoneCheckbox","href","children","id","allowedRefTypes","label","Icon","normalizeBreaks","body","CommentBody","memo","ReactMarkdown","remarkGfm","url","commentTooltip","comment","date","getFuzzyDate","CommentsWidget","value","comments","jsxs","UserImage"],"mappings":"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"}
1	+ {"version":3,"file":"CommentsWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CommentsWidget.tsx"],"sourcesContent":["import { FC, memo, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DoneCheckbox, UserImage } from '@shared/components'\nimport { type EntityComment } from '@shared/api'\nimport { allowedRefTypes } from '@shared/containers/Feed/components/ActivityComment/ActivityMarkdownComponents'\nimport { getFuzzyDate } from '@shared/containers/Feed/components/ActivityDate'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst CommentsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0;\n width: 100%;\n max-height: 100%;\n overflow: hidden;\n`\n\nconst CommentRow = styled.div`\n display: flex;\n align-items: flex-start;\n gap: 4px;\n min-width: 0;\n line-height: 18px;\n\n .author {\n flex-shrink: 0;\n display: inline-flex;\n }\n\n /* preserve the comment's own line breaks (collapsing them makes feedback unreadable) /\n .body {\n flex: 1;\n min-width: 0;\n overflow-wrap: anywhere;\n }\n\n .body p,\n .body ul,\n .body ol,\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n margin: 0;\n font-size: 1em;\n }\n\n .body h1,\n .body h2,\n .body h3,\n .body h4,\n .body h5,\n .body h6 {\n font-weight: 700;\n }\n\n .body ul,\n .body ol {\n padding-left: 1.2em;\n }\n\n .body ul.contains-task-list,\n .body .task-list-item {\n padding-left: 0;\n list-style: none;\n }\n\n .body code {\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 2px;\n font-size: 0.85em;\n }\n`\n\nconst Mention = styled.span`\n display: inline-flex;\n align-items: center;\n gap: 2px;\n vertical-align: bottom;\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n padding: 0 4px 0 2px;\n\n .icon {\n font-size: 14px;\n color: var(--md-sys-color-primary);\n }\n`\n\nconst mentionIcon = (type: string) =>\n type === 'user' ? 'alternate_email' : type === 'team' ? 'group' : getEntityTypeIcon(type, 'link')\n\nconst markdownComponents = {\n hr: () => null,\n img: () => null,\n input: ({ checked }: { checked?: boolean }) => (\n <DoneCheckbox\n checked={!!checked}\n isReadOnly\n style={{ fontSize: 16, verticalAlign: 'text-bottom', display: 'inline-block' }}\n />\n ),\n a: ({ href, children }: { href?: string; children?: ReactNode }) => {\n const [type, id] = href?.split(':') ?? []\n if (type && id && allowedRefTypes.includes(type)) {\n const label = String(children ?? '').replace('@', '')\n return (\n <Mention>\n <Icon icon={mentionIcon(type)} />\n {label}\n </Mention>\n )\n }\n return <span>{children}</span>\n },\n}\n\n// Quill stores line breaks as literal <br>; react-markdown drops raw HTML, so\n// turn them into CommonMark hard breaks (rendered natively, no raw-HTML plugin).\nconst normalizeBreaks = (body: string) => body.replace(/<br\\s\\/?>/gi, ' \\n')\n\nconst CommentBody = memo(({ body }: { body: string }) => (\n <div className=\"body\">\n <ReactMarkdown\n remarkPlugins={[remarkGfm]}\n urlTransform={(url) => url}\n components={markdownComponents}\n >\n {normalizeBreaks(body)}\n </ReactMarkdown>\n </div>\n))\n\nconst commentTooltip = (comment: EntityComment) => {\n const date = comment.createdAt ? getFuzzyDate(new Date(comment.createdAt)) : ''\n return [comment.author, date].filter(Boolean).join(' • ')\n}\n\nexport interface CommentsWidgetProps extends WidgetBaseProps {\n value?: EntityComment[]\n}\n\nexport const CommentsWidget: FC<CommentsWidgetProps> = ({ value }) => {\n const comments = value \|\| []\n if (!comments.length) return null\n\n return (\n <CommentsList className=\"comments-list\">\n {comments.map((comment) => (\n <CommentRow key={comment.activityId}>\n <span className=\"author\" data-tooltip={commentTooltip(comment)} data-tooltip-delay={0}>\n <UserImage name={comment.author \|\| ''} size={18} />\n </span>\n <CommentBody body={comment.body} />\n </CommentRow>\n ))}\n </CommentsList>\n )\n}\n"],"names":["CommentsList","styled","CommentRow","Mention","mentionIcon","type","getEntityTypeIcon","markdownComponents","checked","jsx","DoneCheckbox","href","children","id","allowedRefTypes","label","Icon","normalizeBreaks","body","CommentBody","memo","ReactMarkdown","remarkGfm","url","commentTooltip","comment","date","getFuzzyDate","CommentsWidget","value","comments","jsxs","UserImage"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/DateWidget.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../_virtual/jsx-runtime.cjs.js"),f=require("date-fns"),l=require("react"),m=require("./DateWidgetInput.cjs.js"),g=require("../../../util/formatUTCDate.cjs.js"),D=l.forwardRef(({value:t,isEditing:d,isReadOnly:n,isInherited:x,onChange:c,onCancelEdit:u,showTime:a=!1,...i},y)=>{let e="";if(t)try{const r=a?"dd-MM-yyyy HH:mm:ss":"dd-MM-yyyy",o=new Date(t);e=a?f.format(o,r):g.formatUTCDate(o,r)}catch{console.error("Invalid date value:",t),e="Invalid Date"}return d?s.jsxRuntimeExports.jsx(m.DateWidgetInput,{value:t,onChange:c,onCancel:u,readOnly:n,disabled:n,...i}):s.jsxRuntimeExports.jsx("span",{...i,ref:y,style:{whiteSpace:"nowrap"},children:e})});exports.DateWidget=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../../../../_virtual/jsx-runtime.cjs.js"),c=require("date-fns"),m=require("react"),D=require("./DateWidgetInput.cjs.js"),g=require("../../../util/formatUTCDate.cjs.js"),j=m.forwardRef(({value:e,isEditing:u,isReadOnly:n,isInherited:p,onChange:y,onCancelEdit:f,showTime:a=!1,isMidnightExclusive:s=!1,...o},l)=>{let t="";if(e)try{const r=a?"dd-MM-yyyy HH:mm:ss":"dd-MM-yyyy",i=s?c.subMilliseconds(new Date(e),1):new Date(e);t=a?c.format(i,r):g.formatUTCDate(i,r)}catch{console.error("Invalid date value:",e),t="Invalid Date"}return u?d.jsxRuntimeExports.jsx(D.DateWidgetInput,{value:e,onChange:y,onCancel:f,readOnly:n,disabled:n,isMidnightExclusive:s,...o}):d.jsxRuntimeExports.jsx("span",{...o,ref:l,style:{whiteSpace:"nowrap"},children:t})});exports.DateWidget=j;
 //# sourceMappingURL=DateWidget.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/DateWidget.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/DateWidget.tsx"],"sourcesContent":["import { format } from 'date-fns'\nimport { forwardRef } from 'react'\nimport { DateWidgetInput } from './DateWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\nimport { formatUTCDate } from '../../../util/formatUTCDate'\n\nexport interface DateWidgetProps\n extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n WidgetBaseProps {\n value?: string\n isReadOnly?: boolean\n isInherited?: boolean\n showTime?: boolean\n}\n\nexport const DateWidget = forwardRef<HTMLSpanElement, DateWidgetProps>(\n (\n {\n value,\n isEditing,\n isReadOnly,\n isInherited,\n onChange,\n onCancelEdit,\n showTime = false,\n ...props\n },\n ref,\n ) => {\n let dateString = ''\n if (value) {\n try {\n const formatString = showTime ? 'dd-MM-yyyy HH:mm:ss' : 'dd-MM-yyyy'\n const date = new Date(value)\n dateString = showTime ? format(date, formatString) : formatUTCDate(date, formatString)\n } catch (error) {\n console.error('Invalid date value:', value)\n dateString = 'Invalid Date'\n }\n }\n\n if (isEditing) {\n return (\n <DateWidgetInput\n value={value}\n onChange={onChange}\n onCancel={onCancelEdit}\n readOnly={isReadOnly}\n disabled={isReadOnly}\n {...(props as any)}\n />\n )\n }\n\n return (\n <span {...props} ref={ref} style={{ whiteSpace: 'nowrap' }}>\n {dateString}\n </span>\n )\n },\n)\n"],"names":["DateWidget","forwardRef","value","isEditing","isReadOnly","isInherited","onChange","onCancelEdit","showTime","props","ref","dateString","formatString","date","format","formatUTCDate","jsx","DateWidgetInput"],"mappings":"~~6QAeaA~~,EAAaC,EAAAA,WACxB,CACE,CACE,MAAAC,EACA,UAAAC,EACA,WAAAC,EACA,YAAAC,EACA,SAAAC,EACA,aAAAC,EACA,SAAAC,EAAW,GACX,GAAGC,CAAA,EAELC,IACG,CACH,IAAIC,EAAa,GACjB,~~GAAIT~~,EACF,GAAI,CACF,~~MAAMU~~,~~EAAeJ~~,EAAW,sBAAwB,~~aAClDK~~,~~EAAO~~,IAAI,~~KAAKX~~,CAAK,~~EAC3BS~~,~~EAAaH~~,~~EAAWM~~,EAAAA,~~OAAOD~~,EAAMD,CAAY,~~EAAIG~~,EAAAA,~~cAAcF~~,EAAMD,CAAY,CACvF,MAAgB,CACd,QAAQ,MAAM,~~sBAAuBV~~,CAAK,~~EAC1CS~~,EAAa,cACf,CAGF,~~OAAIR~~,~~EAEAa~~,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CACC,~~MAAAf~~,EACA,SAAAI,EACA,SAAUC,EACV,SAAUH,EACV,SAAUA,~~EACT~~,~~GAAIK~~,CAAA,CAAA,~~EAMTO~~,wBAAC,OAAA,CAAM,~~GAAGP~~,EAAO,IAAAC,EAAU,MAAO,CAAE,WAAY,QAAA,EAC7C,SAAAC,CAAA,CACH,CAEJ,CACF"}
1	+ {"version":3,"file":"DateWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/DateWidget.tsx"],"sourcesContent":["import { format, subMilliseconds } from 'date-fns'\nimport { forwardRef } from 'react'\nimport { DateWidgetInput } from './DateWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\nimport { formatUTCDate } from '../../../util/formatUTCDate'\n\nexport interface DateWidgetProps\n extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n WidgetBaseProps {\n value?: string\n isReadOnly?: boolean\n isInherited?: boolean\n showTime?: boolean\n isMidnightExclusive?: boolean\n}\n\nexport const DateWidget = forwardRef<HTMLSpanElement, DateWidgetProps>(\n (\n {\n value,\n isEditing,\n isReadOnly,\n isInherited,\n onChange,\n onCancelEdit,\n showTime = false,\n isMidnightExclusive = false,\n ...props\n },\n ref,\n ) => {\n let dateString = ''\n if (value) {\n try {\n const formatString = showTime ? 'dd-MM-yyyy HH:mm:ss' : 'dd-MM-yyyy'\n const date = isMidnightExclusive ? subMilliseconds(new Date(value), 1) : new Date(value)\n dateString = showTime ? format(date, formatString) : formatUTCDate(date, formatString)\n } catch (error) {\n console.error('Invalid date value:', value)\n dateString = 'Invalid Date'\n }\n }\n\n if (isEditing) {\n return (\n <DateWidgetInput\n value={value}\n onChange={onChange}\n onCancel={onCancelEdit}\n readOnly={isReadOnly}\n disabled={isReadOnly}\n isMidnightExclusive={isMidnightExclusive}\n {...(props as any)}\n />\n )\n }\n\n return (\n <span {...props} ref={ref} style={{ whiteSpace: 'nowrap' }}>\n {dateString}\n </span>\n )\n },\n)\n"],"names":["DateWidget","forwardRef","value","isEditing","isReadOnly","isInherited","onChange","onCancelEdit","showTime","isMidnightExclusive","props","ref","dateString","formatString","date","subMilliseconds","format","formatUTCDate","jsx","DateWidgetInput"],"mappings":"6QAgBaA,EAAaC,EAAAA,WACxB,CACE,CACE,MAAAC,EACA,UAAAC,EACA,WAAAC,EACA,YAAAC,EACA,SAAAC,EACA,aAAAC,EACA,SAAAC,EAAW,GACX,oBAAAC,EAAsB,GACtB,GAAGC,CAAA,EAELC,IACG,CACH,IAAIC,EAAa,GACjB,GAAIV,EACF,GAAI,CACF,MAAMW,EAAeL,EAAW,sBAAwB,aAClDM,EAAOL,EAAsBM,EAAAA,gBAAgB,IAAI,KAAKb,CAAK,EAAG,CAAC,EAAI,IAAI,KAAKA,CAAK,EACvFU,EAAaJ,EAAWQ,EAAAA,OAAOF,EAAMD,CAAY,EAAII,EAAAA,cAAcH,EAAMD,CAAY,CACvF,MAAgB,CACd,QAAQ,MAAM,sBAAuBX,CAAK,EAC1CU,EAAa,cACf,CAGF,OAAIT,EAEAe,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CACC,MAAAjB,EACA,SAAAI,EACA,SAAUC,EACV,SAAUH,EACV,SAAUA,EACV,oBAAAK,EACC,GAAIC,CAAA,CAAA,EAMTQ,wBAAC,OAAA,CAAM,GAAGR,EAAO,IAAAC,EAAU,MAAO,CAAE,WAAY,QAAA,EAC7C,SAAAC,CAAA,CACH,CAEJ,CACF"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/DateWidget.es.js CHANGED Viewed

@@ -1,41 +1,43 @@
-import { j as d } from "../../../../../_virtual/jsx-runtime.es.js";
-import { format as c } from "date-fns";
-import { forwardRef as p } from "react";
-import { DateWidgetInput as l } from "./DateWidgetInput.es.js";
-import { formatUTCDate as x } from "../../../util/formatUTCDate.es.js";
-const w = p(
+import { j as m } from "../../../../../_virtual/jsx-runtime.es.js";
+import { subMilliseconds as p, format as l } from "date-fns";
+import { forwardRef as D } from "react";
+import { DateWidgetInput as j } from "./DateWidgetInput.es.js";
+import { formatUTCDate as w } from "../../../util/formatUTCDate.es.js";
+const h = D(
   ({
     value: t,
-    isEditing: m,
+    isEditing: s,
     isReadOnly: o,
-    isInherited: D,
+    isInherited: x,
     onChange: f,
-    onCancelEdit: s,
+    onCancelEdit: y,
     showTime: a = !1,
-    ...n
-  }, y) => {
+    isMidnightExclusive: n = !1,
+    ...d
+  }, c) => {
     let r = "";
     if (t)
       try {
-        const e = a ? "dd-MM-yyyy HH:mm:ss" : "dd-MM-yyyy", i = new Date(t);
-        r = a ? c(i, e) : x(i, e);
+        const e = a ? "dd-MM-yyyy HH:mm:ss" : "dd-MM-yyyy", i = n ? p(new Date(t), 1) : new Date(t);
+        r = a ? l(i, e) : w(i, e);
       } catch {
         console.error("Invalid date value:", t), r = "Invalid Date";
       }
-    return m ? /* @__PURE__ */ d.jsx(
-      l,
+    return s ? /* @__PURE__ */ m.jsx(
+      j,
       {
         value: t,
         onChange: f,
-        onCancel: s,
+        onCancel: y,
         readOnly: o,
         disabled: o,
-        ...n
+        isMidnightExclusive: n,
+        ...d
       }
-    ) : /* @__PURE__ */ d.jsx("span", { ...n, ref: y, style: { whiteSpace: "nowrap" }, children: r });
+    ) : /* @__PURE__ */ m.jsx("span", { ...d, ref: c, style: { whiteSpace: "nowrap" }, children: r });
   }
 );
 export {
-  w as DateWidget
+  h as DateWidget
 };
 //# sourceMappingURL=DateWidget.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/DateWidget.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/DateWidget.tsx"],"sourcesContent":["import { format } from 'date-fns'\nimport { forwardRef } from 'react'\nimport { DateWidgetInput } from './DateWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\nimport { formatUTCDate } from '../../../util/formatUTCDate'\n\nexport interface DateWidgetProps\n extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n WidgetBaseProps {\n value?: string\n isReadOnly?: boolean\n isInherited?: boolean\n showTime?: boolean\n}\n\nexport const DateWidget = forwardRef<HTMLSpanElement, DateWidgetProps>(\n (\n {\n value,\n isEditing,\n isReadOnly,\n isInherited,\n onChange,\n onCancelEdit,\n showTime = false,\n ...props\n },\n ref,\n ) => {\n let dateString = ''\n if (value) {\n try {\n const formatString = showTime ? 'dd-MM-yyyy HH:mm:ss' : 'dd-MM-yyyy'\n const date = new Date(value)\n dateString = showTime ? format(date, formatString) : formatUTCDate(date, formatString)\n } catch (error) {\n console.error('Invalid date value:', value)\n dateString = 'Invalid Date'\n }\n }\n\n if (isEditing) {\n return (\n <DateWidgetInput\n value={value}\n onChange={onChange}\n onCancel={onCancelEdit}\n readOnly={isReadOnly}\n disabled={isReadOnly}\n {...(props as any)}\n />\n )\n }\n\n return (\n <span {...props} ref={ref} style={{ whiteSpace: 'nowrap' }}>\n {dateString}\n </span>\n )\n },\n)\n"],"names":["DateWidget","forwardRef","value","isEditing","isReadOnly","isInherited","onChange","onCancelEdit","showTime","props","ref","dateString","formatString","date","format","formatUTCDate","jsx","DateWidgetInput"],"mappings":";;;;;~~AAeO~~,MAAMA,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,QAAIC,IAAa;AACjB,~~QAAIT~~;AACF,UAAI;AACF,~~cAAMU~~,~~IAAeJ~~,IAAW,wBAAwB,~~cAClDK~~,~~IAAO~~,IAAI,~~KAAKX~~,CAAK;~~AAC3B~~,~~QAAAS~~,~~IAAaH~~,~~IAAWM~~,~~EAAOD~~,GAAMD,CAAY,~~IAAIG~~,~~EAAcF~~,GAAMD,CAAY;AAAA,MACvF,QAAgB;AACd,gBAAQ,MAAM,~~uBAAuBV~~,CAAK,~~GAC1CS~~,IAAa;AAAA,MACf;AAGF,~~WAAIR~~,~~IAEAa~~,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,~~OAAAf~~;AAAA,QACA,UAAAI;AAAA,QACA,UAAUC;AAAA,QACV,UAAUH;AAAA,QACV,UAAUA;AAAA,~~QACT~~,~~GAAIK~~;AAAA,MAAA;AAAA,IAAA,~~IAMTO~~,gBAAAA,MAAC,QAAA,EAAM,~~GAAGP~~,GAAO,KAAAC,GAAU,OAAO,EAAE,YAAY,SAAA,GAC7C,UAAAC,EAAA,CACH;AAAA,EAEJ;AACF;"}
1	+ {"version":3,"file":"DateWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/DateWidget.tsx"],"sourcesContent":["import { format, subMilliseconds } from 'date-fns'\nimport { forwardRef } from 'react'\nimport { DateWidgetInput } from './DateWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\nimport { formatUTCDate } from '../../../util/formatUTCDate'\n\nexport interface DateWidgetProps\n extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n WidgetBaseProps {\n value?: string\n isReadOnly?: boolean\n isInherited?: boolean\n showTime?: boolean\n isMidnightExclusive?: boolean\n}\n\nexport const DateWidget = forwardRef<HTMLSpanElement, DateWidgetProps>(\n (\n {\n value,\n isEditing,\n isReadOnly,\n isInherited,\n onChange,\n onCancelEdit,\n showTime = false,\n isMidnightExclusive = false,\n ...props\n },\n ref,\n ) => {\n let dateString = ''\n if (value) {\n try {\n const formatString = showTime ? 'dd-MM-yyyy HH:mm:ss' : 'dd-MM-yyyy'\n const date = isMidnightExclusive ? subMilliseconds(new Date(value), 1) : new Date(value)\n dateString = showTime ? format(date, formatString) : formatUTCDate(date, formatString)\n } catch (error) {\n console.error('Invalid date value:', value)\n dateString = 'Invalid Date'\n }\n }\n\n if (isEditing) {\n return (\n <DateWidgetInput\n value={value}\n onChange={onChange}\n onCancel={onCancelEdit}\n readOnly={isReadOnly}\n disabled={isReadOnly}\n isMidnightExclusive={isMidnightExclusive}\n {...(props as any)}\n />\n )\n }\n\n return (\n <span {...props} ref={ref} style={{ whiteSpace: 'nowrap' }}>\n {dateString}\n </span>\n )\n },\n)\n"],"names":["DateWidget","forwardRef","value","isEditing","isReadOnly","isInherited","onChange","onCancelEdit","showTime","isMidnightExclusive","props","ref","dateString","formatString","date","subMilliseconds","format","formatUTCDate","jsx","DateWidgetInput"],"mappings":";;;;;AAgBO,MAAMA,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,qBAAAC,IAAsB;AAAA,IACtB,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,QAAIC,IAAa;AACjB,QAAIV;AACF,UAAI;AACF,cAAMW,IAAeL,IAAW,wBAAwB,cAClDM,IAAOL,IAAsBM,EAAgB,IAAI,KAAKb,CAAK,GAAG,CAAC,IAAI,IAAI,KAAKA,CAAK;AACvF,QAAAU,IAAaJ,IAAWQ,EAAOF,GAAMD,CAAY,IAAII,EAAcH,GAAMD,CAAY;AAAA,MACvF,QAAgB;AACd,gBAAQ,MAAM,uBAAuBX,CAAK,GAC1CU,IAAa;AAAA,MACf;AAGF,WAAIT,IAEAe,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAjB;AAAA,QACA,UAAAI;AAAA,QACA,UAAUC;AAAA,QACV,UAAUH;AAAA,QACV,UAAUA;AAAA,QACV,qBAAAK;AAAA,QACC,GAAIC;AAAA,MAAA;AAAA,IAAA,IAMTQ,gBAAAA,MAAC,QAAA,EAAM,GAAGR,GAAO,KAAAC,GAAU,OAAO,EAAE,YAAY,SAAA,GAC7C,UAAAC,EAAA,CACH;AAAA,EAEJ;AACF;"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/DateWidgetInput.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("../../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),w=require("styled-components"),o=require("date-fns"),D=require("../../../util/formatUTCDate.cjs.js"),I=w.input`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),I=require("styled-components"),r=require("date-fns"),b=require("../../../util/formatUTCDate.cjs.js"),O=I.input`
   z-index: 10;
   border: none;
   outline: none;
@@ -12,5 +12,5 @@
   background-color: transparent;
   width: 100%;
   box-sizing: border-box;
-`,x=n.forwardRef(({value:t,onChange:i,onCancel:f,autoFocus:d=!0,...g},O)=>{const[c,u]=n.useState(()=>{if(t){const e=o.parseISO(t);if(o.isValid(e))return D.formatUTCDate(e,"yyyy-MM-dd")}return""});n.useEffect(()=>{if(t){const e=o.parseISO(t);o.isValid(e)?u(D.formatUTCDate(e,"yyyy-MM-dd")):u("")}},[t]);const r=n.useRef(null);n.useEffect(()=>{d&&r.current&&(r.current.focus(),setTimeout(()=>{try{r.current?.showPicker()}catch(e){console.debug("Date picker could not be shown automatically:",e)}},100))},[d]);const h=e=>{e.preventDefault();try{r.current?.showPicker()}catch(s){console.debug("Date picker could not be shown on click:",s)}},l=e=>{if(c){const[s,p,y]=c.split("-").map(Number);if(s&&p&&y){const a=new Date(Date.UTC(s,p-1,y)).toISOString();if(e==="Enter")return i(a,e),!0;if(e==="Click"){const S=t?o.parseISO(t).toISOString():"";return a!==S?(i(a,e),!0):!1}}}return!1},b=()=>{l("Click")||f?.()},m=e=>{e.key==="Enter"?(e.preventDefault(),l("Enter"),r.current?.blur()):e.key==="Escape"&&(e.preventDefault(),f?.())};return k.jsxRuntimeExports.jsx(I,{...g,ref:r,type:"date",value:c,onChange:e=>u(e.target.value),onBlur:b,onKeyDown:m,onClick:h})});exports.DateWidgetInput=x;
+`,C=o.forwardRef(({value:t,onChange:f,onCancel:l,autoFocus:d=!0,isMidnightExclusive:s=!1,...m},x)=>{const[u,a]=o.useState(()=>{if(t){const e=r.parseISO(t);if(r.isValid(e))return b.formatUTCDate(s?r.subMilliseconds(e,1):e,"yyyy-MM-dd")}return""});o.useEffect(()=>{if(t){const e=r.parseISO(t);r.isValid(e)?a(b.formatUTCDate(s?r.subMilliseconds(e,1):e,"yyyy-MM-dd")):a("")}},[t,s]);const n=o.useRef(null);o.useEffect(()=>{d&&n.current&&(n.current.focus(),setTimeout(()=>{try{n.current?.showPicker()}catch(e){console.debug("Date picker could not be shown automatically:",e)}},100))},[d]);const S=e=>{e.preventDefault();try{n.current?.showPicker()}catch(c){console.debug("Date picker could not be shown on click:",c)}},p=e=>{if(u){const[c,y,D]=u.split("-").map(Number);if(c&&y&&D){const i=new Date(Date.UTC(c,y-1,D+Number(s))).toISOString();if(e==="Enter")return f(i,e),!0;if(e==="Click"){const k=t?r.parseISO(t).toISOString():"";return i!==k?(f(i,e),!0):!1}}}return!1},g=()=>{p("Click")||l?.()},h=e=>{e.key==="Enter"?(e.preventDefault(),p("Enter"),n.current?.blur()):e.key==="Escape"&&(e.preventDefault(),l?.())};return w.jsxRuntimeExports.jsx(O,{...m,ref:n,type:"date",value:u,onChange:e=>a(e.target.value),onBlur:g,onKeyDown:h,onClick:S})});exports.DateWidgetInput=C;
 //# sourceMappingURL=DateWidgetInput.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/DateWidgetInput.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateWidgetInput.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/DateWidgetInput.tsx"],"sourcesContent":["import { forwardRef, useState, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { isValid, parseISO } from 'date-fns'\nimport { WidgetBaseProps } from './CellWidget'\nimport { formatUTCDate } from '@shared/util/formatUTCDate'\n\ninterface DateWidgetInputProps\n extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'>,\n WidgetBaseProps {\n value: string\n onCancel?: () => void\n autoFocus?: boolean\n}\n\nconst StyledInput = styled.input`\n z-index: 10;\n border: none;\n outline: none;\n padding: 0;\n padding-left: 1px;\n margin: 0;\n cursor: text;\n font-size: inherit;\n font-family: inherit;\n font-weight: inherit;\n background-color: transparent;\n width: 100%;\n box-sizing: border-box;\n`\n\nexport const DateWidgetInput = forwardRef<HTMLInputElement, DateWidgetInputProps>(\n ({ value: initialValue, onChange, onCancel, autoFocus = true, ...props }, _) => {\n const [value, setValue] = useState(() => {\n if (initialValue) {\n const parsedDate = parseISO(initialValue)\n if (isValid(parsedDate)) {\n return formatUTCDate(parsedDate, 'yyyy-MM-dd')\n }\n }\n return ''\n })\n\n useEffect(() => {\n if (initialValue) {\n const parsedDate = parseISO(initialValue)\n if (isValid(parsedDate)) {\n setValue(formatUTCDate(parsedDate, 'yyyy-MM-dd'))\n } else {\n setValue('')\n }\n }\n }, [initialValue])\n\n const inputRef = useRef<HTMLInputElement>(null)\n\n useEffect(() => {\n if (autoFocus && inputRef.current) {\n inputRef.current.focus()\n // Delay showPicker call until after focus to ensure it's tied to user interaction\n setTimeout(() => {\n try {\n inputRef.current?.showPicker()\n } catch (error) {\n console.debug('Date picker could not be shown automatically:', error)\n }\n }, 100)\n }\n }, [autoFocus])\n\n // Ensure the picker opens when clicked directly\n const handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\n e.preventDefault() // Prevent default to ensure our handler takes precedence\n try {\n inputRef.current?.showPicker()\n } catch (error) {\n console.debug('Date picker could not be shown on click:', error)\n }\n }\n\n const handleDateSubmit = (event?: 'Click' \| 'Enter') => {\n if (value) {\n const [y, m, d] = value.split('-').map(Number)\n if (y && m && d) {\n const utcDate = new Date(Date.UTC(y, m - 1, d))\n const newISOValue = utcDate.toISOString()\n\n // For Click/Blur: only save if value changed\n // For Enter: always save\n if (event === 'Enter') {\n onChange(newISOValue, event)\n return true\n } else if (event === 'Click') {\n // Check if value actually changed\n const initialDateISO = initialValue ? parseISO(initialValue).toISOString() : ''\n if (newISOValue !== initialDateISO) {\n onChange(newISOValue, event)\n return true\n }\n // Value didn't change, cancel edit\n return false\n }\n }\n }\n return false\n }\n\n const handleBlur = () => {\n if (!handleDateSubmit('Click')) {\n onCancel?.()\n }\n }\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter') {\n e.preventDefault()\n handleDateSubmit('Enter')\n inputRef.current?.blur()\n } else if (e.key === 'Escape') {\n e.preventDefault()\n onCancel?.()\n }\n }\n\n return (\n <StyledInput\n {...props}\n ref={inputRef}\n type=\"date\"\n value={value}\n onChange={(e) => setValue(e.target.value)}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n onClick={handleClick}\n />\n )\n },\n)\n"],"names":["StyledInput","styled","DateWidgetInput","forwardRef","initialValue","onChange","onCancel","autoFocus","props","_","value","setValue","useState","parsedDate","parseISO","isValid","formatUTCDate","useEffect","inputRef","useRef","error","handleClick","handleDateSubmit","event","y","m","d","newISOValue","initialDateISO","handleBlur","handleKeyDown","jsx"],"mappings":"~~sQAcMA~~,EAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBdC,EAAkBC,EAAAA,WAC7B,~~CAAC~~,~~CAAE~~,MAAOC,~~EAAc~~,SAAAC,~~EAAU~~,SAAAC,~~EAAU~~,UAAAC,EAAY,~~GAAM~~,GAAGC,CAAA,~~EAASC~~,~~IAAM~~,~~CAC9E~~,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,IAAM,CACvC,~~GAAIR~~,EAAc,CAChB,~~MAAMS~~,EAAaC,EAAAA,~~SAASV~~,CAAY,EACxC,~~GAAIW~~,EAAAA,QAAQF,CAAU,EACpB,OAAOG,EAAAA,~~cAAcH~~,EAAY,~~YAAY~~,~~CAEjD~~,CACA,MAAO,EACT,CAAC,~~EAEDI~~,EAAAA,UAAU,IAAM,CACd,~~GAAIb~~,EAAc,CAChB,~~MAAMS~~,EAAaC,EAAAA,~~SAASV~~,CAAY,~~EACpCW~~,EAAAA,QAAQF,CAAU,EACpBF,~~EAASK~~,EAAAA,~~cAAcH~~,EAAY,~~YAAY,~~CAAC,~~EAEhDF~~,EAAS,EAAE,CAEf,CACF,EAAG,~~CAACP~~,~~CAAY~~,CAAC,~~EAEjB~~,~~MAAMc~~,EAAWC,EAAAA,OAAyB,IAAI,EAE9CF,EAAAA,UAAU,IAAM,~~CACVV~~,~~GAAaW~~,EAAS,UACxBA,EAAS,QAAQ,MAAA,EAEjB,WAAW,IAAM,CACf,GAAI,CACFA,EAAS,SAAS,WAAA,CACpB,OAASE,EAAO,CACd,QAAQ,MAAM,gDAAiDA,CAAK,CACtE,CACF,EAAG,GAAG,EAEV,EAAG,~~CAACb~~,CAAS,CAAC,EAGd,~~MAAMc~~,EAAe,GAA0C,CAC7D,EAAE,eAAA,EACF,GAAI,CACFH,EAAS,SAAS,WAAA,CACpB,OAASE,EAAO,CACd,QAAQ,MAAM,2CAA4CA,CAAK,CACjE,CACF,EAEME,EAAoBC,GAA8B,CACtD,~~GAAIb~~,EAAO,CACT,KAAM,~~CAACc~~,EAAGC,EAAGC,CAAC,~~EAAIhB~~,EAAM,MAAM,GAAG,EAAE,IAAI,MAAM,EAC7C,~~GAAIc~~,GAAKC,GAAKC,EAAG,CAEf,MAAMC,EADU,IAAI,KAAK,KAAK,IAAIH,EAAGC,EAAI,EAAGC,CAAC,CAAC,~~EAClB~~,YAAA,EAI5B,~~GAAIH~~,IAAU,QACZ,~~OAAAlB~~,~~EAASsB~~,EAAaJ,CAAK,EACpB,GACT,GAAWA,IAAU,QAAS,CAE5B,MAAMK,~~EAAiBxB~~,~~EAAeU~~,EAAAA,~~SAASV~~,CAAY,EAAE,cAAgB,GAC7E,~~OAAIuB~~,IAAgBC,~~GAClBvB~~,~~EAASsB~~,EAAaJ,CAAK,EACpB,IAGF,EACT,CACF,CACF,CACA,MAAO,EACT,EAEMM,EAAa,IAAM,CAClBP,EAAiB,OAAO,~~GAC3BhB~~,IAAA,CAEJ,~~EAEMwB~~,EAAiB,GAA6C,CAC9D,EAAE,MAAQ,SACZ,EAAE,eAAA,EACFR,EAAiB,OAAO,EACxBJ,EAAS,SAAS,KAAA,GACT,EAAE,MAAQ,WACnB,EAAE,eAAA,~~EACFZ~~,IAAA,EAEJ,EAEA,~~OACEyB~~,EAAAA,kBAAAA,~~IAAC/B~~,EAAA,CACE,~~GAAGQ~~,EACJ,~~IAAKU~~,EACL,KAAK,OACL,~~MAAAR~~,EACA,SAAW,GAAMC,EAAS,EAAE,OAAO,KAAK,EACxC,~~OAAQkB~~,EACR,UAAWC,EACX,QAAST,CAAA,CAAA,CAGf,CACF"}
1	+ {"version":3,"file":"DateWidgetInput.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/DateWidgetInput.tsx"],"sourcesContent":["import { forwardRef, useState, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { isValid, parseISO, subMilliseconds } from 'date-fns'\nimport { WidgetBaseProps } from './CellWidget'\nimport { formatUTCDate } from '@shared/util/formatUTCDate'\n\ninterface DateWidgetInputProps\n extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'>,\n WidgetBaseProps {\n value: string\n onCancel?: () => void\n autoFocus?: boolean\n isMidnightExclusive?: boolean\n}\n\nconst StyledInput = styled.input`\n z-index: 10;\n border: none;\n outline: none;\n padding: 0;\n padding-left: 1px;\n margin: 0;\n cursor: text;\n font-size: inherit;\n font-family: inherit;\n font-weight: inherit;\n background-color: transparent;\n width: 100%;\n box-sizing: border-box;\n`\n\nexport const DateWidgetInput = forwardRef<HTMLInputElement, DateWidgetInputProps>(\n (\n {\n value: initialValue,\n onChange,\n onCancel,\n autoFocus = true,\n isMidnightExclusive = false,\n ...props\n },\n _,\n ) => {\n const [value, setValue] = useState(() => {\n if (initialValue) {\n const parsedDate = parseISO(initialValue)\n if (isValid(parsedDate)) {\n return formatUTCDate(\n isMidnightExclusive ? subMilliseconds(parsedDate, 1) : parsedDate,\n 'yyyy-MM-dd',\n )\n }\n }\n return ''\n })\n\n useEffect(() => {\n if (initialValue) {\n const parsedDate = parseISO(initialValue)\n if (isValid(parsedDate)) {\n setValue(\n formatUTCDate(\n isMidnightExclusive ? subMilliseconds(parsedDate, 1) : parsedDate,\n 'yyyy-MM-dd',\n ),\n )\n } else {\n setValue('')\n }\n }\n }, [initialValue, isMidnightExclusive])\n\n const inputRef = useRef<HTMLInputElement>(null)\n\n useEffect(() => {\n if (autoFocus && inputRef.current) {\n inputRef.current.focus()\n // Delay showPicker call until after focus to ensure it's tied to user interaction\n setTimeout(() => {\n try {\n inputRef.current?.showPicker()\n } catch (error) {\n console.debug('Date picker could not be shown automatically:', error)\n }\n }, 100)\n }\n }, [autoFocus])\n\n // Ensure the picker opens when clicked directly\n const handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\n e.preventDefault() // Prevent default to ensure our handler takes precedence\n try {\n inputRef.current?.showPicker()\n } catch (error) {\n console.debug('Date picker could not be shown on click:', error)\n }\n }\n\n const handleDateSubmit = (event?: 'Click' \| 'Enter') => {\n if (value) {\n const [y, m, d] = value.split('-').map(Number)\n if (y && m && d) {\n const utcDate = new Date(Date.UTC(y, m - 1, d + Number(isMidnightExclusive)))\n const newISOValue = utcDate.toISOString()\n\n // For Click/Blur: only save if value changed\n // For Enter: always save\n if (event === 'Enter') {\n onChange(newISOValue, event)\n return true\n } else if (event === 'Click') {\n // Check if value actually changed\n const initialDateISO = initialValue ? parseISO(initialValue).toISOString() : ''\n if (newISOValue !== initialDateISO) {\n onChange(newISOValue, event)\n return true\n }\n // Value didn't change, cancel edit\n return false\n }\n }\n }\n return false\n }\n\n const handleBlur = () => {\n if (!handleDateSubmit('Click')) {\n onCancel?.()\n }\n }\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter') {\n e.preventDefault()\n handleDateSubmit('Enter')\n inputRef.current?.blur()\n } else if (e.key === 'Escape') {\n e.preventDefault()\n onCancel?.()\n }\n }\n\n return (\n <StyledInput\n {...props}\n ref={inputRef}\n type=\"date\"\n value={value}\n onChange={(e) => setValue(e.target.value)}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n onClick={handleClick}\n />\n )\n },\n)\n"],"names":["StyledInput","styled","DateWidgetInput","forwardRef","initialValue","onChange","onCancel","autoFocus","isMidnightExclusive","props","_","value","setValue","useState","parsedDate","parseISO","isValid","formatUTCDate","subMilliseconds","useEffect","inputRef","useRef","error","handleClick","handleDateSubmit","event","y","m","d","newISOValue","initialDateISO","handleBlur","handleKeyDown","jsx"],"mappings":"sQAeMA,EAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBdC,EAAkBC,EAAAA,WAC7B,CACE,CACE,MAAOC,EACP,SAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,oBAAAC,EAAsB,GACtB,GAAGC,CAAA,EAELC,IACG,CACH,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,IAAM,CACvC,GAAIT,EAAc,CAChB,MAAMU,EAAaC,EAAAA,SAASX,CAAY,EACxC,GAAIY,EAAAA,QAAQF,CAAU,EACpB,OAAOG,EAAAA,cACLT,EAAsBU,EAAAA,gBAAgBJ,EAAY,CAAC,EAAIA,EACvD,YAAA,CAGN,CACA,MAAO,EACT,CAAC,EAEDK,EAAAA,UAAU,IAAM,CACd,GAAIf,EAAc,CAChB,MAAMU,EAAaC,EAAAA,SAASX,CAAY,EACpCY,EAAAA,QAAQF,CAAU,EACpBF,EACEK,EAAAA,cACET,EAAsBU,EAAAA,gBAAgBJ,EAAY,CAAC,EAAIA,EACvD,YAAA,CACF,EAGFF,EAAS,EAAE,CAEf,CACF,EAAG,CAACR,EAAcI,CAAmB,CAAC,EAEtC,MAAMY,EAAWC,EAAAA,OAAyB,IAAI,EAE9CF,EAAAA,UAAU,IAAM,CACVZ,GAAaa,EAAS,UACxBA,EAAS,QAAQ,MAAA,EAEjB,WAAW,IAAM,CACf,GAAI,CACFA,EAAS,SAAS,WAAA,CACpB,OAASE,EAAO,CACd,QAAQ,MAAM,gDAAiDA,CAAK,CACtE,CACF,EAAG,GAAG,EAEV,EAAG,CAACf,CAAS,CAAC,EAGd,MAAMgB,EAAe,GAA0C,CAC7D,EAAE,eAAA,EACF,GAAI,CACFH,EAAS,SAAS,WAAA,CACpB,OAASE,EAAO,CACd,QAAQ,MAAM,2CAA4CA,CAAK,CACjE,CACF,EAEME,EAAoBC,GAA8B,CACtD,GAAId,EAAO,CACT,KAAM,CAACe,EAAGC,EAAGC,CAAC,EAAIjB,EAAM,MAAM,GAAG,EAAE,IAAI,MAAM,EAC7C,GAAIe,GAAKC,GAAKC,EAAG,CAEf,MAAMC,EADU,IAAI,KAAK,KAAK,IAAIH,EAAGC,EAAI,EAAGC,EAAI,OAAOpB,CAAmB,CAAC,CAAC,EAChD,YAAA,EAI5B,GAAIiB,IAAU,QACZ,OAAApB,EAASwB,EAAaJ,CAAK,EACpB,GACT,GAAWA,IAAU,QAAS,CAE5B,MAAMK,EAAiB1B,EAAeW,EAAAA,SAASX,CAAY,EAAE,cAAgB,GAC7E,OAAIyB,IAAgBC,GAClBzB,EAASwB,EAAaJ,CAAK,EACpB,IAGF,EACT,CACF,CACF,CACA,MAAO,EACT,EAEMM,EAAa,IAAM,CAClBP,EAAiB,OAAO,GAC3BlB,IAAA,CAEJ,EAEM0B,EAAiB,GAA6C,CAC9D,EAAE,MAAQ,SACZ,EAAE,eAAA,EACFR,EAAiB,OAAO,EACxBJ,EAAS,SAAS,KAAA,GACT,EAAE,MAAQ,WACnB,EAAE,eAAA,EACFd,IAAA,EAEJ,EAEA,OACE2B,EAAAA,kBAAAA,IAACjC,EAAA,CACE,GAAGS,EACJ,IAAKW,EACL,KAAK,OACL,MAAAT,EACA,SAAW,GAAMC,EAAS,EAAE,OAAO,KAAK,EACxC,OAAQmB,EACR,UAAWC,EACX,QAAST,CAAA,CAAA,CAGf,CACF"}