@ynput/ayon-frontend-shared 0.2.37 → 0.2.39

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 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  &.regular {\n    display: block;\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\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  (\n    {\n      value,\n      option,\n      isEditing,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      style,\n      type,\n      columnId,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleLinkClick = useCallback((e: React.MouseEvent, url: string) => {\n      window.open(url, '_blank', 'noopener,noreferrer')\n    }, [])\n\n    if (isEditing) {\n      return (\n        <TextWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          type={type || 'string'}\n        />\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    // does the content contain only regular text?\n    const isRegularText =\n      !isDescriptionColumn && !containsHtml(textValue) && !textValue.match(/(https?:\\/\\/\\S+)/gi)\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 (\n            <span key={part.key} style={{ whiteSpace: 'pre-line' }}>\n              {part.content}\n            </span>\n          )\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      regular: isRegularText,\n    })\n\n    return (\n      <StyledBaseTextWidget\n        className={combinedClassName}\n        style={{ color: option?.color, ...style }}\n        {...props}\n        ref={ref}\n      >\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","containsHtml","TextWidget","forwardRef","value","option","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","className","props","ref","handleLinkClick","useCallback","e","jsx","TextWidgetInput","displayText","textValue","isDescriptionColumn","isRegularText","renderContent","Markdown","remarkGfm","rehypeRaw","children","href","parseHtmlToPlainTextWithLinks","combinedClassName","clsx","EDIT_TRIGGER_CLASS","jsxs","Icon"],"mappings":"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"}
+{"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  &.regular {\n    display: block;\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\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  (\n    {\n      value,\n      option,\n      isEditing,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      style,\n      type,\n      columnId,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    if (isEditing) {\n      return (\n        <TextWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          type={type || 'string'}\n        />\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    // does the content contain only regular text?\n    const isRegularText =\n      !isDescriptionColumn && !containsHtml(textValue) && !textValue.match(/(https?:\\/\\/\\S+)/gi)\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                  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 (\n            <span key={part.key} style={{ whiteSpace: 'pre-line' }}>\n              {part.content}\n            </span>\n          )\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      regular: isRegularText,\n    })\n\n    return (\n      <StyledBaseTextWidget\n        className={combinedClassName}\n        style={{ color: option?.color, ...style }}\n        {...props}\n        ref={ref}\n      >\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","containsHtml","TextWidget","forwardRef","value","option","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","className","props","ref","jsx","TextWidgetInput","displayText","textValue","isDescriptionColumn","isRegularText","renderContent","Markdown","remarkGfm","rehypeRaw","children","href","e","parseHtmlToPlainTextWithLinks","combinedClassName","clsx","EDIT_TRIGGER_CLASS","jsxs","Icon"],"mappings":"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"}

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

@@ -1,19 +1,19 @@
-import { j as o } from "../../../../../_virtual/jsx-runtime.es.js";
-import { forwardRef as _, useCallback as P } from "react";
-import v from "react-markdown";
-import D from "remark-gfm";
-import { TextWidgetInput as L } from "./TextWidgetInput.es.js";
-import { EDIT_TRIGGER_CLASS as U } from "./CellWidget.es.js";
-import x from "styled-components";
-import { Icon as W } from "@ynput/ayon-react-components";
-import I from "clsx";
+import { j as n } from "../../../../../_virtual/jsx-runtime.es.js";
+import { forwardRef as S } from "react";
+import b from "react-markdown";
+import L from "remark-gfm";
+import { TextWidgetInput as P } from "./TextWidgetInput.es.js";
+import { EDIT_TRIGGER_CLASS as _ } from "./CellWidget.es.js";
+import d from "styled-components";
+import { Icon as v } from "@ynput/ayon-react-components";
+import D from "clsx";
 import "lodash";
 import "react-toastify";
 import "uuid";
-import { parseHtmlToPlainTextWithLinks as M } from "../../../util/parseHtmlToPlainTextWithLinks.es.js";
+import { parseHtmlToPlainTextWithLinks as U } from "../../../util/parseHtmlToPlainTextWithLinks.es.js";
 import "../../../util/pubsub.es.js";
-import E from "../../../../../node_modules/rehype-raw/lib/index.es.js";
-const G = x.span`
+import W from "../../../../../node_modules/rehype-raw/lib/index.es.js";
+const I = d.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -29,7 +29,7 @@ const G = x.span`
   &.regular {
     display: block;
   }
-`, f = x.a`
+`, m = d.a`
   color: var(--md-sys-color-primary, #0066cc);
   text-decoration: none;
   cursor: pointer;
@@ -40,55 +40,51 @@ const G = x.span`
   &:hover {
     text-decoration: underline;
   }
-`, H = (s) => {
+`, M = (o) => {
   try {
-    const r = new URL(s.trim());
+    const r = new URL(o.trim());
     return r.protocol === "http:" || r.protocol === "https:";
   } catch {
     return !1;
   }
-}, N = (s) => {
+}, E = (o) => {
   const r = /(https?:\/\/[^\s<>"]+[^\s.,!?;:<>\")\]])/gi;
-  return s.split(r).map((l, c) => H(l) ? { type: "url", content: l, key: c } : { type: "text", content: l, key: c });
-}, d = (s) => /<[^>]*>/.test(s), re = _(
+  return o.split(r).map((l, c) => M(l) ? { type: "url", content: l, key: c } : { type: "text", content: l, key: c });
+}, u = (o) => /<[^>]*>/.test(o), $ = S(
   ({
-    value: s,
+    value: o,
     option: r,
-    isEditing: u,
+    isEditing: f,
     isInherited: l,
     onChange: c,
-    onCancelEdit: y,
-    style: g,
-    type: k,
+    onCancelEdit: x,
+    style: y,
+    type: g,
     columnId: h,
-    className: w,
-    ...j
-  }, C) => {
-    const a = P((S, n) => {
-      window.open(n, "_blank", "noopener,noreferrer");
-    }, []);
-    if (u)
-      return /* @__PURE__ */ o.jsx(
-        L,
+    className: k,
+    ...w
+  }, j) => {
+    if (f)
+      return /* @__PURE__ */ n.jsx(
+        P,
         {
-          value: s,
+          value: o,
           onChange: c,
-          onCancel: y,
-          type: k || "string"
+          onCancel: x,
+          type: g || "string"
         }
       );
-    const p = (r == null ? void 0 : r.label) || s, i = typeof p == "string" ? p : String(p || ""), m = h === "attrib_description" || h === "description", T = !m && !d(i) && !i.match(/(https?:\/\/\S+)/gi), b = () => m ? /* @__PURE__ */ o.jsx(
-      v,
+    const a = (r == null ? void 0 : r.label) || o, s = typeof a == "string" ? a : String(a || ""), p = h === "attrib_description" || h === "description", T = !p && !u(s) && !s.match(/(https?:\/\/\S+)/gi), C = () => p ? /* @__PURE__ */ n.jsx(
+      b,
       {
-        remarkPlugins: [D],
-        rehypePlugins: [E],
+        remarkPlugins: [L],
+        rehypePlugins: [W],
         components: {
-          p: ({ children: n }) => /* @__PURE__ */ o.jsx("span", { children: n }),
-          a: ({ href: n, children: e }) => /* @__PURE__ */ o.jsx(
-            f,
+          p: ({ children: i }) => /* @__PURE__ */ n.jsx("span", { children: i }),
+          a: ({ href: i, children: e }) => /* @__PURE__ */ n.jsx(
+            m,
             {
-              href: n || "#",
-              onClick: (t) => n && a(t, n),
+              href: i || "#",
               onMouseDown: (t) => t.stopPropagation(),
               target: "_blank",
               rel: "noopener noreferrer",
@@ -96,44 +92,44 @@ const G = x.span`
             }
           )
         },
-        children: i
+        children: s
       }
-    ) : d(i) ? M(i).map((e) => e.type === "url" && e.href ? /* @__PURE__ */ o.jsx(
-      f,
+    ) : u(s) ? U(s).map((e) => e.type === "url" && e.href ? /* @__PURE__ */ n.jsx(
+      m,
       {
         href: e.href,
-        onClick: (t) => a(t, e.href),
+        onClick: (t) => handleLinkClick(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) ? N(i).map((e) => e.type === "url" ? /* @__PURE__ */ o.jsx(
-      f,
+    ) : /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "pre-line" }, children: e.content }, e.key)) : s.match(/(https?:\/\/\S+)/gi) ? E(s).map((e) => e.type === "url" ? /* @__PURE__ */ n.jsx(
+      m,
       {
         href: e.content,
-        onClick: (t) => a(t, e.content),
+        onClick: (t) => handleLinkClick(t, e.content),
         onMouseDown: (t) => t.stopPropagation(),
         target: "_blank",
         rel: "noopener noreferrer",
         children: e.content
       },
       e.key
-    ) : e.content) : i, R = I(w, U, {
-      markdown: m,
+    ) : e.content) : s, R = D(k, _, {
+      markdown: p,
       regular: T
     });
-    return /* @__PURE__ */ o.jsxs(
-      G,
+    return /* @__PURE__ */ n.jsxs(
+      I,
       {
         className: R,
-        style: { color: r == null ? void 0 : r.color, ...g },
-        ...j,
-        ref: C,
+        style: { color: r == null ? void 0 : r.color, ...y },
+        ...w,
+        ref: j,
         children: [
-          (r == null ? void 0 : r.icon) && /* @__PURE__ */ o.jsx(
-            W,
+          (r == null ? void 0 : r.icon) && /* @__PURE__ */ n.jsx(
+            v,
             {
               icon: r.icon,
               style: {
@@ -141,13 +137,13 @@ const G = x.span`
               }
             }
           ),
-          b()
+          C()
         ]
       }
     );
   }
 );
 export {
-  re as TextWidget
+  $ 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 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  &.regular {\n    display: block;\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\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  (\n    {\n      value,\n      option,\n      isEditing,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      style,\n      type,\n      columnId,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleLinkClick = useCallback((e: React.MouseEvent, url: string) => {\n      window.open(url, '_blank', 'noopener,noreferrer')\n    }, [])\n\n    if (isEditing) {\n      return (\n        <TextWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          type={type || 'string'}\n        />\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    // does the content contain only regular text?\n    const isRegularText =\n      !isDescriptionColumn && !containsHtml(textValue) && !textValue.match(/(https?:\\/\\/\\S+)/gi)\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 (\n            <span key={part.key} style={{ whiteSpace: 'pre-line' }}>\n              {part.content}\n            </span>\n          )\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      regular: isRegularText,\n    })\n\n    return (\n      <StyledBaseTextWidget\n        className={combinedClassName}\n        style={{ color: option?.color, ...style }}\n        {...props}\n        ref={ref}\n      >\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","containsHtml","TextWidget","forwardRef","value","option","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","className","props","ref","handleLinkClick","useCallback","e","jsx","TextWidgetInput","displayText","textValue","isDescriptionColumn","isRegularText","renderContent","Markdown","remarkGfm","rehypeRaw","children","href","parseHtmlToPlainTextWithLinks","combinedClassName","clsx","EDIT_TRIGGER_CLASS","jsxs","Icon"],"mappings":"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"}
+{"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  &.regular {\n    display: block;\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\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  (\n    {\n      value,\n      option,\n      isEditing,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      style,\n      type,\n      columnId,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    if (isEditing) {\n      return (\n        <TextWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          type={type || 'string'}\n        />\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    // does the content contain only regular text?\n    const isRegularText =\n      !isDescriptionColumn && !containsHtml(textValue) && !textValue.match(/(https?:\\/\\/\\S+)/gi)\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                  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 (\n            <span key={part.key} style={{ whiteSpace: 'pre-line' }}>\n              {part.content}\n            </span>\n          )\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      regular: isRegularText,\n    })\n\n    return (\n      <StyledBaseTextWidget\n        className={combinedClassName}\n        style={{ color: option?.color, ...style }}\n        {...props}\n        ref={ref}\n      >\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","containsHtml","TextWidget","forwardRef","value","option","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","className","props","ref","jsx","TextWidgetInput","displayText","textValue","isDescriptionColumn","isRegularText","renderContent","Markdown","remarkGfm","rehypeRaw","children","href","e","parseHtmlToPlainTextWithLinks","combinedClassName","clsx","EDIT_TRIGGER_CLASS","jsxs","Icon"],"mappings":"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"}

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

@@ -12,5 +12,5 @@
   background-color: transparent;
   width: 100%;
   box-sizing: border-box;
-`,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;
+`,E=u.forwardRef(({value:f,onChange:d,onCancel:r,autoFocus:g=!0,type:s="string",...b},N)=>{const[l,m]=u.useState(f),a=u.useRef(null),o=u.useRef(!1),x=u.useRef(f),c=e=>{const t=e!=null?String(e).trim():"";if(!e)return"";if(t==="")return s==="string"?"":null;switch(s){case"integer":const i=parseInt(t,10);return isNaN(i)?null:i;case"float":const n=parseFloat(t);return isNaN(n)?null:n;case"string":return t;default:return t}},v=e=>{const t=x.current;if(s!=="string"){const i=e==null||e==="",n=t==null||t==="";if(i&&n)return!1;if(i!==n)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(s==="string"||t!==null)d(t,"Enter");else{const i=s==="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(s==="string"||i!==null)d(i,"Click");else{const n=s==="integer"?"integer":"number";p.toast.error(`Invalid ${n} value. Please enter a valid ${n}.`)}}o.current=!1}};return y.jsxRuntimeExports.jsx(T,{...b,ref:a,value:l,onChange:e=>m(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'\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"}
+{"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      // convert inputValue to string for consistent processing\n      const inputStr =\n        inputValue !== undefined && inputValue !== null ? String(inputValue).trim() : ''\n      if (!inputValue) return ''\n\n      // Handle empty values\n      if (inputStr === '') {\n        return type === 'string' ? '' : null\n      }\n\n      switch (type) {\n        case 'integer':\n          const intValue = parseInt(inputStr, 10)\n          return isNaN(intValue) ? null : intValue\n        case 'float':\n          const floatValue = parseFloat(inputStr)\n          return isNaN(floatValue) ? null : floatValue\n        case 'string':\n          return inputStr\n        default:\n          return inputStr\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","inputStr","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,CAEtD,MAAAC,EACwBD,GAAe,KAAO,OAAOA,CAAU,EAAE,KAAA,EAAS,GAC5E,GAAA,CAACA,EAAmB,MAAA,GAGxB,GAAIC,IAAa,GACR,OAAAZ,IAAS,SAAW,GAAK,KAGlC,OAAQA,EAAM,CACZ,IAAK,UACG,MAAAa,EAAW,SAASD,EAAU,EAAE,EAC/B,OAAA,MAAMC,CAAQ,EAAI,KAAOA,EAClC,IAAK,QACG,MAAAC,EAAa,WAAWF,CAAQ,EAC/B,OAAA,MAAME,CAAU,EAAI,KAAOA,EACpC,IAAK,SACI,OAAAF,EACT,QACS,OAAAA,CAAA,CAEb,EAGMG,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"}

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

@@ -1,7 +1,7 @@
 import { j as E } from "../../../../../_virtual/jsx-runtime.es.js";
-import { forwardRef as N, useState as y, useRef as o, useEffect as P } from "react";
+import { forwardRef as N, useState as y, useRef as a, useEffect as P } from "react";
 import T from "styled-components";
-import { toast as p } from "react-toastify";
+import { toast as v } from "react-toastify";
 const k = T.input`
   z-index: 10;
   border: none;
@@ -16,79 +16,80 @@ const k = T.input`
   background-color: transparent;
   width: 100%;
   box-sizing: border-box;
-`, z = N(
-  ({ value: f, onChange: d, onCancel: e, autoFocus: g = !0, type: n = "string", ...v }, w) => {
-    const [a, h] = y(f), u = o(null), l = o(!1), x = o(f), c = (t) => {
-      if (!t) return "";
-      const r = t.trim();
-      if (r === "")
-        return n === "string" ? "" : null;
-      switch (n) {
+`, j = N(
+  ({ value: f, onChange: d, onCancel: e, autoFocus: g = !0, type: s = "string", ...m }, w) => {
+    const [l, h] = y(f), u = a(null), o = a(!1), x = a(f), c = (r) => {
+      const t = r != null ? String(r).trim() : "";
+      if (!r) return "";
+      if (t === "")
+        return s === "string" ? "" : null;
+      switch (s) {
         case "integer":
-          const i = parseInt(r, 10);
+          const i = parseInt(t, 10);
           return isNaN(i) ? null : i;
         case "float":
-          const s = parseFloat(r);
-          return isNaN(s) ? null : s;
+          const n = parseFloat(t);
+          return isNaN(n) ? null : n;
         case "string":
+          return t;
         default:
           return t;
       }
-    }, m = (t) => {
-      const r = x.current;
-      if (n !== "string") {
-        const i = t == null || t === "", s = r == null || r === "";
-        if (i && s)
+    }, p = (r) => {
+      const t = x.current;
+      if (s !== "string") {
+        const i = r == null || r === "", n = t == null || t === "";
+        if (i && n)
           return !1;
-        if (i !== s)
+        if (i !== n)
           return !0;
       }
-      return t !== r;
+      return r !== t;
     };
     P(() => {
       g && u && u.current && (u.current.focus(), u.current.select());
     }, [g]);
-    const b = (t) => {
-      if (t.key === "Enter") {
-        t.preventDefault();
-        const r = c(a);
-        if (!m(r)) {
+    const b = (r) => {
+      if (r.key === "Enter") {
+        r.preventDefault();
+        const t = c(l);
+        if (!p(t)) {
           e == null || e();
           return;
         }
-        if (n === "string" || r !== null)
-          d(r, "Enter");
+        if (s === "string" || t !== null)
+          d(t, "Enter");
         else {
-          const i = n === "integer" ? "integer" : "number";
-          p.error(`Invalid ${i} value. Please enter a valid ${i}.`), e == null || e();
+          const i = s === "integer" ? "integer" : "number";
+          v.error(`Invalid ${i} value. Please enter a valid ${i}.`), e == null || e();
         }
-      } else t.key === "Escape" && (t.preventDefault(), t.stopPropagation(), l.current = !0, e == null || e());
-    }, I = (t) => {
-      var r;
-      if (((r = t.relatedTarget) == null ? void 0 : r.tagName) !== "INPUT") {
-        if (!l.current) {
-          const i = c(a);
-          if (!m(i)) {
+      } else r.key === "Escape" && (r.preventDefault(), r.stopPropagation(), o.current = !0, e == null || e());
+    }, I = (r) => {
+      var t;
+      if (((t = r.relatedTarget) == null ? void 0 : t.tagName) !== "INPUT") {
+        if (!o.current) {
+          const i = c(l);
+          if (!p(i)) {
             e == null || e();
             return;
           }
-          if (n === "string" || i !== null)
+          if (s === "string" || i !== null)
             d(i, "Click");
           else {
-            const s = n === "integer" ? "integer" : "number";
-            p.error(`Invalid ${s} value. Please enter a valid ${s}.`);
+            const n = s === "integer" ? "integer" : "number";
+            v.error(`Invalid ${n} value. Please enter a valid ${n}.`);
           }
         }
-        l.current = !1;
+        o.current = !1;
       }
     };
     return /* @__PURE__ */ E.jsx(
       k,
       {
-        ...v,
+        ...m,
         ref: u,
-        value: a,
-        onChange: (t) => h(t.target.value),
+        value: l,
+        onChange: (r) => h(r.target.value),
         onKeyDown: b,
         onBlur: I
       }
@@ -96,6 +97,6 @@ const k = T.input`
   }
 );
 export {
-  z as TextWidgetInput
+  j as TextWidgetInput
 };
 //# sourceMappingURL=TextWidgetInput.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextWidgetInput.es.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","e","validatedValue","fieldTypeLabel","toast","handleBlur","_a","jsx"],"mappings":"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"}
+{"version":3,"file":"TextWidgetInput.es.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      // convert inputValue to string for consistent processing\n      const inputStr =\n        inputValue !== undefined && inputValue !== null ? String(inputValue).trim() : ''\n      if (!inputValue) return ''\n\n      // Handle empty values\n      if (inputStr === '') {\n        return type === 'string' ? '' : null\n      }\n\n      switch (type) {\n        case 'integer':\n          const intValue = parseInt(inputStr, 10)\n          return isNaN(intValue) ? null : intValue\n        case 'float':\n          const floatValue = parseFloat(inputStr)\n          return isNaN(floatValue) ? null : floatValue\n        case 'string':\n          return inputStr\n        default:\n          return inputStr\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","inputStr","intValue","floatValue","hasValueChanged","newValue","original","newIsEmpty","originalIsEmpty","useEffect","handleKeyDown","e","validatedValue","fieldTypeLabel","toast","handleBlur","_a","jsx"],"mappings":"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"}