@ynput/ayon-frontend-shared 0.2.28 → 0.2.29

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

@@ -0,0 +1,241 @@
+import { j as i } from "../../../../../_virtual/jsx-runtime.es.js";
+import { CellEditingDialog as d } from "../../../components/LinksManager/CellEditingDialog.es.js";
+import { RenameForm as h } from "../../../components/RenameForm/RenameForm.es.js";
+import "react-toastify";
+import "lodash";
+import "uuid";
+import "../../../util/pubsub.es.js";
+import "../context/CellEditingContext.es.js";
+import "react";
+import "@ynput/ayon-react-components";
+import "@tanstack/react-table";
+import "./CollapsedWidget.es.js";
+import "./DateWidget.es.js";
+import "./EnumWidget.es.js";
+import "./TextWidget.es.js";
+import "./BooleanWidget.es.js";
+import "./CellWidget.es.js";
+import "./EntityNameWidget.es.js";
+import "./GroupHeaderWidget.es.js";
+import "./ThumbnailWidget.es.js";
+import "clsx";
+import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+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/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/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/updateActivities.es.js";
+import "../../../api/queries/activities/updateReaction.es.js";
+import "../../../api/queries/activities/getMentions.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/cloud/cloud.es.js";
+import "../../../api/queries/entities/getEntity.es.js";
+import "../../../api/queries/entities/getEntityPanel.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/updateListsAttributes.es.js";
+import "../../../api/queries/folders/getFolders.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/links/getEntityLinks.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
+import "../../../api/queries/project/getProject.es.js";
+import "../../../api/queries/project/updateProject.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/userDashboard/getUserDashboard.es.js";
+import "../../../api/queries/users/getUsers.es.js";
+import "../../../api/queries/users/updateUsers.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 "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../../ContextMenu/ContextMenuContext.es.js";
+/* empty css                                    */
+import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
+import "axios";
+import "../../../context/RemoteModulesContext.es.js";
+import "../../../context/DetailsPanelContext.es.js";
+import "../../../context/ThumbnailUploaderContext.es.js";
+import "../../../context/SettingsPanelContext.es.js";
+import "../../../context/pip/PiPProvider.es.js";
+import "react-dom";
+import "../../../context/pip/PiPWrapper.es.js";
+import "../../../context/AddonProjectContext.es.js";
+import "../../../context/AddonContext.es.js";
+import "../../../context/PowerpackContext.es.js";
+import "../../../context/MoveEntityContext.es.js";
+import "../../../components/ReviewableCard/ReviewableCard.es.js";
+import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../../components/FileThumbnail/FileThumbnail.es.js";
+import "../../../components/Thumbnail/Thumbnail.styled.es.js";
+import "../../../components/Thumbnail/StackedThumbnails.es.js";
+import "../../Feed/context/FeedContext.es.js";
+import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.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 "react-markdown";
+import "remark-emoji";
+import "remark-gfm";
+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/CommentInput/quillToMarkdown.es.js";
+import "../../Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../../Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
+import "../../Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../Feed/components/ActivityDate.es.js";
+import "../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.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 "date-fns";
+import "../ProjectTreeTable.es.js";
+import "../context/ProjectTableQueriesContext.es.js";
+import "../context/ProjectTableContext.es.js";
+import "../context/ClipboardContext.es.js";
+import "../context/SelectionCellsContext.es.js";
+import { useProjectDataContext as x } from "../context/ProjectDataContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../components/GroupSettingsFallback.es.js";
+import "../components/HeaderActionButton.es.js";
+import "../components/RowSelectionHeader.es.js";
+import "../components/SelectionCell.es.js";
+import "../components/ColumnHeaderMenu.es.js";
+import "../../DetailsPanel/DetailsPanel.styled.es.js";
+import "../../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
+import "../../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../../../components/PlayableIcon/PlayableIcon.es.js";
+import "../../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../Actions/Actions.styled.es.js";
+import "../../Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../../Actions/ActionIcon.es.js";
+import "../../Views/context/ViewsContext.es.js";
+import "../../Views/Views.styled.es.js";
+import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
+import "../../../components/EntityPath/EntityPath.styled.es.js";
+import "../../../components/EntityPath/SegmentProvider.es.js";
+import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
+import "../../../components/Watchers/Watchers.es.js";
+import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../../components/Powerpack/PowerpackButton.es.js";
+import "../../../components/Powerpack/PricingLink.es.js";
+import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
+import "../../../components/Powerpack/CTAButton.es.js";
+import "../../../components/SettingsPanel/SettingsPanel.es.js";
+import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../../../components/AttributeEditor/components/MinMaxField.es.js";
+import "../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../../components/SearchFilter/filterDates.es.js";
+import "../../../components/Badge/Badge.es.js";
+import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
+import "../../../components/Feedback/FeedbackContext.es.js";
+import "../../../components/Feedback/SupportBubble.es.js";
+import "../../../components/Chips/Chips.es.js";
+import "../../../components/LinksManager/LinksManager.styled.es.js";
+import "../../EntityPickerDialog/EntityPickerDialog.es.js";
+import "../../../components/StyledLink/StyledLink.es.js";
+import "../context/DetailsPanelEntityContext.es.js";
+import "../context/SelectedRowsContext.es.js";
+import "../ProjectTreeTable.styled.es.js";
+import "./LoadMoreWidget.es.js";
+import "../context/ColumnSettingsContext.es.js";
+const xm = ({
+  value: p,
+  isEditing: r,
+  cellId: m,
+  valueData: o,
+  onCancelEdit: t,
+  entityType: e
+}) => {
+  const { canWriteNamePermission: n, canWriteLabelPermission: s } = x();
+  return /* @__PURE__ */ i.jsx(i.Fragment, { children: r && p && /* @__PURE__ */ i.jsx(d, { isEditing: r, anchorId: m, onClose: t, children: /* @__PURE__ */ i.jsx(
+    h,
+    {
+      cellId: m,
+      initialName: o == null ? void 0 : o.name,
+      initialLabel: o == null ? void 0 : o.label,
+      onClose: t,
+      entityType: e,
+      valueData: o,
+      nameDisabled: n ? o != null && o.hasVersions ? "Cannot edit name when versions exist." : !1 : "You do not have permission to edit the name.",
+      labelDisabled: s ? !1 : "You do not have permission to edit the label."
+    }
+  ) }) });
+};
+export {
+  xm as NameWidget
+};
+//# sourceMappingURL=NameWidget.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NameWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/NameWidget.tsx"],"sourcesContent":["import { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC } from 'react'\nimport { CellValue, WidgetBaseProps } from './CellWidget'\nimport { type NameWidgetData, RenameForm } from '@shared/components/RenameForm'\nimport { useProjectDataContext } from '../context'\n\nexport interface NameWidgetProps extends WidgetBaseProps {\n  value?: CellValue\n  valueData?: NameWidgetData\n  cellId: string\n  entityType: string\n}\n\nexport const NameWidget: FC<NameWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  valueData,\n  onCancelEdit,\n  entityType,\n}) => {\n  const { canWriteNamePermission, canWriteLabelPermission } = useProjectDataContext()\n\n  return (\n    <>\n      {isEditing && value && (\n        <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n          <RenameForm\n            cellId={cellId}\n            initialName={valueData?.name}\n            initialLabel={valueData?.label}\n            onClose={onCancelEdit}\n            entityType={entityType}\n            valueData={valueData}\n            nameDisabled={\n              !canWriteNamePermission\n                ? 'You do not have permission to edit the name.'\n                : valueData?.hasVersions\n                ? 'Cannot edit name when versions exist.'\n                : false\n            }\n            labelDisabled={\n              !canWriteLabelPermission ? 'You do not have permission to edit the label.' : false\n            }\n          />\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["NameWidget","value","isEditing","cellId","valueData","onCancelEdit","entityType","canWriteNamePermission","canWriteLabelPermission","useProjectDataContext","jsx","Fragment","CellEditingDialog","RenameForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAMA,KAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACJ,QAAM,EAAE,wBAAAC,GAAwB,yBAAAC,EAAwB,IAAIC,EAAsB;AAGhF,SAAAC,gBAAAA,EAAAA,IAAAC,EAAAA,UAAA,EACG,eAAaV,KACZS,gBAAAA,EAAA,IAACE,KAAkB,WAAAV,GAAsB,UAAUC,GAAQ,SAASE,GAClE,UAAAK,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,QAAAV;AAAA,MACA,aAAaC,KAAA,gBAAAA,EAAW;AAAA,MACxB,cAAcA,KAAA,gBAAAA,EAAW;AAAA,MACzB,SAASC;AAAA,MACT,YAAAC;AAAA,MACA,WAAAF;AAAA,MACA,cACGG,IAEGH,KAAA,QAAAA,EAAW,cACX,0CACA,KAHA;AAAA,MAKN,eACGI,IAA4E,KAAlD;AAAA,IAAkD;AAAA,KAGnF,EAEJ,CAAA;AAEJ;"}

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

@@ -1,11 +1,16 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),j=require("./TextWidgetInput.cjs.js"),x=require("styled-components"),k=require("@ynput/ayon-react-components"),R=x.span`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../_virtual/jsx-runtime.cjs.js"),f=require("react"),E=require("react-markdown"),b=require("remark-gfm"),P=require("./TextWidgetInput.cjs.js"),S=require("./CellWidget.cjs.js"),g=require("styled-components"),W=require("@ynput/ayon-react-components"),_=require("clsx");require("lodash");require("react-toastify");require("uuid");const v=require("../../../util/parseHtmlToPlainTextWithLinks.cjs.js");require("../../../util/pubsub.cjs.js");const L=require("../../../../../node_modules/rehype-raw/lib/index.cjs.js"),D=g.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 
   display: flex;
   gap: 4px;
-`,T=x.a`
+
+  &.markdown {
+    margin-top: 18px;
+    height: 40px;
+  }
+`,x=g.a`
   color: var(--md-sys-color-primary, #0066cc);
   text-decoration: none;
   cursor: pointer;
@@ -16,5 +21,5 @@
   &:hover {
     text-decoration: underline;
   }
-`,b=r=>{try{const e=new URL(r.trim());return e.protocol==="http:"||e.protocol==="https:"}catch{return!1}},v=r=>{const e=/(https?:\/\/[^\s<>"]+[^\s.,!?;:<>\")\]])/gi;return r.split(e).map((n,s)=>b(n)?{type:"url",content:n,key:s}:{type:"text",content:n,key:s})},C=u.forwardRef(({value:r,option:e,isEditing:i,isInherited:n,onChange:s,onCancelEdit:d,style:p,...y},h)=>{const f=u.useCallback((a,t)=>{a.stopPropagation(),window.open(t,"_blank","noopener,noreferrer")},[]);if(i)return o.jsxRuntimeExports.jsx(j.TextWidgetInput,{value:r,onChange:s,onCancel:d,type:"text"});const c=(e==null?void 0:e.label)||r,l=typeof c=="string"?c:String(c||""),g=!e&&l.match(/(https?:\/\/\S+)/gi),m=()=>g?v(l).map(t=>t.type==="url"?o.jsxRuntimeExports.jsx(T,{href:t.content,onClick:w=>f(w,t.content),target:"_blank",rel:"noopener noreferrer",children:t.content},t.key):t.content):l;return o.jsxRuntimeExports.jsxs(R,{style:{color:e==null?void 0:e.color,...p},...y,ref:h,children:[(e==null?void 0:e.icon)&&o.jsxRuntimeExports.jsx(k.Icon,{icon:e.icon,style:{color:e.color}}),m()]})});exports.TextWidget=C;
+`,I=o=>{try{const r=new URL(o.trim());return r.protocol==="http:"||r.protocol==="https:"}catch{return!1}},M=o=>{const r=/(https?:\/\/[^\s<>"]+[^\s.,!?;:<>\")\]])/gi;return o.split(r).map((c,l)=>I(c)?{type:"url",content:c,key:l}:{type:"text",content:c,key:l})},U=o=>/<[^>]*>/.test(o),G=f.forwardRef(({value:o,option:r,isEditing:p,isInherited:c,onChange:l,onCancelEdit:y,style:k,type:j,columnId:d,className:w,...R},q)=>{const a=f.useCallback((h,n)=>{h.stopPropagation(),window.open(n,"_blank","noopener,noreferrer")},[]);if(p)return s.jsxRuntimeExports.jsx(P.TextWidgetInput,{value:o,onChange:l,onCancel:y,type:j||"string"});const u=(r==null?void 0:r.label)||o,i=typeof u=="string"?u:String(u||""),m=d==="attrib_description"||d==="description",T=()=>m?s.jsxRuntimeExports.jsx(E,{remarkPlugins:[b],rehypePlugins:[L],components:{p:({children:n})=>s.jsxRuntimeExports.jsx("span",{children:n}),a:({href:n,children:e})=>s.jsxRuntimeExports.jsx(x,{href:n||"#",onClick:t=>n&&a(t,n),onMouseDown:t=>t.stopPropagation(),target:"_blank",rel:"noopener noreferrer",children:e})},children:i}):U(i)?v.parseHtmlToPlainTextWithLinks(i).map(e=>e.type==="url"&&e.href?s.jsxRuntimeExports.jsx(x,{href:e.href,onClick:t=>a(t,e.href),onMouseDown:t=>t.stopPropagation(),target:"_blank",rel:"noopener noreferrer",children:e.content},e.key):s.jsxRuntimeExports.jsx("span",{style:{whiteSpace:"pre-line"},children:e.content},e.key)):i.match(/(https?:\/\/\S+)/gi)?M(i).map(e=>e.type==="url"?s.jsxRuntimeExports.jsx(x,{href:e.content,onClick:t=>a(t,e.content),onMouseDown:t=>t.stopPropagation(),target:"_blank",rel:"noopener noreferrer",children:e.content},e.key):e.content):i,C=_(w,S.EDIT_TRIGGER_CLASS,{markdown:m});return s.jsxRuntimeExports.jsxs(D,{className:C,style:{color:r==null?void 0:r.color,...k},...R,ref:q,children:[(r==null?void 0:r.icon)&&s.jsxRuntimeExports.jsx(W.Icon,{icon:r.icon,style:{color:r.color}}),T()]})});exports.TextWidget=G;
 //# sourceMappingURL=TextWidget.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidget.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react'\nimport { TextWidgetInput } from './TextWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\nimport styled from 'styled-components'\nimport { AttributeData } from '../types'\nimport { AttributeEnumItem } from '@shared/api'\nimport { Icon } from '@ynput/ayon-react-components'\n\nconst StyledBaseTextWidget = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  display: flex;\n  gap: 4px;\n`\n\nconst StyledLink = styled.a`\n  color: var(--md-sys-color-primary, #0066cc);\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  \n  &:hover {\n    text-decoration: underline;\n  }\n`\n\n// Function to check if a string is a valid URL\nconst isValidUrl = (text: string): boolean => {\n  try {\n    const url = new URL(text.trim())\n    return url.protocol === 'http:' || url.protocol === 'https:'\n  } catch {\n    return false\n  }\n}\n\n// Function to parse text and extract URLs\nconst parseTextWithUrls = (text: string) => {\n  // Regex to match HTTP/HTTPS URLs\n  const urlRegex = /(https?:\\/\\/[^\\s<>\"]+[^\\s.,!?;:<>\\\")\\]])/gi;\n  const parts = text.split(urlRegex)\n\n  return parts.map((part, index) => {\n    if (isValidUrl(part)) {\n      return { type: 'url', content: part, key: index }\n    }\n    return { type: 'text', content: part, key: index }\n  })\n}\n\ntype AttributeType = AttributeData['type']\nexport type TextWidgetType = Extract<AttributeType, 'string' | 'integer' | 'float'>\n\nexport interface TextWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: string\n  option?: AttributeEnumItem\n  isInherited?: boolean\n}\n\nexport const TextWidget = forwardRef<HTMLSpanElement, TextWidgetProps>(\n  ({ value, option, isEditing, isInherited, onChange, onCancelEdit, style, ...props }, ref) => {\n    const handleLinkClick = useCallback((e: React.MouseEvent, url: string) => {\n      e.stopPropagation()\n      window.open(url, '_blank', 'noopener,noreferrer')\n    }, [])\n\n    if (isEditing) {\n      return (\n        <TextWidgetInput value={value} onChange={onChange} onCancel={onCancelEdit} type={'text'} />\n      )\n    }\n\n    const displayText = option?.label || value\n    const textValue = typeof displayText === 'string' ? displayText : String(displayText || '')\n    const hasUrls = !option && textValue.match(/(https?:\\/\\/\\S+)/gi)\n\n    const renderContent = () => {\n      if (hasUrls) {\n        // Text with URLs (handles both single URL and mixed content)\n        const parts = parseTextWithUrls(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url') {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.content}\n                onClick={(e) => handleLinkClick(e, part.content)}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return part.content\n        })\n      } else {\n        // Regular text\n        return textValue\n      }\n    }\n\n    return (\n      <StyledBaseTextWidget style={{ color: option?.color, ...style }} {...props} ref={ref}>\n        {option?.icon && (\n          <Icon\n            icon={option.icon}\n            style={{\n              color: option.color,\n            }}\n          />\n        )}\n        {renderContent()}\n      </StyledBaseTextWidget>\n    )\n  },\n)\n"],"names":["StyledBaseTextWidget","styled","StyledLink","isValidUrl","text","url","parseTextWithUrls","urlRegex","part","index","TextWidget","forwardRef","value","option","isEditing","isInherited","onChange","onCancelEdit","style","props","ref","handleLinkClick","useCallback","e","TextWidgetInput","displayText","textValue","hasUrls","renderContent","jsx","jsxs","Icon"],"mappings":"gRAQMA,EAAuBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS9BC,EAAaD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcpBE,EAAcC,GAA0B,CACxC,GAAA,CACF,MAAMC,EAAM,IAAI,IAAID,EAAK,MAAM,EAC/B,OAAOC,EAAI,WAAa,SAAWA,EAAI,WAAa,QAAA,MAC9C,CACC,MAAA,EAAA,CAEX,EAGMC,EAAqBF,GAAiB,CAE1C,MAAMG,EAAW,6CAGjB,OAFcH,EAAK,MAAMG,CAAQ,EAEpB,IAAI,CAACC,EAAMC,IAClBN,EAAWK,CAAI,EACV,CAAE,KAAM,MAAO,QAASA,EAAM,IAAKC,CAAM,EAE3C,CAAE,KAAM,OAAQ,QAASD,EAAM,IAAKC,CAAM,CAClD,CACH,EAaaC,EAAaC,EAAA,WACxB,CAAC,CAAE,MAAAC,EAAO,OAAAC,EAAQ,UAAAC,EAAW,YAAAC,EAAa,SAAAC,EAAU,aAAAC,EAAc,MAAAC,EAAO,GAAGC,CAAM,EAAGC,IAAQ,CAC3F,MAAMC,EAAkBC,EAAAA,YAAY,CAACC,EAAqBlB,IAAgB,CACxEkB,EAAE,gBAAgB,EACX,OAAA,KAAKlB,EAAK,SAAU,qBAAqB,CAClD,EAAG,EAAE,EAEL,GAAIS,EACF,+BACGU,kBAAgB,CAAA,MAAAZ,EAAc,SAAAI,EAAoB,SAAUC,EAAc,KAAM,OAAQ,EAIvF,MAAAQ,GAAcZ,GAAA,YAAAA,EAAQ,QAASD,EAC/Bc,EAAY,OAAOD,GAAgB,SAAWA,EAAc,OAAOA,GAAe,EAAE,EACpFE,EAAU,CAACd,GAAUa,EAAU,MAAM,oBAAoB,EAEzDE,EAAgB,IAChBD,EAEYrB,EAAkBoB,CAAS,EAC5B,IAAKlB,GACZA,EAAK,OAAS,MAEdqB,EAAA,kBAAA,IAAC3B,EAAA,CAEC,KAAMM,EAAK,QACX,QAAUe,GAAMF,EAAgBE,EAAGf,EAAK,OAAO,EAC/C,OAAO,SACP,IAAI,sBAEH,SAAKA,EAAA,OAAA,EANDA,EAAK,GAOZ,EAGGA,EAAK,OACb,EAGMkB,EAIX,OACGI,EAAA,kBAAA,KAAA9B,EAAA,CAAqB,MAAO,CAAE,MAAOa,GAAA,YAAAA,EAAQ,MAAO,GAAGK,CAAM,EAAI,GAAGC,EAAO,IAAAC,EACzE,SAAA,EAAAP,GAAA,YAAAA,EAAQ,OACPgB,EAAA,kBAAA,IAACE,EAAA,KAAA,CACC,KAAMlB,EAAO,KACb,MAAO,CACL,MAAOA,EAAO,KAAA,CAChB,CACF,EAEDe,EAAc,CAAA,EACjB,CAAA,CAGN"}
+{"version":3,"file":"TextWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidget.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react'\nimport Markdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport rehypeRaw from 'rehype-raw'\nimport { TextWidgetInput } from './TextWidgetInput'\nimport { WidgetBaseProps, EDIT_TRIGGER_CLASS } from './CellWidget'\nimport styled from 'styled-components'\nimport { AttributeData } from '../types'\nimport { AttributeEnumItem } from '@shared/api'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { parseHtmlToPlainTextWithLinks } from '@shared/util'\n\nconst StyledBaseTextWidget = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  display: flex;\n  gap: 4px;\n\n  &.markdown {\n    margin-top: 18px;\n    height: 40px;\n  }\n`\n\nconst StyledLink = styled.a`\n  color: var(--md-sys-color-primary, #0066cc);\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  \n  &:hover {\n    text-decoration: underline;\n  }\n`\n\n// Function to check if a string is a valid URL\nconst isValidUrl = (text: string): boolean => {\n  try {\n    const url = new URL(text.trim())\n    return url.protocol === 'http:' || url.protocol === 'https:'\n  } catch {\n    return false\n  }\n}\n\n// Function to parse text and extract URLs\nconst parseTextWithUrls = (text: string) => {\n  // Regex to match HTTP/HTTPS URLs\n  const urlRegex = /(https?:\\/\\/[^\\s<>\"]+[^\\s.,!?;:<>\\\")\\]])/gi;\n  const parts = text.split(urlRegex)\n\n  return parts.map((part, index) => {\n    if (isValidUrl(part)) {\n      return { type: 'url', content: part, key: index }\n    }\n    return { type: 'text', content: part, key: index }\n  })\n}\n\n// Function to check if content contains HTML tags\nconst containsHtml = (text: string): boolean => {\n  return /<[^>]*>/.test(text)\n}\n\n\ntype AttributeType = AttributeData['type']\nexport type TextWidgetType = Extract<AttributeType, 'string' | 'integer' | 'float'>\n\nexport interface TextWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: string\n  option?: AttributeEnumItem\n  isInherited?: boolean\n  type?: TextWidgetType\n  columnId?: string\n}\n\nexport const TextWidget = forwardRef<HTMLSpanElement, TextWidgetProps>(\n  ({ value, option, isEditing, isInherited, onChange, onCancelEdit, style, type, columnId, className, ...props }, ref) => {\n    const handleLinkClick = useCallback((e: React.MouseEvent, url: string) => {\n      e.stopPropagation()\n      window.open(url, '_blank', 'noopener,noreferrer')\n    }, [])\n\n    if (isEditing) {\n      return (\n        <TextWidgetInput value={value} onChange={onChange} onCancel={onCancelEdit} type={type || 'string'} />\n      )\n    }\n\n    const displayText = option?.label || value\n    const textValue = typeof displayText === 'string' ? displayText : String(displayText || '')\n    const isDescriptionColumn = columnId === 'attrib_description' || columnId === 'description'\n\n    const renderContent = () => {\n      // For description columns, keep markdown rendering\n      if (isDescriptionColumn) {\n        return (\n          <Markdown\n            remarkPlugins={[remarkGfm]}\n            rehypePlugins={[rehypeRaw]}\n            components={{\n              p: ({ children }) => <span>{children}</span>,\n              a: ({ href, children }) => (\n                <StyledLink\n                  href={href || '#'}\n                  onClick={(e) => href && handleLinkClick(e as unknown as React.MouseEvent, href)}\n                  onMouseDown={(e) => e.stopPropagation()}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {children}\n                </StyledLink>\n              ),\n            }}\n          >\n            {textValue}\n          </Markdown>\n        )\n      }\n\n      // Check if content contains HTML\n      if (containsHtml(textValue)) {\n        // Parse HTML to plain text with preserved links\n        const parts = parseHtmlToPlainTextWithLinks(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url' && part.href) {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.href}\n                onClick={(e) => handleLinkClick(e, part.href!)}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return <span key={part.key} style={{ whiteSpace: 'pre-line' }}>{part.content}</span>\n        })\n      }\n\n      // Check for URLs in plain text\n      const hasUrls = textValue.match(/(https?:\\/\\/\\S+)/gi)\n      if (hasUrls) {\n        // Text with URLs (handles both single URL and mixed content)\n        const parts = parseTextWithUrls(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url') {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.content}\n                onClick={(e) => handleLinkClick(e, part.content)}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return part.content\n        })\n      }\n\n      // Regular text\n      return textValue\n    }\n\n    const combinedClassName = clsx(className, EDIT_TRIGGER_CLASS, {\n      markdown: isDescriptionColumn,\n    })\n\n    return (\n      <StyledBaseTextWidget className={combinedClassName} style={{ color: option?.color, ...style }} {...props} ref={ref}>\n        {option?.icon && (\n          <Icon\n            icon={option.icon}\n            style={{\n              color: option.color,\n            }}\n          />\n        )}\n        {renderContent()}\n      </StyledBaseTextWidget>\n    )\n  },\n)"],"names":["StyledBaseTextWidget","styled","StyledLink","isValidUrl","text","url","parseTextWithUrls","urlRegex","part","index","containsHtml","TextWidget","forwardRef","value","option","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","className","props","ref","handleLinkClick","useCallback","e","jsx","TextWidgetInput","displayText","textValue","isDescriptionColumn","renderContent","Markdown","remarkGfm","rehypeRaw","children","href","parseHtmlToPlainTextWithLinks","combinedClassName","clsx","EDIT_TRIGGER_CLASS","jsxs","Icon"],"mappings":"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"}

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

@@ -1,16 +1,31 @@
 import { j as o } from "../../../../../_virtual/jsx-runtime.es.js";
-import { forwardRef as g, useCallback as k } from "react";
-import { TextWidgetInput as j } from "./TextWidgetInput.es.js";
-import d from "styled-components";
-import { Icon as v } from "@ynput/ayon-react-components";
-const C = d.span`
+import { forwardRef as R, useCallback as P } from "react";
+import S from "react-markdown";
+import _ from "remark-gfm";
+import { TextWidgetInput as v } from "./TextWidgetInput.es.js";
+import { EDIT_TRIGGER_CLASS as D } from "./CellWidget.es.js";
+import x from "styled-components";
+import { Icon as L } from "@ynput/ayon-react-components";
+import U from "clsx";
+import "lodash";
+import "react-toastify";
+import "uuid";
+import { parseHtmlToPlainTextWithLinks as W } from "../../../util/parseHtmlToPlainTextWithLinks.es.js";
+import "../../../util/pubsub.es.js";
+import I from "../../../../../node_modules/rehype-raw/lib/index.es.js";
+const M = x.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 
   display: flex;
   gap: 4px;
-`, T = d.a`
+
+  &.markdown {
+    margin-top: 18px;
+    height: 40px;
+  }
+`, m = x.a`
   color: var(--md-sys-color-primary, #0066cc);
   text-decoration: none;
   cursor: pointer;
@@ -21,49 +36,84 @@ const C = d.span`
   &:hover {
     text-decoration: underline;
   }
-`, b = (t) => {
+`, E = (s) => {
   try {
-    const e = new URL(t.trim());
-    return e.protocol === "http:" || e.protocol === "https:";
+    const r = new URL(s.trim());
+    return r.protocol === "http:" || r.protocol === "https:";
   } catch {
     return !1;
   }
-}, R = (t) => {
-  const e = /(https?:\/\/[^\s<>"]+[^\s.,!?;:<>\")\]])/gi;
-  return t.split(e).map((n, s) => b(n) ? { type: "url", content: n, key: s } : { type: "text", content: n, key: s });
-}, V = g(
-  ({ value: t, option: e, isEditing: i, isInherited: n, onChange: s, onCancelEdit: f, style: p, ...x }, u) => {
-    const h = k((a, r) => {
-      a.stopPropagation(), window.open(r, "_blank", "noopener,noreferrer");
+}, G = (s) => {
+  const r = /(https?:\/\/[^\s<>"]+[^\s.,!?;:<>\")\]])/gi;
+  return s.split(r).map((l, c) => E(l) ? { type: "url", content: l, key: c } : { type: "text", content: l, key: c });
+}, H = (s) => /<[^>]*>/.test(s), ee = R(
+  ({ value: s, option: r, isEditing: f, isInherited: l, onChange: c, onCancelEdit: y, style: k, type: g, columnId: d, className: w, ...j }, C) => {
+    const a = P((u, n) => {
+      u.stopPropagation(), window.open(n, "_blank", "noopener,noreferrer");
     }, []);
-    if (i)
-      return /* @__PURE__ */ o.jsx(j, { value: t, onChange: s, onCancel: f, type: "text" });
-    const l = (e == null ? void 0 : e.label) || t, c = typeof l == "string" ? l : String(l || ""), y = !e && c.match(/(https?:\/\/\S+)/gi), m = () => y ? R(c).map((r) => r.type === "url" ? /* @__PURE__ */ o.jsx(
-      T,
+    if (f)
+      return /* @__PURE__ */ o.jsx(v, { value: s, onChange: c, onCancel: y, type: g || "string" });
+    const p = (r == null ? void 0 : r.label) || s, i = typeof p == "string" ? p : String(p || ""), h = d === "attrib_description" || d === "description", T = () => h ? /* @__PURE__ */ o.jsx(
+      S,
+      {
+        remarkPlugins: [_],
+        rehypePlugins: [I],
+        components: {
+          p: ({ children: n }) => /* @__PURE__ */ o.jsx("span", { children: n }),
+          a: ({ href: n, children: e }) => /* @__PURE__ */ o.jsx(
+            m,
+            {
+              href: n || "#",
+              onClick: (t) => n && a(t, n),
+              onMouseDown: (t) => t.stopPropagation(),
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: e
+            }
+          )
+        },
+        children: i
+      }
+    ) : H(i) ? W(i).map((e) => e.type === "url" && e.href ? /* @__PURE__ */ o.jsx(
+      m,
+      {
+        href: e.href,
+        onClick: (t) => a(t, e.href),
+        onMouseDown: (t) => t.stopPropagation(),
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: e.content
+      },
+      e.key
+    ) : /* @__PURE__ */ o.jsx("span", { style: { whiteSpace: "pre-line" }, children: e.content }, e.key)) : i.match(/(https?:\/\/\S+)/gi) ? G(i).map((e) => e.type === "url" ? /* @__PURE__ */ o.jsx(
+      m,
       {
-        href: r.content,
-        onClick: (w) => h(w, r.content),
+        href: e.content,
+        onClick: (t) => a(t, e.content),
+        onMouseDown: (t) => t.stopPropagation(),
         target: "_blank",
         rel: "noopener noreferrer",
-        children: r.content
+        children: e.content
       },
-      r.key
-    ) : r.content) : c;
-    return /* @__PURE__ */ o.jsxs(C, { style: { color: e == null ? void 0 : e.color, ...p }, ...x, ref: u, children: [
-      (e == null ? void 0 : e.icon) && /* @__PURE__ */ o.jsx(
-        v,
+      e.key
+    ) : e.content) : i, b = U(w, D, {
+      markdown: h
+    });
+    return /* @__PURE__ */ o.jsxs(M, { className: b, style: { color: r == null ? void 0 : r.color, ...k }, ...j, ref: C, children: [
+      (r == null ? void 0 : r.icon) && /* @__PURE__ */ o.jsx(
+        L,
         {
-          icon: e.icon,
+          icon: r.icon,
           style: {
-            color: e.color
+            color: r.color
           }
         }
       ),
-      m()
+      T()
     ] });
   }
 );
 export {
-  V as TextWidget
+  ee as TextWidget
 };
 //# sourceMappingURL=TextWidget.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidget.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react'\nimport { TextWidgetInput } from './TextWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\nimport styled from 'styled-components'\nimport { AttributeData } from '../types'\nimport { AttributeEnumItem } from '@shared/api'\nimport { Icon } from '@ynput/ayon-react-components'\n\nconst StyledBaseTextWidget = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  display: flex;\n  gap: 4px;\n`\n\nconst StyledLink = styled.a`\n  color: var(--md-sys-color-primary, #0066cc);\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  \n  &:hover {\n    text-decoration: underline;\n  }\n`\n\n// Function to check if a string is a valid URL\nconst isValidUrl = (text: string): boolean => {\n  try {\n    const url = new URL(text.trim())\n    return url.protocol === 'http:' || url.protocol === 'https:'\n  } catch {\n    return false\n  }\n}\n\n// Function to parse text and extract URLs\nconst parseTextWithUrls = (text: string) => {\n  // Regex to match HTTP/HTTPS URLs\n  const urlRegex = /(https?:\\/\\/[^\\s<>\"]+[^\\s.,!?;:<>\\\")\\]])/gi;\n  const parts = text.split(urlRegex)\n\n  return parts.map((part, index) => {\n    if (isValidUrl(part)) {\n      return { type: 'url', content: part, key: index }\n    }\n    return { type: 'text', content: part, key: index }\n  })\n}\n\ntype AttributeType = AttributeData['type']\nexport type TextWidgetType = Extract<AttributeType, 'string' | 'integer' | 'float'>\n\nexport interface TextWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: string\n  option?: AttributeEnumItem\n  isInherited?: boolean\n}\n\nexport const TextWidget = forwardRef<HTMLSpanElement, TextWidgetProps>(\n  ({ value, option, isEditing, isInherited, onChange, onCancelEdit, style, ...props }, ref) => {\n    const handleLinkClick = useCallback((e: React.MouseEvent, url: string) => {\n      e.stopPropagation()\n      window.open(url, '_blank', 'noopener,noreferrer')\n    }, [])\n\n    if (isEditing) {\n      return (\n        <TextWidgetInput value={value} onChange={onChange} onCancel={onCancelEdit} type={'text'} />\n      )\n    }\n\n    const displayText = option?.label || value\n    const textValue = typeof displayText === 'string' ? displayText : String(displayText || '')\n    const hasUrls = !option && textValue.match(/(https?:\\/\\/\\S+)/gi)\n\n    const renderContent = () => {\n      if (hasUrls) {\n        // Text with URLs (handles both single URL and mixed content)\n        const parts = parseTextWithUrls(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url') {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.content}\n                onClick={(e) => handleLinkClick(e, part.content)}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return part.content\n        })\n      } else {\n        // Regular text\n        return textValue\n      }\n    }\n\n    return (\n      <StyledBaseTextWidget style={{ color: option?.color, ...style }} {...props} ref={ref}>\n        {option?.icon && (\n          <Icon\n            icon={option.icon}\n            style={{\n              color: option.color,\n            }}\n          />\n        )}\n        {renderContent()}\n      </StyledBaseTextWidget>\n    )\n  },\n)\n"],"names":["StyledBaseTextWidget","styled","StyledLink","isValidUrl","text","url","parseTextWithUrls","urlRegex","part","index","TextWidget","forwardRef","value","option","isEditing","isInherited","onChange","onCancelEdit","style","props","ref","handleLinkClick","useCallback","e","TextWidgetInput","displayText","textValue","hasUrls","renderContent","jsx","jsxs","Icon"],"mappings":";;;;;AAQA,MAAMA,IAAuBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS9BC,IAAaD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcpBE,IAAa,CAACC,MAA0B;AACxC,MAAA;AACF,UAAMC,IAAM,IAAI,IAAID,EAAK,MAAM;AAC/B,WAAOC,EAAI,aAAa,WAAWA,EAAI,aAAa;AAAA,EAAA,QAC9C;AACC,WAAA;AAAA,EAAA;AAEX,GAGMC,IAAoB,CAACF,MAAiB;AAE1C,QAAMG,IAAW;AAGjB,SAFcH,EAAK,MAAMG,CAAQ,EAEpB,IAAI,CAACC,GAAMC,MAClBN,EAAWK,CAAI,IACV,EAAE,MAAM,OAAO,SAASA,GAAM,KAAKC,EAAM,IAE3C,EAAE,MAAM,QAAQ,SAASD,GAAM,KAAKC,EAAM,CAClD;AACH,GAaaC,IAAaC;AAAA,EACxB,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,WAAAC,GAAW,aAAAC,GAAa,UAAAC,GAAU,cAAAC,GAAc,OAAAC,GAAO,GAAGC,EAAM,GAAGC,MAAQ;AAC3F,UAAMC,IAAkBC,EAAY,CAACC,GAAqBlB,MAAgB;AACxE,MAAAkB,EAAE,gBAAgB,GACX,OAAA,KAAKlB,GAAK,UAAU,qBAAqB;AAAA,IAClD,GAAG,EAAE;AAEL,QAAIS;AACF,mCACGU,GAAgB,EAAA,OAAAZ,GAAc,UAAAI,GAAoB,UAAUC,GAAc,MAAM,QAAQ;AAIvF,UAAAQ,KAAcZ,KAAA,gBAAAA,EAAQ,UAASD,GAC/Bc,IAAY,OAAOD,KAAgB,WAAWA,IAAc,OAAOA,KAAe,EAAE,GACpFE,IAAU,CAACd,KAAUa,EAAU,MAAM,oBAAoB,GAEzDE,IAAgB,MAChBD,IAEYrB,EAAkBoB,CAAS,EAC5B,IAAI,CAAClB,MACZA,EAAK,SAAS,QAEdqB,gBAAAA,EAAA;AAAA,MAAC3B;AAAA,MAAA;AAAA,QAEC,MAAMM,EAAK;AAAA,QACX,SAAS,CAACe,MAAMF,EAAgBE,GAAGf,EAAK,OAAO;AAAA,QAC/C,QAAO;AAAA,QACP,KAAI;AAAA,QAEH,UAAKA,EAAA;AAAA,MAAA;AAAA,MANDA,EAAK;AAAA,IAOZ,IAGGA,EAAK,OACb,IAGMkB;AAIX,WACGI,gBAAAA,EAAA,KAAA9B,GAAA,EAAqB,OAAO,EAAE,OAAOa,KAAA,gBAAAA,EAAQ,OAAO,GAAGK,EAAM,GAAI,GAAGC,GAAO,KAAAC,GACzE,UAAA;AAAA,OAAAP,KAAA,gBAAAA,EAAQ,SACPgB,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAMlB,EAAO;AAAA,UACb,OAAO;AAAA,YACL,OAAOA,EAAO;AAAA,UAAA;AAAA,QAChB;AAAA,MACF;AAAA,MAEDe,EAAc;AAAA,IAAA,GACjB;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"TextWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidget.tsx"],"sourcesContent":["import { forwardRef, useCallback } from 'react'\nimport Markdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport rehypeRaw from 'rehype-raw'\nimport { TextWidgetInput } from './TextWidgetInput'\nimport { WidgetBaseProps, EDIT_TRIGGER_CLASS } from './CellWidget'\nimport styled from 'styled-components'\nimport { AttributeData } from '../types'\nimport { AttributeEnumItem } from '@shared/api'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { parseHtmlToPlainTextWithLinks } from '@shared/util'\n\nconst StyledBaseTextWidget = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  display: flex;\n  gap: 4px;\n\n  &.markdown {\n    margin-top: 18px;\n    height: 40px;\n  }\n`\n\nconst StyledLink = styled.a`\n  color: var(--md-sys-color-primary, #0066cc);\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  \n  &:hover {\n    text-decoration: underline;\n  }\n`\n\n// Function to check if a string is a valid URL\nconst isValidUrl = (text: string): boolean => {\n  try {\n    const url = new URL(text.trim())\n    return url.protocol === 'http:' || url.protocol === 'https:'\n  } catch {\n    return false\n  }\n}\n\n// Function to parse text and extract URLs\nconst parseTextWithUrls = (text: string) => {\n  // Regex to match HTTP/HTTPS URLs\n  const urlRegex = /(https?:\\/\\/[^\\s<>\"]+[^\\s.,!?;:<>\\\")\\]])/gi;\n  const parts = text.split(urlRegex)\n\n  return parts.map((part, index) => {\n    if (isValidUrl(part)) {\n      return { type: 'url', content: part, key: index }\n    }\n    return { type: 'text', content: part, key: index }\n  })\n}\n\n// Function to check if content contains HTML tags\nconst containsHtml = (text: string): boolean => {\n  return /<[^>]*>/.test(text)\n}\n\n\ntype AttributeType = AttributeData['type']\nexport type TextWidgetType = Extract<AttributeType, 'string' | 'integer' | 'float'>\n\nexport interface TextWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: string\n  option?: AttributeEnumItem\n  isInherited?: boolean\n  type?: TextWidgetType\n  columnId?: string\n}\n\nexport const TextWidget = forwardRef<HTMLSpanElement, TextWidgetProps>(\n  ({ value, option, isEditing, isInherited, onChange, onCancelEdit, style, type, columnId, className, ...props }, ref) => {\n    const handleLinkClick = useCallback((e: React.MouseEvent, url: string) => {\n      e.stopPropagation()\n      window.open(url, '_blank', 'noopener,noreferrer')\n    }, [])\n\n    if (isEditing) {\n      return (\n        <TextWidgetInput value={value} onChange={onChange} onCancel={onCancelEdit} type={type || 'string'} />\n      )\n    }\n\n    const displayText = option?.label || value\n    const textValue = typeof displayText === 'string' ? displayText : String(displayText || '')\n    const isDescriptionColumn = columnId === 'attrib_description' || columnId === 'description'\n\n    const renderContent = () => {\n      // For description columns, keep markdown rendering\n      if (isDescriptionColumn) {\n        return (\n          <Markdown\n            remarkPlugins={[remarkGfm]}\n            rehypePlugins={[rehypeRaw]}\n            components={{\n              p: ({ children }) => <span>{children}</span>,\n              a: ({ href, children }) => (\n                <StyledLink\n                  href={href || '#'}\n                  onClick={(e) => href && handleLinkClick(e as unknown as React.MouseEvent, href)}\n                  onMouseDown={(e) => e.stopPropagation()}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {children}\n                </StyledLink>\n              ),\n            }}\n          >\n            {textValue}\n          </Markdown>\n        )\n      }\n\n      // Check if content contains HTML\n      if (containsHtml(textValue)) {\n        // Parse HTML to plain text with preserved links\n        const parts = parseHtmlToPlainTextWithLinks(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url' && part.href) {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.href}\n                onClick={(e) => handleLinkClick(e, part.href!)}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return <span key={part.key} style={{ whiteSpace: 'pre-line' }}>{part.content}</span>\n        })\n      }\n\n      // Check for URLs in plain text\n      const hasUrls = textValue.match(/(https?:\\/\\/\\S+)/gi)\n      if (hasUrls) {\n        // Text with URLs (handles both single URL and mixed content)\n        const parts = parseTextWithUrls(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url') {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.content}\n                onClick={(e) => handleLinkClick(e, part.content)}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return part.content\n        })\n      }\n\n      // Regular text\n      return textValue\n    }\n\n    const combinedClassName = clsx(className, EDIT_TRIGGER_CLASS, {\n      markdown: isDescriptionColumn,\n    })\n\n    return (\n      <StyledBaseTextWidget className={combinedClassName} style={{ color: option?.color, ...style }} {...props} ref={ref}>\n        {option?.icon && (\n          <Icon\n            icon={option.icon}\n            style={{\n              color: option.color,\n            }}\n          />\n        )}\n        {renderContent()}\n      </StyledBaseTextWidget>\n    )\n  },\n)"],"names":["StyledBaseTextWidget","styled","StyledLink","isValidUrl","text","url","parseTextWithUrls","urlRegex","part","index","containsHtml","TextWidget","forwardRef","value","option","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","className","props","ref","handleLinkClick","useCallback","e","jsx","TextWidgetInput","displayText","textValue","isDescriptionColumn","renderContent","Markdown","remarkGfm","rehypeRaw","children","href","parseHtmlToPlainTextWithLinks","combinedClassName","clsx","EDIT_TRIGGER_CLASS","jsxs","Icon"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../../../../_virtual/jsx-runtime.cjs.js"),r=require("react"),x=require("styled-components"),y=x.input`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),R=require("styled-components"),p=require("react-toastify"),T=R.input`
   z-index: 10;
   border: none;
   outline: none;
@@ -12,5 +12,5 @@
   background-color: transparent;
   width: 100%;
   box-sizing: border-box;
-`,b=r.forwardRef(({value:f,onChange:s,onCancel:n,autoFocus:o=!0,...c},h)=>{const[u,l]=r.useState(f),t=r.useRef(null),i=r.useRef(!1);r.useEffect(()=>{o&&t&&t.current&&(t.current.focus(),t.current.select())},[o]);const d=e=>{e.key==="Enter"?(e.preventDefault(),s(u,"Enter")):e.key==="Escape"&&(e.preventDefault(),e.stopPropagation(),i.current=!0,n==null||n())},p=e=>{var a;((a=e.relatedTarget)==null?void 0:a.tagName)!=="INPUT"&&(i.current||s(u,"Click"),i.current=!1)};return g.jsxRuntimeExports.jsx(y,{...c,ref:t,value:u,onChange:e=>l(e.target.value),onKeyDown:d,onBlur:p})});exports.TextWidgetInput=b;
+`,E=u.forwardRef(({value:f,onChange:d,onCancel:r,autoFocus:g=!0,type:n="string",...m},N)=>{const[l,b]=u.useState(f),a=u.useRef(null),o=u.useRef(!1),x=u.useRef(f),c=e=>{if(!e)return"";const t=e.trim();if(t==="")return n==="string"?"":null;switch(n){case"integer":const i=parseInt(t,10);return isNaN(i)?null:i;case"float":const s=parseFloat(t);return isNaN(s)?null:s;case"string":default:return e}},v=e=>{const t=x.current;if(n!=="string"){const i=e==null||e==="",s=t==null||t==="";if(i&&s)return!1;if(i!==s)return!0}return e!==t};u.useEffect(()=>{g&&a&&a.current&&(a.current.focus(),a.current.select())},[g]);const h=e=>{if(e.key==="Enter"){e.preventDefault();const t=c(l);if(!v(t)){r==null||r();return}if(n==="string"||t!==null)d(t,"Enter");else{const i=n==="integer"?"integer":"number";p.toast.error(`Invalid ${i} value. Please enter a valid ${i}.`),r==null||r()}}else e.key==="Escape"&&(e.preventDefault(),e.stopPropagation(),o.current=!0,r==null||r())},I=e=>{var t;if(((t=e.relatedTarget)==null?void 0:t.tagName)!=="INPUT"){if(!o.current){const i=c(l);if(!v(i)){r==null||r();return}if(n==="string"||i!==null)d(i,"Click");else{const s=n==="integer"?"integer":"number";p.toast.error(`Invalid ${s} value. Please enter a valid ${s}.`)}}o.current=!1}};return y.jsxRuntimeExports.jsx(T,{...m,ref:a,value:l,onChange:e=>b(e.target.value),onKeyDown:h,onBlur:I})});exports.TextWidgetInput=E;
 //# sourceMappingURL=TextWidgetInput.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextWidgetInput.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidgetInput.tsx"],"sourcesContent":["import { forwardRef, KeyboardEvent, useState, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { WidgetBaseProps } from './CellWidget'\n\ninterface TextWidgetInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {\n  value: string\n  onCancel?: () => void\n  onChange: WidgetBaseProps['onChange']\n  autoFocus?: boolean\n}\n\nconst StyledInput = styled.input`\n  z-index: 10;\n  border: none;\n  outline: none;\n  padding: 0;\n  padding-left: 1px;\n  margin: 0;\n  cursor: text;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  background-color: transparent;\n  width: 100%;\n  box-sizing: border-box;\n`\n\nexport const TextWidgetInput = forwardRef<HTMLInputElement, TextWidgetInputProps>(\n  ({ value: initialValue, onChange, onCancel, autoFocus = true, ...props }, _) => {\n    // Local state to manage input value\n    const [value, setValue] = useState(initialValue)\n    const inputRef = useRef<HTMLInputElement>(null)\n    const escapePressed = useRef(false)\n\n    // Set focus on the input when component mounts\n    useEffect(() => {\n      if (autoFocus && inputRef && inputRef.current) {\n        inputRef.current.focus()\n        // position cursor at the end of text\n        inputRef.current.select()\n      }\n    }, [autoFocus])\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter') {\n        e.preventDefault()\n        onChange(value, 'Enter')\n      } else if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        escapePressed.current = true\n        onCancel?.()\n      }\n    }\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (e.relatedTarget?.tagName === 'INPUT') {\n        return\n      }\n\n      if (!escapePressed.current) {\n        onChange(value, 'Click')\n      }\n\n      // Reset the flag\n      escapePressed.current = false\n    }\n\n    return (\n      <StyledInput\n        {...props}\n        ref={inputRef}\n        value={value}\n        onChange={(e) => setValue(e.target.value)}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n      />\n    )\n  },\n)\n"],"names":["StyledInput","styled","TextWidgetInput","forwardRef","initialValue","onChange","onCancel","autoFocus","props","_","value","setValue","useState","inputRef","useRef","escapePressed","useEffect","handleKeyDown","handleBlur","_a","jsx"],"mappings":"gMAYMA,EAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBdC,EAAkBC,EAAA,WAC7B,CAAC,CAAE,MAAOC,EAAc,SAAAC,EAAU,SAAAC,EAAU,UAAAC,EAAY,GAAM,GAAGC,CAAM,EAAGC,IAAM,CAE9E,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAASR,CAAY,EACzCS,EAAWC,SAAyB,IAAI,EACxCC,EAAgBD,SAAO,EAAK,EAGlCE,EAAAA,UAAU,IAAM,CACVT,GAAaM,GAAYA,EAAS,UACpCA,EAAS,QAAQ,MAAM,EAEvBA,EAAS,QAAQ,OAAO,EAC1B,EACC,CAACN,CAAS,CAAC,EAER,MAAAU,EAAiB,GAAuC,CACxD,EAAE,MAAQ,SACZ,EAAE,eAAe,EACjBZ,EAASK,EAAO,OAAO,GACd,EAAE,MAAQ,WACnB,EAAE,eAAe,EACjB,EAAE,gBAAgB,EAClBK,EAAc,QAAU,GACbT,GAAA,MAAAA,IAEf,EAEMY,EAAc,GAA0C,SACxDC,EAAA,EAAE,gBAAF,YAAAA,EAAiB,WAAY,UAI5BJ,EAAc,SACjBV,EAASK,EAAO,OAAO,EAIzBK,EAAc,QAAU,GAC1B,EAGE,OAAAK,EAAA,kBAAA,IAACpB,EAAA,CACE,GAAGQ,EACJ,IAAKK,EACL,MAAAH,EACA,SAAW,GAAMC,EAAS,EAAE,OAAO,KAAK,EACxC,UAAWM,EACX,OAAQC,CAAA,CACV,CAAA,CAGN"}
+{"version":3,"file":"TextWidgetInput.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidgetInput.tsx"],"sourcesContent":["import { forwardRef, KeyboardEvent, useState, useEffect, useRef } from 'react'\nimport styled from 'styled-components'\nimport { WidgetBaseProps } from './CellWidget'\nimport { TextWidgetType } from './TextWidget'\nimport { toast } from 'react-toastify'\n\ninterface TextWidgetInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {\n  value: string\n  onCancel?: () => void\n  onChange: WidgetBaseProps['onChange']\n  autoFocus?: boolean\n  type?: TextWidgetType\n}\n\nconst StyledInput = styled.input`\n  z-index: 10;\n  border: none;\n  outline: none;\n  padding: 0;\n  padding-left: 1px;\n  margin: 0;\n  cursor: text;\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  background-color: transparent;\n  width: 100%;\n  box-sizing: border-box;\n`\n\nexport const TextWidgetInput = forwardRef<HTMLInputElement, TextWidgetInputProps>(\n  ({ value: initialValue, onChange, onCancel, autoFocus = true, type = 'string', ...props }, _) => {\n    // Local state to manage input value\n    const [value, setValue] = useState(initialValue)\n    const inputRef = useRef<HTMLInputElement>(null)\n    const escapePressed = useRef(false)\n\n    const originalValue = useRef(initialValue)\n\n    // Helper function to validate and convert value based on type\n    const validateAndConvertValue = (inputValue?: string): any => {\n      if (!inputValue) return ''\n\n      const trimmedValue = inputValue.trim()\n\n      // Handle empty values\n      if (trimmedValue === '') {\n        return type === 'string' ? '' : null\n      }\n\n      switch (type) {\n        case 'integer':\n          const intValue = parseInt(trimmedValue, 10)\n          return isNaN(intValue) ? null : intValue\n        case 'float':\n          const floatValue = parseFloat(trimmedValue)\n          return isNaN(floatValue) ? null : floatValue\n        case 'string':\n        default:\n          return inputValue\n      }\n    }\n\n    // Helper function to check if the value has actually changed\n    const hasValueChanged = (newValue: any): boolean => {\n      const original = originalValue.current\n\n      // For non-string types, treat empty values (null, undefined, empty string) as equivalent\n      if (type !== 'string') {\n        const newIsEmpty = newValue === null || newValue === undefined || newValue === ''\n        const originalIsEmpty = original === null || original === undefined || original === ''\n\n        if (newIsEmpty && originalIsEmpty) {\n          return false\n        }\n\n        if (newIsEmpty !== originalIsEmpty) {\n          return true\n        }\n      }\n\n      return newValue !== original\n    }\n\n    // Set focus on the input when component mounts\n    useEffect(() => {\n      if (autoFocus && inputRef && inputRef.current) {\n        inputRef.current.focus()\n        // position cursor at the end of text\n        inputRef.current.select()\n      }\n    }, [autoFocus])\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter') {\n        e.preventDefault()\n        const validatedValue = validateAndConvertValue(value)\n\n        if (!hasValueChanged(validatedValue)) {\n          onCancel?.()\n          return\n        }\n\n        if (type === 'string' || validatedValue !== null) {\n          onChange(validatedValue, 'Enter')\n        } else {\n          const fieldTypeLabel = type === 'integer' ? 'integer' : 'number'\n          toast.error(`Invalid ${fieldTypeLabel} value. Please enter a valid ${fieldTypeLabel}.`)\n          onCancel?.()\n        }\n      } else if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        escapePressed.current = true\n        onCancel?.()\n      }\n    }\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (e.relatedTarget?.tagName === 'INPUT') {\n        return\n      }\n\n      if (!escapePressed.current) {\n        const validatedValue = validateAndConvertValue(value)\n\n        if (!hasValueChanged(validatedValue)) {\n          onCancel?.()\n          return\n        }\n\n        if (type === 'string' || validatedValue !== null) {\n          onChange(validatedValue, 'Click')\n        } else {\n          const fieldTypeLabel = type === 'integer' ? 'integer' : 'number'\n          toast.error(`Invalid ${fieldTypeLabel} value. Please enter a valid ${fieldTypeLabel}.`)\n        }\n      }\n\n      // Reset the flag\n      escapePressed.current = false\n    }\n\n    return (\n      <StyledInput\n        {...props}\n        ref={inputRef}\n        value={value}\n        onChange={(e) => setValue(e.target.value)}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n      />\n    )\n  },\n)\n"],"names":["StyledInput","styled","TextWidgetInput","forwardRef","initialValue","onChange","onCancel","autoFocus","type","props","_","value","setValue","useState","inputRef","useRef","escapePressed","originalValue","validateAndConvertValue","inputValue","trimmedValue","intValue","floatValue","hasValueChanged","newValue","original","newIsEmpty","originalIsEmpty","useEffect","handleKeyDown","validatedValue","fieldTypeLabel","toast","handleBlur","_a","jsx"],"mappings":"4NAeMA,EAAcC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBdC,EAAkBC,EAAA,WAC7B,CAAC,CAAE,MAAOC,EAAc,SAAAC,EAAU,SAAAC,EAAU,UAAAC,EAAY,GAAM,KAAAC,EAAO,SAAU,GAAGC,CAAA,EAASC,IAAM,CAE/F,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAST,CAAY,EACzCU,EAAWC,SAAyB,IAAI,EACxCC,EAAgBD,SAAO,EAAK,EAE5BE,EAAgBF,SAAOX,CAAY,EAGnCc,EAA2BC,GAA6B,CACxD,GAAA,CAACA,EAAmB,MAAA,GAElB,MAAAC,EAAeD,EAAW,KAAK,EAGrC,GAAIC,IAAiB,GACZ,OAAAZ,IAAS,SAAW,GAAK,KAGlC,OAAQA,EAAM,CACZ,IAAK,UACG,MAAAa,EAAW,SAASD,EAAc,EAAE,EACnC,OAAA,MAAMC,CAAQ,EAAI,KAAOA,EAClC,IAAK,QACG,MAAAC,EAAa,WAAWF,CAAY,EACnC,OAAA,MAAME,CAAU,EAAI,KAAOA,EACpC,IAAK,SACL,QACS,OAAAH,CAAA,CAEb,EAGMI,EAAmBC,GAA2B,CAClD,MAAMC,EAAWR,EAAc,QAG/B,GAAIT,IAAS,SAAU,CACrB,MAAMkB,EAAaF,GAAa,MAAkCA,IAAa,GACzEG,EAAkBF,GAAa,MAAkCA,IAAa,GAEpF,GAAIC,GAAcC,EACT,MAAA,GAGT,GAAID,IAAeC,EACV,MAAA,EACT,CAGF,OAAOH,IAAaC,CACtB,EAGAG,EAAAA,UAAU,IAAM,CACVrB,GAAaO,GAAYA,EAAS,UACpCA,EAAS,QAAQ,MAAM,EAEvBA,EAAS,QAAQ,OAAO,EAC1B,EACC,CAACP,CAAS,CAAC,EAER,MAAAsB,EAAiB,GAAuC,CACxD,GAAA,EAAE,MAAQ,QAAS,CACrB,EAAE,eAAe,EACX,MAAAC,EAAiBZ,EAAwBP,CAAK,EAEhD,GAAA,CAACY,EAAgBO,CAAc,EAAG,CACzBxB,GAAA,MAAAA,IACX,MAAA,CAGE,GAAAE,IAAS,UAAYsB,IAAmB,KAC1CzB,EAASyB,EAAgB,OAAO,MAC3B,CACC,MAAAC,EAAiBvB,IAAS,UAAY,UAAY,SACxDwB,EAAA,MAAM,MAAM,WAAWD,CAAc,gCAAgCA,CAAc,GAAG,EAC3EzB,GAAA,MAAAA,GAAA,CACb,MACS,EAAE,MAAQ,WACnB,EAAE,eAAe,EACjB,EAAE,gBAAgB,EAClBU,EAAc,QAAU,GACbV,GAAA,MAAAA,IAEf,EAEM2B,EAAc,GAA0C,OACxD,KAAAC,EAAA,EAAE,gBAAF,YAAAA,EAAiB,WAAY,QAI7B,IAAA,CAAClB,EAAc,QAAS,CACpB,MAAAc,EAAiBZ,EAAwBP,CAAK,EAEhD,GAAA,CAACY,EAAgBO,CAAc,EAAG,CACzBxB,GAAA,MAAAA,IACX,MAAA,CAGE,GAAAE,IAAS,UAAYsB,IAAmB,KAC1CzB,EAASyB,EAAgB,OAAO,MAC3B,CACC,MAAAC,EAAiBvB,IAAS,UAAY,UAAY,SACxDwB,EAAA,MAAM,MAAM,WAAWD,CAAc,gCAAgCA,CAAc,GAAG,CAAA,CACxF,CAIFf,EAAc,QAAU,GAC1B,EAGE,OAAAmB,EAAA,kBAAA,IAACnC,EAAA,CACE,GAAGS,EACJ,IAAKK,EACL,MAAAH,EACA,SAAW,GAAMC,EAAS,EAAE,OAAO,KAAK,EACxC,UAAWiB,EACX,OAAQI,CAAA,CACV,CAAA,CAGN"}