@ynput/ayon-frontend-shared 0.4.1 → 0.4.2

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

@@ -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  &.entity-widget {\n    cursor: pointer;\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAMA,KAAOC,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,GAkCPC,KAAqB,gBA6CrBC,KAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC,IAAU,CAAA;AAAA,EACV,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAMC,EAAuB,IAAI,GACjCC,IAAOjB,GAAe,MAEtB,EAAE,aAAAkB,EAAA,IAAgBC,GAAA,GAClB,EAAE,WAAAC,GAAW,kBAAAC,GAAkB,iBAAAC,GAAiB,iBAAAC,EAAA,IAAoBC,GAAA,GACpE,EAAE,eAAAC,GAAe,SAAAC,GAAS,YAAAC,GAAY,WAAAC,EAAA,IAAcC,GAAA,GACpDC,IAASC,EAAUnC,GAAOC,CAAQ,GAClCmC,IAAsBvB,GAAyB,SAASZ,CAAQ,KAAK,IAErEoC,IAAuBb,EAAUU,CAAM,GACvCI,IAAuBT,EAAcK,CAAM,GAE3CK,IAAgB,MAAM;AAC1B,UAAMC,IAAWV,EAAQ,aAAa,IAAI9B,CAAK;AAC/C,QAAIwC,MAAa,QAAW;AAC1B,MAAAf,EAAiB,IAAI;AACrB;AAAA,IACF;AACA,UAAMgB,IAAWX,EAAQ,aAAa,IAAIU,IAAW,CAAC;AACtD,QAAIC,GAAU;AACZ,YAAMC,IAAYP,EAAUM,GAAUxC,CAAQ;AAC9C,MAAA8B,EAAWW,GAAW,IAAO,EAAK,GAClCV,EAAUU,CAAS,GACnBjB,EAAiBiB,CAAS;AAAA,IAC5B;AACE,MAAAjB,EAAiB,IAAI;AAAA,EAEzB,GAEMkB,IAA8C,CAACC,GAAUC,MAAQ;AACrE,QAAIpC,GAAY;AACd,MAAAgB,EAAiB,IAAI;AACrB;AAAA,IACF;AACA,IAAIoB,MAAQ,WAGVN,EAAA,GACAxB,IAAW6B,GAAUC,CAAG,KACfA,MAAQ,WAAWD,KAAY1C,KACxCuB,EAAiB,IAAI,GACrBV,IAAW6B,GAAUC,CAAG,KAExBpB,EAAiB,IAAI;AAAA,EAEzB,GAEMqB,IAAe,MAAM;AACzB,IAAArB,EAAiB,IAAI;AAErB,UAAMsB,IAAK5B,EAAI,SAAS,QAAQ,IAAI;AACpC,IAAI4B,OAAO,MAAA;AAAA,EACb,GAEMC,IAASC,EAAQ,MAAM;AAE3B,UAAMC,IAA+B;AAAA,MACnC,UAAUP;AAAA,MACV,cAAcG;AAAA,MACd,WAAWT;AAAA,MACX,YAAA5B;AAAA,IAAA,GAGI0C,IAA8B,CAAC,UAAU,WAAW,OAAO;AAGjE,YAAQ,IAAA;AAAA;AAAA,MAEN,KAAK7C,GAAa;AAOhB,cAAM8C,KALsB/B,GAAM,SAAS,MAAM,IAC7ChB,EAAQ;AAAA,UAAK,CAACgD,MACZ,MAAM,QAAQnD,CAAK,IAAIA,EAAM,SAASmD,EAAO,KAAK,IAAInD,MAAUmD,EAAO;AAAA,QAAA,IAEzE,SAC+B;AACnC,eAAOC,gBAAAA,MAACC,KAAgB,OAAAH,GAAc;AAAA,MACxC;AAAA,MACA,KAAK/B,MAAS;AACZ,eACEiC,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAAtD;AAAA,YACA,WAAAC;AAAA,YACA,QAAA+B;AAAA,YACA,YAAYlB,KAAc;AAAA,YACzB,GAAGkC;AAAA,UAAA;AAAA,QAAA;AAAA,MAKV,KAAK7B,MAAS,SAAS;AACrB,cAAMoC,IAAatD,GAEbuD,IAAaC;AAAA,UACjBF,GAAY,aAAa;AAAA,UACzBA,GAAY,KAAK,YAAY;AAAA,UAC7BA,GAAY,cAAc;AAAA,QAAA;AAI5B,eAAAhD,IAAa,CAACiD,GAEZJ,gBAAAA,EAAAA;AAAAA,UAACM;AAAA,UAAA;AAAA,YACC,OAAOH;AAAA,YACP,QAAAvB;AAAA,YACA,aAAAZ;AAAA,YACA,UAAU,CAACoC;AAAA,YACX,UAAA9C;AAAA,YACA,WAAWD;AAAA,YACV,GAAGuC;AAAA,UAAA;AAAA,QAAA;AAAA,MAGV;AAAA,MAEA,KAAK7B,MAAS,YAAY;AACxB,cAAMwC,IAAgB1D;AAEtB,eACEmD,gBAAAA,EAAAA;AAAAA,UAACQ;AAAA,UAAA;AAAA,YACC,OAAOD;AAAA,YACP,QAAA3B;AAAA,YACA,aAAAZ;AAAA,YACA,UAAUb;AAAA,YACT,GAAGyC;AAAA,UAAA;AAAA,QAAA;AAAA,MAGV;AAAA,MAEA,KAAK7B,MAAS;AACZ,eAAOiC,gBAAAA,EAAAA,IAACS,IAAA,EAAe,OAAO5D,GAA2C,GAAG+C,GAAa;AAAA,MAG3F,KAAK,CAAC,CAAC7C,EAAQ,QAAQ;AACrB,cAAM2D,IAAY,MAAM,QAAQ9D,CAAK,IAAIA,IAAQ,CAACA,CAAK;AACvD,YAAIO,GAAY;AACd,gBAAMwD,IAAkB5D,EAAQ,OAAO,CAACgD,MAAWW,EAAU,SAASX,EAAO,KAAK,CAAC;AAEnF,iBAAIW,EAAU,UAAU,CAACC,EAAgB,SAGrCX,gBAAAA,EAAAA;AAAAA,YAACY;AAAA,YAAA;AAAA,cACC,OAAOF,EAAU,KAAK,IAAI;AAAA,cAC1B,aAAAzD;AAAA,cACA,UAAAN;AAAA,cACA,QAAAiC;AAAA,cACA,YAAY9B,GAAe,WAAW;AAAA,cACtC,eAAeqB;AAAA,cACf,eAAeC;AAAA,cACf,eAAeC;AAAA,cACd,GAAGuB;AAAA,cACH,GAAGjC,GAAI;AAAA,YAAA;AAAA,UAAA,IAMZqC,gBAAAA,EAAAA;AAAAA,YAACa;AAAA,YAAA;AAAA,cACC,iBAAAF;AAAA,cACA,YAAU;AAAA,cACV,mBAAmBD,EAAU,SAAS;AAAA,cACtC,eAAe3C,GAAM,SAAS,MAAM;AAAA,cACnC,GAAGJ,GAAI,MAAM,IAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAGxB;AACA,eACEqC,gBAAAA,EAAAA;AAAAA,UAACc;AAAA,UAAA;AAAA,YACC,OAAOJ;AAAA,YACP,SAAA3D;AAAA,YACA,MAAAgB;AAAA,YACA,QAAQ,MAAMI,EAAiBS,CAAM;AAAA,YACrC,oBAAAxB;AAAA,YACC,GAAGwC;AAAA,YACH,GAAGjC,GAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAGd;AAAA,MAEA,KAAKkC,EAAU,SAAS9B,CAAsB;AAC5C,eACEiC,gBAAAA,EAAAA;AAAAA,UAACY;AAAA,UAAA;AAAA,YACC,OAAAhE;AAAA,YACA,aAAAK;AAAA,YACA,UAAAN;AAAA,YACA,QAAAiC;AAAA,YACA,YACE9B,GAAe,WAAW;AAAA,YAE1BH,MAAa,wBACbA,MAAa;AAAA,YAEf,MAAAoB;AAAA,YACA,eAAeI;AAAA,YACf,eAAeC;AAAA,YACf,eAAeC;AAAA,YACd,GAAGuB;AAAA,YACH,GAAGjC,GAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAId,KAAKI,MAAS;AACZ,eACEiC,gBAAAA,EAAAA;AAAAA,UAACe;AAAA,UAAA;AAAA,YACC,OAAOnE,KAA4B;AAAA,YACnC,aAAAK;AAAA,YACA,qBAAA6B;AAAA,YACC,GAAGc;AAAA,YACH,GAAGjC,GAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAId,KAAKI,MAAS;AACZ,qCAAQiD,GAAA,EAAc,OAAApE,GAA0B,GAAGgD,GAAc,GAAGjC,GAAI,SAAS;AAAA,MAEnF,KAAKT;AACH,eAAO;AAAA,MAET;AASE,eAAO;AAAA,IAAA;AAAA,EAEb,GAAG,CAAC0B,GAAQhC,GAAOmB,GAAMgB,GAAsBhC,GAASC,GAAa8B,CAAmB,CAAC;AAEzF,SACEkB,gBAAAA,EAAAA;AAAAA,IAAC1D;AAAA,IAAA;AAAA,MACE,GAAGsB;AAAA,MACJ,WAAWqD,GAAKrD,EAAM,WAAW;AAAA,QAC/B,WAAWX,KAAe,CAAC8B;AAAA,QAC3B,CAACmC,EAAS,GAAG/D;AAAA,QACb,UAAU,CAACA;AAAA,MAAA,CACZ;AAAA,MACD,KAAAU;AAAA,MACA,IAAIe;AAAA,MACJ,gBACEpB,MACCP,KAAe,CAAC8B,KAAwBC,IAAuB,cAAc;AAAA,MAEhF,sBAAoB;AAAA,MAEnB,UAAAU;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"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/ProjectContext'\nimport { EnumCellValue } from './EnumCellValue'\nimport { NameWidget } from '@shared/containers/ProjectTreeTable/widgets/NameWidget'\nimport type { NameWidgetData } from '@shared/components/RenameForm/RenameForm'\nimport { READ_ONLY } from '../utils'\nimport type { AttributeData, EnumItem, 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  &.entity-widget {\n    cursor: pointer;\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

@@ -1,11 +1,11 @@
-"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("../buildTreeTableColumns.cjs.js");require("../ProjectTreeTable.styled.cjs.js");require("../components/HeaderActionButton.cjs.js");require("../components/RowSelectionHeader.cjs.js");require("../components/SelectionCell.cjs.js");require("../context/CellEditingContext.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("short-uuid");require("../utils/columnIds.cjs.js");require("../context/SelectionCellsContext.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/ProjectTableContextInstance.cjs.js");require("../context/ClipboardContext.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("@dnd-kit/core");require("@dnd-kit/sortable");require("../components/TableFooterRow.cjs.js");require("./CellWidget.cjs.js");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("./EntityNameWidget.cjs.js");require("./EntityWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");require("./LinksWidget.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("./EmptyWidget.cjs.js");require("./ErrorWidget.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/ProjectTableSettings/ColumnsSettings.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`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../../_virtual/jsx-runtime.cjs.js"),a=require("react"),n=require("styled-components"),l=require("react-markdown"),d=require("remark-gfm"),c=require("@ynput/ayon-react-components"),m=require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js"),u=require("../../../components/UserImage/UserImage.cjs.js"),p=require("../../Feed/components/ActivityComment/ActivityMarkdownComponents.cjs.js"),x=require("../../Feed/components/ActivityDate.cjs.js");require("lodash");require("react-toastify");const y=require("../../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/pubsub.cjs.js");const h=n.div`
   display: flex;
   flex-direction: column;
   gap: 0;
   width: 100%;
   max-height: 100%;
   overflow: hidden;
-`,h=q.div`
+`,b=n.div`
   display: flex;
   align-items: flex-start;
   gap: 4px;
@@ -63,7 +63,7 @@
     padding: 0 2px;
     font-size: 0.85em;
   }
-`,b=q.span`
+`,g=n.span`
   display: inline-flex;
   align-items: center;
   gap: 2px;
@@ -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(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;
+`,f=e=>e==="user"?"alternate_email":e==="team"?"group":y.getEntityTypeIcon(e,"link"),j={hr:()=>null,img:()=>null,input:({checked:e})=>o.jsxRuntimeExports.jsx(m.DoneCheckbox,{checked:!!e,isReadOnly:!0,style:{fontSize:16,verticalAlign:"text-bottom",display:"inline-block"}}),a:({href:e,children:t})=>{const[r,s]=e?.split(":")??[];if(r&&s&&p.allowedRefTypes.includes(r)){const i=String(t??"").replace("@","");return o.jsxRuntimeExports.jsxs(g,{children:[o.jsxRuntimeExports.jsx(c.Icon,{icon:f(r)}),i]})}return o.jsxRuntimeExports.jsx("span",{children:t})}},k=e=>e.replace(/<br\s*\/?>/gi,`  
+`),v=a.memo(({body:e})=>o.jsxRuntimeExports.jsx("div",{className:"body",children:o.jsxRuntimeExports.jsx(l,{remarkPlugins:[d],urlTransform:t=>t,components:j,children:k(e)})})),R=e=>{const t=e.createdAt?x.getFuzzyDate(new Date(e.createdAt)):"";return[e.author,t].filter(Boolean).join(" • ")},q=({value:e})=>{const t=e||[];return t.length?o.jsxRuntimeExports.jsx(h,{className:"comments-list",children:t.map(r=>o.jsxRuntimeExports.jsxs(b,{children:[o.jsxRuntimeExports.jsx("span",{className:"author","data-tooltip":R(r),"data-tooltip-delay":0,children:o.jsxRuntimeExports.jsx(u.UserImage,{name:r.author||"",size:18})}),o.jsxRuntimeExports.jsx(v,{body:r.body})]},r.activityId))}):null};exports.CommentsWidget=q;
 //# sourceMappingURL=CommentsWidget.cjs.js.map

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

@@ -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":"snjBAYA,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"}
+{"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 } from '@shared/components/DoneCheckbox/DoneCheckbox'\nimport { UserImage } from '@shared/components/UserImage/UserImage'\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":"8vBAaA,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"}