@ynput/ayon-frontend-shared 0.4.1 → 0.4.3

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

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

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

@@ -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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"}
+{"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 } 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":"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"}

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

@@ -1,2 +1,10 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../../../_virtual/jsx-runtime.cjs.js"),l=require("date-fns"),u=require("react"),p=require("styled-components"),j=require("./DateWidgetInput.cjs.js"),w=require("../../../util/formatUTCDate.cjs.js"),g=require("./wrapMode.cjs.js"),q=p.span`
+  white-space: nowrap;
+
+  ${g.wrapMode`
+    white-space: normal;
+  `}
+`,M=p.span`
+  white-space: nowrap;
+`,h=u.forwardRef(({value:e,isEditing:m,isReadOnly:o,isInherited:I,onChange:y,onCancelEdit:f,showTime:i=!1,isMidnightExclusive:d=!1,...c},x)=>{let t="",n=!1;if(e)try{const r=i?"dd-MM-yyyy HH:mm:ss":"dd-MM-yyyy",s=d?l.subMilliseconds(new Date(e),1):new Date(e);t=i?l.format(s,r):w.formatUTCDate(s,r)}catch{console.error("Invalid date value:",e),t="Invalid Date",n=!0}if(m)return a.jsxRuntimeExports.jsx(j.DateWidgetInput,{value:e,onChange:y,onCancel:f,readOnly:o,disabled:o,isMidnightExclusive:d,...c});const D=t&&!n?t.split(" "):[];return a.jsxRuntimeExports.jsx(q,{...c,ref:x,children:n?t:D.map((r,s)=>a.jsxRuntimeExports.jsxs(u.Fragment,{children:[s>0&&" ",a.jsxRuntimeExports.jsx(M,{children:r})]},s))})});exports.DateWidget=h;
 //# sourceMappingURL=DateWidget.cjs.js.map

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

@@ -1 +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"}
+{"version":3,"file":"DateWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/DateWidget.tsx"],"sourcesContent":["import { format, subMilliseconds } from 'date-fns'\nimport { forwardRef, Fragment } from 'react'\nimport styled from 'styled-components'\nimport { DateWidgetInput } from './DateWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\nimport { formatUTCDate } from '../../../util/formatUTCDate'\nimport { wrapMode } from './wrapMode'\n\nconst StyledDateValue = styled.span`\n  white-space: nowrap;\n\n  ${wrapMode`\n    white-space: normal;\n  `}\n`\n\n// nowrap per part so the line can only break between date and time, never inside either\nconst StyledDatePart = styled.span`\n  white-space: nowrap;\n`\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    let isInvalid = false\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        isInvalid = true\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    const parts = dateString && !isInvalid ? dateString.split(' ') : []\n\n    return (\n      <StyledDateValue {...props} ref={ref}>\n        {isInvalid\n          ? dateString\n          : parts.map((part, index) => (\n              <Fragment key={index}>\n                {index > 0 && ' '}\n                <StyledDatePart>{part}</StyledDatePart>\n              </Fragment>\n            ))}\n      </StyledDateValue>\n    )\n  },\n)\n"],"names":["StyledDateValue","styled","wrapMode","StyledDatePart","DateWidget","forwardRef","value","isEditing","isReadOnly","isInherited","onChange","onCancelEdit","showTime","isMidnightExclusive","props","ref","dateString","isInvalid","formatString","date","subMilliseconds","format","formatUTCDate","jsx","DateWidgetInput","parts","part","index","Fragment"],"mappings":"2UAQMA,EAAkBC,EAAO;AAAA;AAAA;AAAA,IAG3BC,EAAAA;AAAAA;AAAAA,GAED;AAAA,EAIGC,EAAiBF,EAAO;AAAA;AAAA,EAcjBG,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,GACbC,EAAY,GAChB,GAAIX,EACF,GAAI,CACF,MAAMY,EAAeN,EAAW,sBAAwB,aAClDO,EAAON,EAAsBO,EAAAA,gBAAgB,IAAI,KAAKd,CAAK,EAAG,CAAC,EAAI,IAAI,KAAKA,CAAK,EACvFU,EAAaJ,EAAWS,EAAAA,OAAOF,EAAMD,CAAY,EAAII,EAAAA,cAAcH,EAAMD,CAAY,CACvF,MAAgB,CACd,QAAQ,MAAM,sBAAuBZ,CAAK,EAC1CU,EAAa,eACbC,EAAY,EACd,CAGF,GAAIV,EACF,OACEgB,EAAAA,kBAAAA,IAACC,EAAAA,gBAAA,CACC,MAAAlB,EACA,SAAAI,EACA,SAAUC,EACV,SAAUH,EACV,SAAUA,EACV,oBAAAK,EACC,GAAIC,CAAA,CAAA,EAKX,MAAMW,EAAQT,GAAc,CAACC,EAAYD,EAAW,MAAM,GAAG,EAAI,CAAA,EAEjE,OACEO,EAAAA,kBAAAA,IAACvB,EAAA,CAAiB,GAAGc,EAAO,IAAAC,EACzB,SAAAE,EACGD,EACAS,EAAM,IAAI,CAACC,EAAMC,6BACdC,EAAAA,SAAA,CACE,SAAA,CAAAD,EAAQ,GAAK,IACdJ,EAAAA,kBAAAA,IAACpB,GAAgB,SAAAuB,CAAA,CAAK,CAAA,GAFTC,CAGf,CACD,EACP,CAEJ,CACF"}

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

@@ -1,43 +1,59 @@
-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(
+import { j as o } from "../../../../../_virtual/jsx-runtime.es.js";
+import { subMilliseconds as D, format as h } from "date-fns";
+import { forwardRef as j, Fragment as x } from "react";
+import p from "styled-components";
+import { DateWidgetInput as I } from "./DateWidgetInput.es.js";
+import { formatUTCDate as M } from "../../../util/formatUTCDate.es.js";
+import { wrapMode as g } from "./wrapMode.es.js";
+const S = p.span`
+  white-space: nowrap;
+
+  ${g`
+    white-space: normal;
+  `}
+`, u = p.span`
+  white-space: nowrap;
+`, V = j(
   ({
     value: t,
-    isEditing: s,
-    isReadOnly: o,
-    isInherited: x,
+    isEditing: l,
+    isReadOnly: s,
+    isInherited: b,
     onChange: f,
-    onCancelEdit: y,
-    showTime: a = !1,
-    isMidnightExclusive: n = !1,
-    ...d
-  }, c) => {
-    let r = "";
+    onCancelEdit: c,
+    showTime: i = !1,
+    isMidnightExclusive: d = !1,
+    ...m
+  }, y) => {
+    let r = "", n = !1;
     if (t)
       try {
-        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);
+        const e = i ? "dd-MM-yyyy HH:mm:ss" : "dd-MM-yyyy", a = d ? D(new Date(t), 1) : new Date(t);
+        r = i ? h(a, e) : M(a, e);
       } catch {
-        console.error("Invalid date value:", t), r = "Invalid Date";
+        console.error("Invalid date value:", t), r = "Invalid Date", n = !0;
       }
-    return s ? /* @__PURE__ */ m.jsx(
-      j,
-      {
-        value: t,
-        onChange: f,
-        onCancel: y,
-        readOnly: o,
-        disabled: o,
-        isMidnightExclusive: n,
-        ...d
-      }
-    ) : /* @__PURE__ */ m.jsx("span", { ...d, ref: c, style: { whiteSpace: "nowrap" }, children: r });
+    if (l)
+      return /* @__PURE__ */ o.jsx(
+        I,
+        {
+          value: t,
+          onChange: f,
+          onCancel: c,
+          readOnly: s,
+          disabled: s,
+          isMidnightExclusive: d,
+          ...m
+        }
+      );
+    const w = r && !n ? r.split(" ") : [];
+    return /* @__PURE__ */ o.jsx(S, { ...m, ref: y, children: n ? r : w.map((e, a) => /* @__PURE__ */ o.jsxs(x, { children: [
+      a > 0 && " ",
+      /* @__PURE__ */ o.jsx(u, { children: e })
+    ] }, a)) });
   }
 );
 export {
-  h as DateWidget
+  V as DateWidget
 };
 //# sourceMappingURL=DateWidget.es.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"DateWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/DateWidget.tsx"],"sourcesContent":["import { format, subMilliseconds } from 'date-fns'\nimport { forwardRef, Fragment } from 'react'\nimport styled from 'styled-components'\nimport { DateWidgetInput } from './DateWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\nimport { formatUTCDate } from '../../../util/formatUTCDate'\nimport { wrapMode } from './wrapMode'\n\nconst StyledDateValue = styled.span`\n  white-space: nowrap;\n\n  ${wrapMode`\n    white-space: normal;\n  `}\n`\n\n// nowrap per part so the line can only break between date and time, never inside either\nconst StyledDatePart = styled.span`\n  white-space: nowrap;\n`\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    let isInvalid = false\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        isInvalid = true\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    const parts = dateString && !isInvalid ? dateString.split(' ') : []\n\n    return (\n      <StyledDateValue {...props} ref={ref}>\n        {isInvalid\n          ? dateString\n          : parts.map((part, index) => (\n              <Fragment key={index}>\n                {index > 0 && ' '}\n                <StyledDatePart>{part}</StyledDatePart>\n              </Fragment>\n            ))}\n      </StyledDateValue>\n    )\n  },\n)\n"],"names":["StyledDateValue","styled","wrapMode","StyledDatePart","DateWidget","forwardRef","value","isEditing","isReadOnly","isInherited","onChange","onCancelEdit","showTime","isMidnightExclusive","props","ref","dateString","isInvalid","formatString","date","subMilliseconds","format","formatUTCDate","jsx","DateWidgetInput","parts","part","index","Fragment"],"mappings":";;;;;;;AAQA,MAAMA,IAAkBC,EAAO;AAAA;AAAA;AAAA,IAG3BC;AAAA;AAAA,GAED;AAAA,GAIGC,IAAiBF,EAAO;AAAA;AAAA,GAcjBG,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,IACbC,IAAY;AAChB,QAAIX;AACF,UAAI;AACF,cAAMY,IAAeN,IAAW,wBAAwB,cAClDO,IAAON,IAAsBO,EAAgB,IAAI,KAAKd,CAAK,GAAG,CAAC,IAAI,IAAI,KAAKA,CAAK;AACvF,QAAAU,IAAaJ,IAAWS,EAAOF,GAAMD,CAAY,IAAII,EAAcH,GAAMD,CAAY;AAAA,MACvF,QAAgB;AACd,gBAAQ,MAAM,uBAAuBZ,CAAK,GAC1CU,IAAa,gBACbC,IAAY;AAAA,MACd;AAGF,QAAIV;AACF,aACEgB,gBAAAA,EAAAA;AAAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAAlB;AAAA,UACA,UAAAI;AAAA,UACA,UAAUC;AAAA,UACV,UAAUH;AAAA,UACV,UAAUA;AAAA,UACV,qBAAAK;AAAA,UACC,GAAIC;AAAA,QAAA;AAAA,MAAA;AAKX,UAAMW,IAAQT,KAAc,CAACC,IAAYD,EAAW,MAAM,GAAG,IAAI,CAAA;AAEjE,WACEO,gBAAAA,EAAAA,IAACvB,GAAA,EAAiB,GAAGc,GAAO,KAAAC,GACzB,UAAAE,IACGD,IACAS,EAAM,IAAI,CAACC,GAAMC,6BACdC,GAAA,EACE,UAAA;AAAA,MAAAD,IAAQ,KAAK;AAAA,MACdJ,gBAAAA,EAAAA,IAACpB,KAAgB,UAAAuB,EAAA,CAAK;AAAA,IAAA,KAFTC,CAGf,CACD,GACP;AAAA,EAEJ;AACF;"}