npm - @ynput/ayon-frontend-shared - Versions diffs - 0.4.3 → 0.4.4 - Mend

@ynput/ayon-frontend-shared 0.4.3 → 0.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2100) hide show

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

@@ -1,124 +1,127 @@
-import { j as m } from "../../../../../_virtual/jsx-runtime.es.js";
-import { Dropdown as D } from "@ynput/ayon-react-components";
+import { j as f } from "../../../../../_virtual/jsx-runtime.es.js";
+import { Dropdown as I } from "@ynput/ayon-react-components";
 import v from "clsx";
-import { forwardRef as _, useRef as k, useState as C, useEffect as E } from "react";
-import I from "styled-components";
+import { forwardRef as _, useRef as k, useState as C, useEffect as b } from "react";
+import T from "styled-components";
 import { EnumCellValue as g } from "./EnumCellValue.es.js";
-import { wrapMode as T } from "./wrapMode.es.js";
-const U = I(D)`
+import { wrapMode as U } from "./wrapMode.es.js";
+import { getSelectableEnumItems as $ } from "../../../util/attributeEnum.es.js";
+const q = T(I)`
   height: 100%;
   width: 100%;
   /* the value template clips against the button, so it has to grow with the cell */
-  ${({ $multiSelect: f }) => f && T`
+  ${({ $multiSelect: p }) => p && U`
       .button {
         height: 100%;
       }
     `}
-`, J = _(
+`, X = _(
   ({
-    value: f,
-    isEditing: p,
-    options: o,
-    type: x,
-    autoOpen: S = !0,
+    value: p,
+    isEditing: h,
+    options: n,
+    type: S,
+    autoOpen: x = !0,
     isReadOnly: c,
     enableCustomValues: u,
-    onOpen: $,
-    onChange: N,
+    isLoadingOptions: N,
+    onOpen: B,
+    onChange: w,
     onCancelEdit: y,
-    onNext: q,
+    onNext: R,
     pt: l,
-    ...s
-  }, B) => {
-    const h = f.map((t) => t?.toString()).filter((t) => !!t);
-    let a = o.filter(
-      (t) => h.includes(t.value.toString())
+    ...r
+  }, V) => {
+    const m = p.map((t) => t?.toString()).filter((t) => !!t);
+    let a = n.filter(
+      (t) => m.includes(t.value.toString())
     );
     const O = [];
-    h.forEach((t) => {
-      if (!o.find((e) => e.value === t)) {
+    m.forEach((t) => {
+      if (!n.find((e) => e.value === t)) {
         const e = {
           label: t,
           value: t,
-          color: u ? "var(--md-sys-color-surface-container)" : "var(--md-sys-color-error)",
-          icon: u ? void 0 : "warning"
+          // options that are still loading cannot be validated against yet
+          color: u || N ? "var(--md-sys-color-surface-container)" : "var(--md-sys-color-error)",
+          icon: u || N ? void 0 : "warning"
         };
         a = [...a, e], O.push(e);
       }
     });
-    const M = a.length > 1, d = [...o, ...O], r = k(null), [w, j] = C(!1);
-    E(() => {
-      p && r.current && S ? (!r.current.isOpen && r.current?.open(), j(!0)) : j(!1);
-    }, [p, r.current, S]), E(() => {
-      if (w && !s.search && d.length < 20) {
-        const e = r.current?.getOptions()?.querySelector("li");
+    const M = a.length > 1, d = [...$(n, m), ...O], s = k(null), [E, j] = C(!1);
+    b(() => {
+      h && s.current && x ? (!s.current.isOpen && s.current?.open(), j(!0)) : j(!1);
+    }, [h, s.current, x]), b(() => {
+      if (E && !r.search && d.length < 20) {
+        const e = s.current?.getOptions()?.querySelector("li");
         e && (e.focus(), e.style.outline = "none");
       }
-    }, [w, s.search, d.length]);
-    const i = !!x?.includes("list"), b = (t) => {
-      let e = u ? t : t.filter((n) => o.find((A) => A.value === n));
-      x?.includes("list") || (e = Array.isArray(e) ? e[0] : e), N(e, "Click");
+    }, [E, r.search, d.length]);
+    const o = !!S?.includes("list"), A = (t) => {
+      let e = u ? t : t.filter((i) => n.find((D) => D.value === i));
+      S?.includes("list") || (e = Array.isArray(e) ? e[0] : e), w(e, "Click");
     };
-    return p ? /* @__PURE__ */ m.jsx(
-      U,
+    return h ? /* @__PURE__ */ f.jsx(
+      q,
       {
         options: d,
-        value: h,
-        ref: r,
-        valueTemplate: (t, e, n) => /* @__PURE__ */ m.jsx(
+        value: m,
+        ref: s,
+        valueTemplate: (t, e, i) => /* @__PURE__ */ f.jsx(
           g,
           {
             selectedOptions: a,
             hasMultipleValues: e.length > 1,
-            isOpen: n,
+            isOpen: i,
             isReadOnly: c,
-            isMultiSelect: i,
+            isMultiSelect: o,
             ...l?.template,
-            placeholder: s.placeholder,
+            placeholder: r.placeholder,
             className: v("enum-dropdown-value", l?.template?.className)
           }
         ),
-        itemTemplate: (t, e, n) => /* @__PURE__ */ m.jsx(
+        itemTemplate: (t, e, i) => /* @__PURE__ */ f.jsx(
           g,
           {
             selectedOptions: [t],
             hasMultipleValues: !1,
             isOpen: !1,
             isItem: !0,
-            isMultiSelect: i,
-            isSelected: n,
+            isMultiSelect: o,
+            isSelected: i,
             ...l?.template,
             className: v("enum-dropdown-item", l?.template?.className)
           }
         ),
         widthExpand: !0,
-        multiSelect: i,
+        multiSelect: o,
         disableOpen: c,
         disabled: c,
         sortBySelected: !0,
         searchOnNumber: 10,
-        ...s,
-        $multiSelect: i,
-        onChange: b,
+        ...r,
+        $multiSelect: o,
+        onChange: A,
         onClose: y,
         editable: u
       }
-    ) : /* @__PURE__ */ m.jsx(
+    ) : /* @__PURE__ */ f.jsx(
       g,
       {
         selectedOptions: a,
         hasMultipleValues: M,
-        isMultiSelect: i,
+        isMultiSelect: o,
         isReadOnly: c,
         ...l?.template,
-        placeholder: s.placeholder,
-        className: v("enum-value", l?.template?.className, s.className)
+        placeholder: r.placeholder,
+        className: v("enum-value", l?.template?.className, r.className)
       }
     );
   }
 );
 export {
-  J as EnumWidget
+  X as EnumWidget
 };
 //# sourceMappingURL=EnumWidget.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EnumWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EnumWidget.tsx"],"sourcesContent":["import { Dropdown, DropdownProps, DropdownRef } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, useEffect, useRef, useState } from 'react'\nimport styled from 'styled-components'\nimport type { WidgetBaseProps } from './CellWidget'\nimport { EnumCellValue, EnumTemplateProps } from './EnumCellValue'\nimport type { AttributeData, EnumItem } from '@shared/api'\nimport { wrapMode } from './wrapMode'\n\nconst StyledDropdown = styled(Dropdown)<{ $multiSelect?: boolean }>`\n height: 100%;\n width: 100%;\n\n /* the value template clips against the button, so it has to grow with the cell */\n ${({ $multiSelect }) =>\n $multiSelect &&\n wrapMode`\n .button {\n height: 100%;\n }\n `}\n`\n\nexport interface EnumWidgetProps\n extends Omit<DropdownProps, 'onChange' \| 'value' \| 'pt'>,\n WidgetBaseProps {\n value: (string \| number \| boolean)[]\n options: EnumItem[]\n type?: AttributeData['type']\n autoOpen?: boolean\n isReadOnly?: boolean\n enableCustomValues?: boolean\n pt?: {\n template?: Partial<EnumTemplateProps>\n }\n onOpen?: () => void\n onNext?: () => void\n}\n\nexport const EnumWidget = forwardRef<HTMLDivElement, EnumWidgetProps>(\n (\n {\n value,\n isEditing,\n options,\n type,\n autoOpen = true,\n isReadOnly,\n enableCustomValues,\n onOpen,\n onChange,\n onCancelEdit,\n onNext,\n pt,\n ...dropdownProps\n },\n _ref,\n ) => {\n // convert value to string array\n const valueAsStrings = value.map((v) => v?.toString()).filter((v) => !!v)\n let selectedOptions = options.filter((option) =>\n valueAsStrings.includes(option.value.toString()),\n )\n\n // Check if all values are present in options, if not, add a warning\n const invalidOptions: EnumItem[] = []\n valueAsStrings.forEach((val) => {\n if (!options.find((option) => option.value === val)) {\n const invalidOption = {\n label: val,\n value: val,\n color: enableCustomValues\n ? 'var(--md-sys-color-surface-container)'\n : 'var(--md-sys-color-error)',\n icon: enableCustomValues ? undefined : 'warning',\n }\n selectedOptions = [...selectedOptions, invalidOption]\n invalidOptions.push(invalidOption)\n }\n })\n const hasMultipleValues = selectedOptions.length > 1\n\n // Merge valid options with invalid options for the dropdown\n const allOptions = [...options, ...invalidOptions]\n\n const dropdownRef = useRef<DropdownRef>(null)\n\n const [dropdownOpen, setDropdownOpen] = useState(false)\n useEffect(() => {\n if (isEditing && dropdownRef.current && autoOpen) {\n !dropdownRef.current.isOpen && dropdownRef.current?.open()\n setDropdownOpen(true)\n } else {\n setDropdownOpen(false)\n }\n }, [isEditing, dropdownRef.current, autoOpen])\n\n // when the dropdown is open, focus the first item\n useEffect(() => {\n if (dropdownOpen && !dropdownProps.search && allOptions.length < 20) {\n const optionsUlEl = dropdownRef.current?.getOptions() as HTMLUListElement\n const firstItem = optionsUlEl?.querySelector('li')\n if (firstItem) {\n firstItem.focus()\n // set style of li to have no outline (no focus ring)\n firstItem.style.outline = 'none'\n }\n }\n }, [dropdownOpen, dropdownProps.search, allOptions.length])\n\n const isMultiSelect = !!type?.includes('list')\n\n const handleChange = (newValue: string[]) => {\n let filteredValue: string \| string[] = enableCustomValues\n ? newValue\n : newValue.filter((v) => options.find((o) => o.value === v))\n\n if (type?.includes('list')) {\n onChange(filteredValue, 'Click')\n } else {\n // check if the value is an array or a string and for arrays take the first value only\n filteredValue = Array.isArray(filteredValue) ? filteredValue[0] : filteredValue\n\n // take first value as the type is not list]\n onChange(filteredValue, 'Click')\n }\n }\n\n if (isEditing) {\n return (\n <StyledDropdown\n options={allOptions}\n value={valueAsStrings}\n ref={dropdownRef}\n valueTemplate={(_value, selected, isOpen) => (\n <EnumCellValue\n selectedOptions={selectedOptions}\n hasMultipleValues={selected.length > 1}\n isOpen={isOpen}\n isReadOnly={isReadOnly}\n isMultiSelect={isMultiSelect}\n {...pt?.template}\n placeholder={dropdownProps.placeholder}\n className={clsx('enum-dropdown-value', pt?.template?.className)}\n />\n )}\n itemTemplate={(option, _isActive, isSelected) => (\n <EnumCellValue\n selectedOptions={[option]}\n hasMultipleValues={false}\n isOpen={false}\n isItem\n isMultiSelect={isMultiSelect}\n isSelected={isSelected}\n {...pt?.template}\n className={clsx('enum-dropdown-item', pt?.template?.className)}\n />\n )}\n widthExpand\n multiSelect={isMultiSelect}\n disableOpen={isReadOnly}\n disabled={isReadOnly}\n sortBySelected\n searchOnNumber={10}\n {...dropdownProps}\n $multiSelect={isMultiSelect}\n onChange={handleChange}\n onClose={onCancelEdit}\n editable={enableCustomValues}\n />\n )\n }\n\n return (\n <EnumCellValue\n selectedOptions={selectedOptions}\n hasMultipleValues={hasMultipleValues}\n isMultiSelect={isMultiSelect}\n isReadOnly={isReadOnly}\n {...pt?.template}\n placeholder={dropdownProps.placeholder}\n className={clsx('enum-value', pt?.template?.className, dropdownProps.className)}\n />\n )\n },\n)\n"],"names":["StyledDropdown","styled","Dropdown","$multiSelect","wrapMode","EnumWidget","forwardRef","value","isEditing","options","type","autoOpen","isReadOnly","enableCustomValues","onOpen","onChange","onCancelEdit","onNext","pt","dropdownProps","_ref","valueAsStrings","v","selectedOptions","option","invalidOptions","val","invalidOption","hasMultipleValues","allOptions","dropdownRef","useRef","dropdownOpen","setDropdownOpen","useState","useEffect","firstItem","isMultiSelect","handleChange","newValue","filteredValue","o","jsx","_value","selected","isOpen","EnumCellValue","clsx","_isActive","isSelected"],"mappings":"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"}
1	+ {"version":3,"file":"EnumWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/EnumWidget.tsx"],"sourcesContent":["import { Dropdown, DropdownProps, DropdownRef } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, useEffect, useRef, useState } from 'react'\nimport styled from 'styled-components'\nimport type { WidgetBaseProps } from './CellWidget'\nimport { EnumCellValue, EnumTemplateProps } from './EnumCellValue'\nimport type { AttributeData, EnumItem } from '@shared/api'\nimport { wrapMode } from './wrapMode'\nimport { getSelectableEnumItems } from '@shared/util/attributeEnum'\n\nconst StyledDropdown = styled(Dropdown)<{ $multiSelect?: boolean }>`\n height: 100%;\n width: 100%;\n\n /* the value template clips against the button, so it has to grow with the cell */\n ${({ $multiSelect }) =>\n $multiSelect &&\n wrapMode`\n .button {\n height: 100%;\n }\n `}\n`\n\nexport interface EnumWidgetProps\n extends Omit<DropdownProps, 'onChange' \| 'value' \| 'pt'>,\n WidgetBaseProps {\n value: (string \| number \| boolean)[]\n options: EnumItem[]\n type?: AttributeData['type']\n autoOpen?: boolean\n isReadOnly?: boolean\n enableCustomValues?: boolean\n isLoadingOptions?: boolean\n pt?: {\n template?: Partial<EnumTemplateProps>\n }\n onOpen?: () => void\n onNext?: () => void\n}\n\nexport const EnumWidget = forwardRef<HTMLDivElement, EnumWidgetProps>(\n (\n {\n value,\n isEditing,\n options,\n type,\n autoOpen = true,\n isReadOnly,\n enableCustomValues,\n isLoadingOptions,\n onOpen,\n onChange,\n onCancelEdit,\n onNext,\n pt,\n ...dropdownProps\n },\n _ref,\n ) => {\n // convert value to string array\n const valueAsStrings = value.map((v) => v?.toString()).filter((v) => !!v)\n let selectedOptions = options.filter((option) =>\n valueAsStrings.includes(option.value.toString()),\n )\n\n // Check if all values are present in options, if not, add a warning\n const invalidOptions: EnumItem[] = []\n valueAsStrings.forEach((val) => {\n if (!options.find((option) => option.value === val)) {\n const invalidOption = {\n label: val,\n value: val,\n // options that are still loading cannot be validated against yet\n color:\n enableCustomValues \|\| isLoadingOptions\n ? 'var(--md-sys-color-surface-container)'\n : 'var(--md-sys-color-error)',\n icon: enableCustomValues \|\| isLoadingOptions ? undefined : 'warning',\n }\n selectedOptions = [...selectedOptions, invalidOption]\n invalidOptions.push(invalidOption)\n }\n })\n const hasMultipleValues = selectedOptions.length > 1\n\n // Merge valid options with invalid options for the dropdown\n const allOptions = [...getSelectableEnumItems(options, valueAsStrings), ...invalidOptions]\n\n const dropdownRef = useRef<DropdownRef>(null)\n\n const [dropdownOpen, setDropdownOpen] = useState(false)\n useEffect(() => {\n if (isEditing && dropdownRef.current && autoOpen) {\n !dropdownRef.current.isOpen && dropdownRef.current?.open()\n setDropdownOpen(true)\n } else {\n setDropdownOpen(false)\n }\n }, [isEditing, dropdownRef.current, autoOpen])\n\n // when the dropdown is open, focus the first item\n useEffect(() => {\n if (dropdownOpen && !dropdownProps.search && allOptions.length < 20) {\n const optionsUlEl = dropdownRef.current?.getOptions() as HTMLUListElement\n const firstItem = optionsUlEl?.querySelector('li')\n if (firstItem) {\n firstItem.focus()\n // set style of li to have no outline (no focus ring)\n firstItem.style.outline = 'none'\n }\n }\n }, [dropdownOpen, dropdownProps.search, allOptions.length])\n\n const isMultiSelect = !!type?.includes('list')\n\n const handleChange = (newValue: string[]) => {\n let filteredValue: string \| string[] = enableCustomValues\n ? newValue\n : newValue.filter((v) => options.find((o) => o.value === v))\n\n if (type?.includes('list')) {\n onChange(filteredValue, 'Click')\n } else {\n // check if the value is an array or a string and for arrays take the first value only\n filteredValue = Array.isArray(filteredValue) ? filteredValue[0] : filteredValue\n\n // take first value as the type is not list]\n onChange(filteredValue, 'Click')\n }\n }\n\n if (isEditing) {\n return (\n <StyledDropdown\n options={allOptions}\n value={valueAsStrings}\n ref={dropdownRef}\n valueTemplate={(_value, selected, isOpen) => (\n <EnumCellValue\n selectedOptions={selectedOptions}\n hasMultipleValues={selected.length > 1}\n isOpen={isOpen}\n isReadOnly={isReadOnly}\n isMultiSelect={isMultiSelect}\n {...pt?.template}\n placeholder={dropdownProps.placeholder}\n className={clsx('enum-dropdown-value', pt?.template?.className)}\n />\n )}\n itemTemplate={(option, _isActive, isSelected) => (\n <EnumCellValue\n selectedOptions={[option]}\n hasMultipleValues={false}\n isOpen={false}\n isItem\n isMultiSelect={isMultiSelect}\n isSelected={isSelected}\n {...pt?.template}\n className={clsx('enum-dropdown-item', pt?.template?.className)}\n />\n )}\n widthExpand\n multiSelect={isMultiSelect}\n disableOpen={isReadOnly}\n disabled={isReadOnly}\n sortBySelected\n searchOnNumber={10}\n {...dropdownProps}\n $multiSelect={isMultiSelect}\n onChange={handleChange}\n onClose={onCancelEdit}\n editable={enableCustomValues}\n />\n )\n }\n\n return (\n <EnumCellValue\n selectedOptions={selectedOptions}\n hasMultipleValues={hasMultipleValues}\n isMultiSelect={isMultiSelect}\n isReadOnly={isReadOnly}\n {...pt?.template}\n placeholder={dropdownProps.placeholder}\n className={clsx('enum-value', pt?.template?.className, dropdownProps.className)}\n />\n )\n },\n)\n"],"names":["StyledDropdown","styled","Dropdown","$multiSelect","wrapMode","EnumWidget","forwardRef","value","isEditing","options","type","autoOpen","isReadOnly","enableCustomValues","isLoadingOptions","onOpen","onChange","onCancelEdit","onNext","pt","dropdownProps","_ref","valueAsStrings","v","selectedOptions","option","invalidOptions","val","invalidOption","hasMultipleValues","allOptions","getSelectableEnumItems","dropdownRef","useRef","dropdownOpen","setDropdownOpen","useState","useEffect","firstItem","isMultiSelect","handleChange","newValue","filteredValue","o","jsx","_value","selected","isOpen","EnumCellValue","clsx","_isActive","isSelected"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),a=require("../../../components/LinksManager/CellEditingDialog.cjs.js"),m=require("../../../components/RenameForm/RenameForm.cjs.js");require("react-toastify");require("lodash");require("uuid");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/pubsub.cjs.js");require("clsx");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("react");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("@ynput/ayon-react-components");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("react-router-dom");require("../context/CellEditingContext.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("date-fns");require("short-uuid");require("../utils/columnIds.cjs.js");require("../buildTreeTableColumns.cjs.js");require("../context/SelectionCellsContext.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/ProjectTableContextInstance.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("../context/ClipboardContext.cjs.js");require("@tanstack/react-table");require("../context/SelectedRowsContext.cjs.js");require("../context/DetailsPanelEntityContext.cjs.js");;/* empty css                                      */require("../../ContextMenu/ContextMenuContext.cjs.js");require("../../../context/DeleteEntitiesContext.cjs.js");const l=require("../context/ProjectDataContext.cjs.js");require("../../../context/ProjectFoldersContextInstance.cjs.js");const x=({value:t,isEditing:i,cellId:u,valueData:e,onCancelEdit:q,entityType:n})=>{const{canWriteNamePermission:o,canWriteLabelPermission:s}=l.useProjectDataContext();return r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:i&&t&&r.jsxRuntimeExports.jsx(a.CellEditingDialog,{isEditing:i,anchorId:u,onClose:q,children:r.jsxRuntimeExports.jsx(m.RenameForm,{cellId:u,initialName:e?.name,initialLabel:e?.label,onClose:q,entityType:n,valueData:e,nameDisabled:o?e?.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."})})})};exports.NameWidget=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),a=require("../../../components/LinksManager/CellEditingDialog.cjs.js"),m=require("../../../components/RenameForm/RenameForm.cjs.js");require("react-toastify");require("lodash");require("uuid");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/searchTerms.cjs.js");require("../../../util/pubsub.cjs.js");require("clsx");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("react");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("@ynput/ayon-react-components");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("react-router-dom");require("../context/CellEditingContext.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("date-fns");require("../utils/columnIds.cjs.js");require("../buildTreeTableColumns.cjs.js");require("../context/SelectionCellsContext.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/ProjectTableContextInstance.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/enums.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/accessGroups/getAccessGroups.cjs.js");require("../../../api/queries/accessGroups/updateAccessGroups.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/enums/getEnums.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("../context/ClipboardContext.cjs.js");require("@tanstack/react-table");require("../context/SelectedRowsContext.cjs.js");require("../context/DetailsPanelEntityContext.cjs.js");;/* empty css                                      */require("../../ContextMenu/ContextMenuContext.cjs.js");require("../../../context/DeleteEntitiesContext.cjs.js");const l=require("../context/ProjectDataContext.cjs.js");require("../../Slicer/context/SlicerContextInstance.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../context/PowerpackContextInstance.cjs.js");require("../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../../context/ProjectFoldersContextInstance.cjs.js");const x=({value:t,isEditing:i,cellId:u,valueData:e,onCancelEdit:q,entityType:n})=>{const{canWriteNamePermission:o,canWriteLabelPermission:s}=l.useProjectDataContext();return r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:i&&t&&r.jsxRuntimeExports.jsx(a.CellEditingDialog,{isEditing:i,anchorId:u,onClose:q,children:r.jsxRuntimeExports.jsx(m.RenameForm,{cellId:u,initialName:e?.name,initialLabel:e?.label,onClose:q,entityType:n,valueData:e,nameDisabled:o?e?.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."})})})};exports.NameWidget=x;
 //# sourceMappingURL=NameWidget.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NameWidget.cjs.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 { RenameForm } from '@shared/components/RenameForm/RenameForm'\nimport type { NameWidgetData } from '@shared/components/RenameForm/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":"~~+iOAcO~~,MAAMA,EAAkC,CAAC,CAC9C,MAAAC,EACA,UAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,WAAAC,CACF,IAAM,CACJ,KAAM,CAAE,uBAAAC,EAAwB,wBAAAC,CAAA,EAA4BC,wBAAA,EAE5D,OACEC,EAAAA,kBAAAA,IAAAC,EAAAA,kBAAAA,SAAA,CACG,YAAaV,GACZS,EAAAA,kBAAAA,IAACE,EAAAA,mBAAkB,UAAAV,EAAsB,SAAUC,EAAQ,QAASE,EAClE,SAAAK,EAAAA,kBAAAA,IAACG,EAAAA,WAAA,CACC,OAAAV,EACA,YAAaC,GAAW,KACxB,aAAcA,GAAW,MACzB,QAASC,EACT,WAAAC,EACA,UAAAF,EACA,aACGG,EAEGH,GAAW,YACX,wCACA,GAHA,+CAKN,cACGI,EAA4E,GAAlD,+CAAkD,CAAA,EAGnF,CAAA,CAEJ,CAEJ"}
1	+ {"version":3,"file":"NameWidget.cjs.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 { RenameForm } from '@shared/components/RenameForm/RenameForm'\nimport type { NameWidgetData } from '@shared/components/RenameForm/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":"0oPAcO,MAAMA,EAAkC,CAAC,CAC9C,MAAAC,EACA,UAAAC,EACA,OAAAC,EACA,UAAAC,EACA,aAAAC,EACA,WAAAC,CACF,IAAM,CACJ,KAAM,CAAE,uBAAAC,EAAwB,wBAAAC,CAAA,EAA4BC,wBAAA,EAE5D,OACEC,EAAAA,kBAAAA,IAAAC,EAAAA,kBAAAA,SAAA,CACG,YAAaV,GACZS,EAAAA,kBAAAA,IAACE,EAAAA,mBAAkB,UAAAV,EAAsB,SAAUC,EAAQ,QAASE,EAClE,SAAAK,EAAAA,kBAAAA,IAACG,EAAAA,WAAA,CACC,OAAAV,EACA,YAAaC,GAAW,KACxB,aAAcA,GAAW,MACzB,QAASC,EACT,WAAAC,EACA,UAAAF,EACA,aACGG,EAEGH,GAAW,YACX,wCACA,GAHA,+CAKN,cACGI,EAA4E,GAAlD,+CAAkD,CAAA,EAGnF,CAAA,CAEJ,CAEJ"}

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

@@ -5,6 +5,7 @@ import "react-toastify";
 import "lodash";
 import "uuid";
 import "../../../api/queries/users/updateUsers.es.js";
+import "../../../util/searchTerms.es.js";
 import "../../../util/pubsub.es.js";
 import "clsx";
 import "../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
@@ -17,7 +18,6 @@ import "react-router-dom";
 import "../context/CellEditingContext.es.js";
 import "../../../components/SearchFilter/filterDates.es.js";
 import "date-fns";
-import "short-uuid";
 import "../utils/columnIds.es.js";
 import "../buildTreeTableColumns.es.js";
 import "../context/SelectionCellsContext.es.js";
@@ -40,6 +40,7 @@ import "../../../api/generated/configuration.es.js";
 import "../../../api/generated/dataImport.es.js";
 import "../../../api/generated/desktop.es.js";
 import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/enums.es.js";
 import "../../../api/generated/events.es.js";
 import "../../../api/generated/files.es.js";
 import "../../../api/generated/folders.es.js";
@@ -65,6 +66,8 @@ 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/accessGroups/getAccessGroups.es.js";
+import "../../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../../api/queries/actions/getActions.es.js";
 import "../../../api/queries/activities/getActivities.es.js";
 import "../../../api/queries/activities/updateReaction.es.js";
@@ -95,6 +98,7 @@ import "../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../api/queries/entityLists/listFolders.es.js";
+import "../../../api/queries/enums/getEnums.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
 import "../../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
@@ -129,8 +133,14 @@ import "../context/DetailsPanelEntityContext.es.js";
 import "../../ContextMenu/ContextMenuContext.es.js";
 import "../../../context/DeleteEntitiesContext.es.js";
 import { useProjectDataContext as d } from "../context/ProjectDataContext.es.js";
+import "../../Slicer/context/SlicerContextInstance.es.js";
+import "../../../context/RemoteModulesContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
+import "../../../context/PowerpackContextInstance.es.js";
+import "../../Slicer/components/SlicerDropdownFallback.es.js";
 import "../../../context/ProjectFoldersContextInstance.es.js";
-const Bi = ({
+const Si = ({
   value: p,
   isEditing: t,
   cellId: r,
@@ -154,6 +164,6 @@ const Bi = ({
   ) }) });
 };
 export {
-  Bi as NameWidget
+  Si as NameWidget
 };
 //# sourceMappingURL=NameWidget.es.js.map

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

	@@ -1 +1 @@
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 { RenameForm } from '@shared/components/RenameForm/RenameForm'\nimport type { NameWidgetData } from '@shared/components/RenameForm/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":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAcO,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,EAAA,IAA4BC,EAAA;AAE5D,SACEC,gBAAAA,EAAAA,IAAAC,EAAAA,UAAA,EACG,eAAaV,KACZS,gBAAAA,EAAAA,IAACE,KAAkB,WAAAV,GAAsB,UAAUC,GAAQ,SAASE,GAClE,UAAAK,gBAAAA,EAAAA;AAAAA,IAACG;AAAA,IAAA;AAAA,MACC,QAAAV;AAAA,MACA,aAAaC,GAAW;AAAA,MACxB,cAAcA,GAAW;AAAA,MACzB,SAASC;AAAA,MACT,YAAAC;AAAA,MACA,WAAAF;AAAA,MACA,cACGG,IAEGH,GAAW,cACX,0CACA,KAHA;AAAA,MAKN,eACGI,IAA4E,KAAlD;AAAA,IAAkD;AAAA,EAAA,GAGnF,EAAA,CAEJ;AAEJ;"}
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 { RenameForm } from '@shared/components/RenameForm/RenameForm'\nimport type { NameWidgetData } from '@shared/components/RenameForm/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,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,EAAA,IAA4BC,EAAA;AAE5D,SACEC,gBAAAA,EAAAA,IAAAC,EAAAA,UAAA,EACG,eAAaV,KACZS,gBAAAA,EAAAA,IAACE,KAAkB,WAAAV,GAAsB,UAAUC,GAAQ,SAASE,GAClE,UAAAK,gBAAAA,EAAAA;AAAAA,IAACG;AAAA,IAAA;AAAA,MACC,QAAAV;AAAA,MACA,aAAaC,GAAW;AAAA,MACxB,cAAcA,GAAW;AAAA,MACzB,SAASC;AAAA,MACT,YAAAC;AAAA,MACA,WAAAF;AAAA,MACA,cACGG,IAEGH,GAAW,cACX,0CACA,KAHA;AAAA,MAKN,eACGI,IAA4E,KAAlD;AAAA,IAAkD;AAAA,EAAA,GAGnF,EAAA,CAEJ;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),g=require("../../../components/Chips/Chips.cjs.js"),b=require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js"),j=require("../../../components/SubtasksManager/SubtasksManagerWrapper.cjs.js"),m=require("../../../components/LinksManager/CellEditingDialog.cjs.js"),S=require("react"),h=require("./CellWidget.cjs.js"),C=require("../../../components/LinksManager/LinksManager.styled.cjs.js"),k=require("../context/ProjectTableContext.cjs.js"),R=({value:t,isEditing:r,cellId:l,projectName:c,disabled:o,onChange:q,onCancelEdit:n})=>{const{SubtasksManager:a,useNavigate:u}=k.useProjectTableContext(),[d,x]=S.useState([]),i=t?.subtasks||[],p=i.map(s=>({label:s.label||s.name,tooltip:s.description||s.label||s.name,prefix:e.jsxRuntimeExports.jsx(b.DoneCheckbox,{checked:s.isDone,isReadOnly:!0,style:{fontSize:20}})}));return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(g.Chips,{values:p,pt:{chip:{className:h.EDIT_TRIGGER_CLASS}},disabled:o}),r&&t&&a&&e.jsxRuntimeExports.jsx(m.CellEditingDialog,{isEditing:r,anchorId:l,onClose:n,children:o?e.jsxRuntimeExports.jsx(C.Container,{style:{color:"var(--md-sys-color-outline)"},children:"Subtasks are disabled for this task"}):e.jsxRuntimeExports.jsx(j.SubtasksManagerWrapper,{projectName:c,taskId:t.taskId,folderId:t.folderId,subtasks:i,selectedSubtaskIds:d,onSelectSubtasks:x,onClose:n,SubtasksManager:a,useNavigate:u,style:{padding:"var(--padding-m)",backgroundColor:"var(--md-sys-color-surface-container-high)",borderRadius:"var(--border-radius-l)"}})})]})};exports.SubtasksWidget=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),m=require("../../../components/Chips/Chips.cjs.js"),b=require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js"),h=require("../../../components/SubtasksManager/SubtasksManagerWrapper.cjs.js"),j=require("../../../components/LinksManager/CellEditingDialog.cjs.js"),S=require("react"),k=require("./CellWidget.cjs.js"),C=require("../../../components/LinksManager/LinksManager.styled.cjs.js"),R=require("../context/ProjectTableContext.cjs.js"),q=({value:t,isEditing:r,cellId:c,projectName:l,disabled:o,onChange:y,onCancelEdit:n})=>{const{SubtasksManager:a,useNavigate:d,dispatch:u}=R.useProjectTableContext(),[x,p]=S.useState([]),i=t?.subtasks||[],g=i.map(s=>({label:s.label||s.name,tooltip:s.description||s.label||s.name,prefix:e.jsxRuntimeExports.jsx(b.DoneCheckbox,{checked:s.isDone,isReadOnly:!0,style:{fontSize:20}})}));return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(m.Chips,{values:g,pt:{chip:{className:k.EDIT_TRIGGER_CLASS}},disabled:o}),r&&t&&a&&e.jsxRuntimeExports.jsx(j.CellEditingDialog,{isEditing:r,anchorId:c,onClose:n,children:o?e.jsxRuntimeExports.jsx(C.Container,{style:{color:"var(--md-sys-color-outline)"},children:"Subtasks are disabled for this task"}):e.jsxRuntimeExports.jsx(h.SubtasksManagerWrapper,{projectName:l,taskId:t.taskId,taskName:t.taskName,folderId:t.folderId,subtasks:i,selectedSubtaskIds:x,onSelectSubtasks:p,onClose:n,SubtasksManager:a,useNavigate:d,dispatch:u,style:{padding:"var(--padding-m)",backgroundColor:"var(--md-sys-color-surface-container-high)",borderRadius:"var(--border-radius-l)"}})})]})};exports.SubtasksWidget=q;
 //# sourceMappingURL=SubtasksWidget.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SubtasksWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/SubtasksWidget.tsx"],"sourcesContent":["import { Chips } from '@shared/components/Chips/Chips'\nimport type { ChipValue } from '@shared/components/Chips/Chips'\nimport { DoneCheckbox } from '@shared/components/DoneCheckbox/DoneCheckbox'\nimport { SubtasksManagerWrapper } from '@shared/components/SubtasksManager/SubtasksManagerWrapper'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC, useState } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { Container } from '@shared/components/LinksManager/LinksManager.styled'\nimport type { SubTaskNode } from '@shared/api'\nimport { useProjectTableContext } from '../context/ProjectTableContext'\n\nexport type SubtasksWidgetData = {\n taskId: string\n folderId?: string\n subtasks: SubTaskNode[]\n}\n\nexport interface SubtasksWidgetProps extends WidgetBaseProps {\n value?: SubtasksWidgetData\n projectName: string\n cellId: string\n disabled?: boolean\n}\n\nexport const SubtasksWidget: FC<SubtasksWidgetProps> = ({\n value,\n isEditing,\n cellId,\n projectName,\n disabled,\n onChange: _onChange,\n onCancelEdit,\n}) => {\n const { SubtasksManager, useNavigate } = useProjectTableContext()\n const [selectedSubtaskIds, setSelectedSubtaskIds] = useState<string[]>([])\n\n const subtasks = value?.subtasks \|\| []\n\n // Create chip values from subtasks\n const chipValues: ChipValue[] = subtasks.map((subtask) => ({\n label: subtask.label \|\| subtask.name,\n tooltip: subtask.description \|\| subtask.label \|\| subtask.name,\n prefix: <DoneCheckbox checked={subtask.isDone} isReadOnly style={{ fontSize: 20 }} />,\n }))\n\n return (\n <>\n <Chips\n values={chipValues}\n pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n disabled={disabled}\n />\n {isEditing && value && SubtasksManager && (\n <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n {disabled ? (\n <Container style={{ color: 'var(--md-sys-color-outline)' }}>\n Subtasks are disabled for this task\n </Container>\n ) : (\n <SubtasksManagerWrapper\n projectName={projectName}\n taskId={value.taskId}\n folderId={value.folderId}\n subtasks={subtasks}\n selectedSubtaskIds={selectedSubtaskIds}\n onSelectSubtasks={setSelectedSubtaskIds}\n onClose={onCancelEdit}\n SubtasksManager={SubtasksManager}\n useNavigate={useNavigate!}\n style={{\n padding: 'var(--padding-m)',\n backgroundColor: 'var(--md-sys-color-surface-container-high)',\n borderRadius: 'var(--border-radius-l)',\n }}\n />\n )}\n </CellEditingDialog>\n )}\n </>\n )\n}\n"],"names":["SubtasksWidget","value","isEditing","cellId","projectName","disabled","_onChange","onCancelEdit","SubtasksManager","useNavigate","useProjectTableContext","selectedSubtaskIds","setSelectedSubtaskIds","useState","subtasks","chipValues","subtask","jsx","DoneCheckbox","jsxs","Fragment","Chips","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","SubtasksManagerWrapper"],"mappings":"~~0kBAwBaA~~,EAA0C,CAAC,CACtD,MAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,SAAAC,EACA,SAAUC,EACV,aAAAC,CACF,IAAM,CACJ,KAAM,CAAE,gBAAAC,EAAiB,YAAAC,CAAA,~~EAAgBC~~,~~yBAAA~~,~~EACnC~~,CAACC,EAAoBC,CAAqB,EAAIC,EAAAA,SAAmB,CAAA,CAAE,EAEnEC,~~EAAWb~~,GAAO,UAAY,CAAA,~~EAG9Bc~~,EAA0BD,EAAS,IAAKE,IAAa,CACzD,MAAOA,EAAQ,OAASA,EAAQ,KAChC,QAASA,EAAQ,aAAeA,EAAQ,OAASA,EAAQ,KACzD,OAAQC,EAAAA,kBAAAA,IAACC,EAAAA,aAAA,CAAa,QAASF,EAAQ,OAAQ,WAAU,GAAC,MAAO,CAAE,SAAU,EAAA,CAAG,CAAG,CAAA,EACnF,EAEF,OACEG,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAH,EAAAA,kBAAAA,IAACI,EAAAA,MAAA,CACC,OAAQN,EACR,GAAI,CAAE,KAAM,CAAE,UAAWO,EAAAA,mBAAmB,EAC5C,~~SAAAjB~~,CAAA,CAAA,EAEDH,GAAaD,GAASO,~~2BACpBe~~,EAAAA,kBAAA,CAAkB,~~UAAArB~~,EAAsB,SAAUC,EAAQ,QAASI,EACjE,SAAAF,~~EACCY~~,wBAACO,EAAAA,WAAU,MAAO,CAAE,MAAO,6BAAA,EAAiC,+CAE5D,EAEAP,EAAAA,kBAAAA,IAACQ,EAAAA,uBAAA,CACC,~~YAAArB~~,EACA,OAAQH,EAAM,OACd,SAAUA,EAAM,SAChB,~~SAAAa~~,EACA,mBAAAH,EACA,iBAAkBC,EAClB,~~QAASL~~,EACT,gBAAAC,EACA,YAAAC,EACA,MAAO,CACL,QAAS,mBACT,gBAAiB,6CACjB,aAAc,wBAAA,CAChB,CAAA,CACF,CAEJ,CAAA,EAEJ,CAEJ"}
1	+ {"version":3,"file":"SubtasksWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/SubtasksWidget.tsx"],"sourcesContent":["import { Chips } from '@shared/components/Chips/Chips'\nimport type { ChipValue } from '@shared/components/Chips/Chips'\nimport { DoneCheckbox } from '@shared/components/DoneCheckbox/DoneCheckbox'\nimport { SubtasksManagerWrapper } from '@shared/components/SubtasksManager/SubtasksManagerWrapper'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC, useState } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { Container } from '@shared/components/LinksManager/LinksManager.styled'\nimport type { SubTaskNode } from '@shared/api'\nimport { useProjectTableContext } from '../context/ProjectTableContext'\n\nexport type SubtasksWidgetData = {\n taskId: string\n taskName: string\n folderId?: string\n subtasks: SubTaskNode[]\n}\n\nexport interface SubtasksWidgetProps extends WidgetBaseProps {\n value?: SubtasksWidgetData\n projectName: string\n cellId: string\n disabled?: boolean\n}\n\nexport const SubtasksWidget: FC<SubtasksWidgetProps> = ({\n value,\n isEditing,\n cellId,\n projectName,\n disabled,\n onChange: _onChange,\n onCancelEdit,\n}) => {\n const { SubtasksManager, useNavigate, dispatch } = useProjectTableContext()\n const [selectedSubtaskIds, setSelectedSubtaskIds] = useState<string[]>([])\n\n const subtasks = value?.subtasks \|\| []\n\n // Create chip values from subtasks\n const chipValues: ChipValue[] = subtasks.map((subtask) => ({\n label: subtask.label \|\| subtask.name,\n tooltip: subtask.description \|\| subtask.label \|\| subtask.name,\n prefix: <DoneCheckbox checked={subtask.isDone} isReadOnly style={{ fontSize: 20 }} />,\n }))\n\n return (\n <>\n <Chips\n values={chipValues}\n pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n disabled={disabled}\n />\n {isEditing && value && SubtasksManager && (\n <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n {disabled ? (\n <Container style={{ color: 'var(--md-sys-color-outline)' }}>\n Subtasks are disabled for this task\n </Container>\n ) : (\n <SubtasksManagerWrapper\n projectName={projectName}\n taskId={value.taskId}\n taskName={value.taskName}\n folderId={value.folderId}\n subtasks={subtasks}\n selectedSubtaskIds={selectedSubtaskIds}\n onSelectSubtasks={setSelectedSubtaskIds}\n onClose={onCancelEdit}\n SubtasksManager={SubtasksManager}\n useNavigate={useNavigate!}\n dispatch={dispatch}\n style={{\n padding: 'var(--padding-m)',\n backgroundColor: 'var(--md-sys-color-surface-container-high)',\n borderRadius: 'var(--border-radius-l)',\n }}\n />\n )}\n </CellEditingDialog>\n )}\n </>\n )\n}\n"],"names":["SubtasksWidget","value","isEditing","cellId","projectName","disabled","_onChange","onCancelEdit","SubtasksManager","useNavigate","dispatch","useProjectTableContext","selectedSubtaskIds","setSelectedSubtaskIds","useState","subtasks","chipValues","subtask","jsx","DoneCheckbox","jsxs","Fragment","Chips","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","SubtasksManagerWrapper"],"mappings":"0kBAyBaA,EAA0C,CAAC,CACtD,MAAAC,EACA,UAAAC,EACA,OAAAC,EACA,YAAAC,EACA,SAAAC,EACA,SAAUC,EACV,aAAAC,CACF,IAAM,CACJ,KAAM,CAAE,gBAAAC,EAAiB,YAAAC,EAAa,SAAAC,CAAA,EAAaC,EAAAA,uBAAA,EAC7C,CAACC,EAAoBC,CAAqB,EAAIC,EAAAA,SAAmB,CAAA,CAAE,EAEnEC,EAAWd,GAAO,UAAY,CAAA,EAG9Be,EAA0BD,EAAS,IAAKE,IAAa,CACzD,MAAOA,EAAQ,OAASA,EAAQ,KAChC,QAASA,EAAQ,aAAeA,EAAQ,OAASA,EAAQ,KACzD,OAAQC,EAAAA,kBAAAA,IAACC,EAAAA,aAAA,CAAa,QAASF,EAAQ,OAAQ,WAAU,GAAC,MAAO,CAAE,SAAU,EAAA,CAAG,CAAG,CAAA,EACnF,EAEF,OACEG,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAH,EAAAA,kBAAAA,IAACI,EAAAA,MAAA,CACC,OAAQN,EACR,GAAI,CAAE,KAAM,CAAE,UAAWO,EAAAA,mBAAmB,EAC5C,SAAAlB,CAAA,CAAA,EAEDH,GAAaD,GAASO,2BACpBgB,EAAAA,kBAAA,CAAkB,UAAAtB,EAAsB,SAAUC,EAAQ,QAASI,EACjE,SAAAF,EACCa,wBAACO,EAAAA,WAAU,MAAO,CAAE,MAAO,6BAAA,EAAiC,+CAE5D,EAEAP,EAAAA,kBAAAA,IAACQ,EAAAA,uBAAA,CACC,YAAAtB,EACA,OAAQH,EAAM,OACd,SAAUA,EAAM,SAChB,SAAUA,EAAM,SAChB,SAAAc,EACA,mBAAAH,EACA,iBAAkBC,EAClB,QAASN,EACT,gBAAAC,EACA,YAAAC,EACA,SAAAC,EACA,MAAO,CACL,QAAS,mBACT,gBAAiB,6CACjB,aAAc,wBAAA,CAChB,CAAA,CACF,CAEJ,CAAA,EAEJ,CAEJ"}

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

@@ -1,47 +1,49 @@
 import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
-import { Chips as h } from "../../../components/Chips/Chips.es.js";
-import { DoneCheckbox as u } from "../../../components/DoneCheckbox/DoneCheckbox.es.js";
-import { SubtasksManagerWrapper as S } from "../../../components/SubtasksManager/SubtasksManagerWrapper.es.js";
-import { CellEditingDialog as b } from "../../../components/LinksManager/CellEditingDialog.es.js";
-import { useState as g } from "react";
+import { Chips as u } from "../../../components/Chips/Chips.es.js";
+import { DoneCheckbox as S } from "../../../components/DoneCheckbox/DoneCheckbox.es.js";
+import { SubtasksManagerWrapper as b } from "../../../components/SubtasksManager/SubtasksManagerWrapper.es.js";
+import { CellEditingDialog as g } from "../../../components/LinksManager/CellEditingDialog.es.js";
+import { useState as k } from "react";
 import { EDIT_TRIGGER_CLASS as x } from "./CellWidget.es.js";
-import { Container as k } from "../../../components/LinksManager/LinksManager.styled.es.js";
-import { useProjectTableContext as C } from "../context/ProjectTableContext.es.js";
+import { Container as C } from "../../../components/LinksManager/LinksManager.styled.es.js";
+import { useProjectTableContext as j } from "../context/ProjectTableContext.es.js";
 const M = ({
   value: r,
   isEditing: s,
-  cellId: l,
-  projectName: d,
+  cellId: d,
+  projectName: l,
   disabled: t,
-  onChange: j,
+  onChange: I,
   onCancelEdit: a
 }) => {
-  const { SubtasksManager: n, useNavigate: m } = C(), [c, p] = g([]), i = r?.subtasks || [], f = i.map((o) => ({
+  const { SubtasksManager: n, useNavigate: m, dispatch: c } = j(), [p, f] = k([]), i = r?.subtasks || [], h = i.map((o) => ({
     label: o.label || o.name,
     tooltip: o.description || o.label || o.name,
-    prefix: /* @__PURE__ */ e.jsx(u, { checked: o.isDone, isReadOnly: !0, style: { fontSize: 20 } })
+    prefix: /* @__PURE__ */ e.jsx(S, { checked: o.isDone, isReadOnly: !0, style: { fontSize: 20 } })
   }));
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      h,
+      u,
       {
-        values: f,
+        values: h,
         pt: { chip: { className: x } },
         disabled: t
       }
     ),
-    s && r && n && /* @__PURE__ */ e.jsx(b, { isEditing: s, anchorId: l, onClose: a, children: t ? /* @__PURE__ */ e.jsx(k, { style: { color: "var(--md-sys-color-outline)" }, children: "Subtasks are disabled for this task" }) : /* @__PURE__ */ e.jsx(
-      S,
+    s && r && n && /* @__PURE__ */ e.jsx(g, { isEditing: s, anchorId: d, onClose: a, children: t ? /* @__PURE__ */ e.jsx(C, { style: { color: "var(--md-sys-color-outline)" }, children: "Subtasks are disabled for this task" }) : /* @__PURE__ */ e.jsx(
+      b,
       {
-        projectName: d,
+        projectName: l,
         taskId: r.taskId,
+        taskName: r.taskName,
         folderId: r.folderId,
         subtasks: i,
-        selectedSubtaskIds: c,
-        onSelectSubtasks: p,
+        selectedSubtaskIds: p,
+        onSelectSubtasks: f,
         onClose: a,
         SubtasksManager: n,
         useNavigate: m,
+        dispatch: c,
         style: {
           padding: "var(--padding-m)",
           backgroundColor: "var(--md-sys-color-surface-container-high)",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SubtasksWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/SubtasksWidget.tsx"],"sourcesContent":["import { Chips } from '@shared/components/Chips/Chips'\nimport type { ChipValue } from '@shared/components/Chips/Chips'\nimport { DoneCheckbox } from '@shared/components/DoneCheckbox/DoneCheckbox'\nimport { SubtasksManagerWrapper } from '@shared/components/SubtasksManager/SubtasksManagerWrapper'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC, useState } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { Container } from '@shared/components/LinksManager/LinksManager.styled'\nimport type { SubTaskNode } from '@shared/api'\nimport { useProjectTableContext } from '../context/ProjectTableContext'\n\nexport type SubtasksWidgetData = {\n taskId: string\n folderId?: string\n subtasks: SubTaskNode[]\n}\n\nexport interface SubtasksWidgetProps extends WidgetBaseProps {\n value?: SubtasksWidgetData\n projectName: string\n cellId: string\n disabled?: boolean\n}\n\nexport const SubtasksWidget: FC<SubtasksWidgetProps> = ({\n value,\n isEditing,\n cellId,\n projectName,\n disabled,\n onChange: _onChange,\n onCancelEdit,\n}) => {\n const { SubtasksManager, useNavigate } = useProjectTableContext()\n const [selectedSubtaskIds, setSelectedSubtaskIds] = useState<string[]>([])\n\n const subtasks = value?.subtasks \|\| []\n\n // Create chip values from subtasks\n const chipValues: ChipValue[] = subtasks.map((subtask) => ({\n label: subtask.label \|\| subtask.name,\n tooltip: subtask.description \|\| subtask.label \|\| subtask.name,\n prefix: <DoneCheckbox checked={subtask.isDone} isReadOnly style={{ fontSize: 20 }} />,\n }))\n\n return (\n <>\n <Chips\n values={chipValues}\n pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n disabled={disabled}\n />\n {isEditing && value && SubtasksManager && (\n <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n {disabled ? (\n <Container style={{ color: 'var(--md-sys-color-outline)' }}>\n Subtasks are disabled for this task\n </Container>\n ) : (\n <SubtasksManagerWrapper\n projectName={projectName}\n taskId={value.taskId}\n folderId={value.folderId}\n subtasks={subtasks}\n selectedSubtaskIds={selectedSubtaskIds}\n onSelectSubtasks={setSelectedSubtaskIds}\n onClose={onCancelEdit}\n SubtasksManager={SubtasksManager}\n useNavigate={useNavigate!}\n style={{\n padding: 'var(--padding-m)',\n backgroundColor: 'var(--md-sys-color-surface-container-high)',\n borderRadius: 'var(--border-radius-l)',\n }}\n />\n )}\n </CellEditingDialog>\n )}\n </>\n )\n}\n"],"names":["SubtasksWidget","value","isEditing","cellId","projectName","disabled","_onChange","onCancelEdit","SubtasksManager","useNavigate","useProjectTableContext","selectedSubtaskIds","setSelectedSubtaskIds","useState","subtasks","chipValues","subtask","jsx","DoneCheckbox","jsxs","Fragment","Chips","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","SubtasksManagerWrapper"],"mappings":";;;;;;;;;~~AAwBO~~,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAUC;AAAA,EACV,cAAAC;AACF,MAAM;AACJ,QAAM,EAAE,iBAAAC,GAAiB,aAAAC,EAAA,~~IAAgBC~~,EAAA,~~GACnC~~,CAACC,GAAoBC,CAAqB,IAAIC,EAAmB,CAAA,CAAE,GAEnEC,~~IAAWb~~,GAAO,YAAY,CAAA,~~GAG9Bc~~,IAA0BD,EAAS,IAAI,CAACE,OAAa;AAAA,IACzD,OAAOA,EAAQ,SAASA,EAAQ;AAAA,IAChC,SAASA,EAAQ,eAAeA,EAAQ,SAASA,EAAQ;AAAA,IACzD,QAAQC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,SAASF,EAAQ,QAAQ,YAAU,IAAC,OAAO,EAAE,UAAU,GAAA,EAAG,CAAG;AAAA,EAAA,EACnF;AAEF,SACEG,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAH,gBAAAA,EAAAA;AAAAA,MAACI;AAAA,MAAA;AAAA,QACC,QAAQN;AAAA,QACR,IAAI,EAAE,MAAM,EAAE,WAAWO,IAAmB;AAAA,QAC5C,~~UAAAjB~~;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDH,KAAaD,KAASO,~~2BACpBe~~,GAAA,EAAkB,~~WAAArB~~,GAAsB,UAAUC,GAAQ,SAASI,GACjE,UAAAF,~~IACCY~~,gBAAAA,MAACO,KAAU,OAAO,EAAE,OAAO,8BAAA,GAAiC,iDAE5D,IAEAP,gBAAAA,EAAAA;AAAAA,MAACQ;AAAA,MAAA;AAAA,QACC,~~aAAArB~~;AAAA,QACA,QAAQH,EAAM;AAAA,QACd,UAAUA,EAAM;AAAA,QAChB,~~UAAAa~~;AAAA,QACA,oBAAAH;AAAA,QACA,kBAAkBC;AAAA,QAClB,~~SAASL~~;AAAA,QACT,iBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,OAAO;AAAA,UACL,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA,EACF,CAEJ;AAAA,EAAA,GAEJ;AAEJ;"}
1	+ {"version":3,"file":"SubtasksWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/SubtasksWidget.tsx"],"sourcesContent":["import { Chips } from '@shared/components/Chips/Chips'\nimport type { ChipValue } from '@shared/components/Chips/Chips'\nimport { DoneCheckbox } from '@shared/components/DoneCheckbox/DoneCheckbox'\nimport { SubtasksManagerWrapper } from '@shared/components/SubtasksManager/SubtasksManagerWrapper'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC, useState } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { Container } from '@shared/components/LinksManager/LinksManager.styled'\nimport type { SubTaskNode } from '@shared/api'\nimport { useProjectTableContext } from '../context/ProjectTableContext'\n\nexport type SubtasksWidgetData = {\n taskId: string\n taskName: string\n folderId?: string\n subtasks: SubTaskNode[]\n}\n\nexport interface SubtasksWidgetProps extends WidgetBaseProps {\n value?: SubtasksWidgetData\n projectName: string\n cellId: string\n disabled?: boolean\n}\n\nexport const SubtasksWidget: FC<SubtasksWidgetProps> = ({\n value,\n isEditing,\n cellId,\n projectName,\n disabled,\n onChange: _onChange,\n onCancelEdit,\n}) => {\n const { SubtasksManager, useNavigate, dispatch } = useProjectTableContext()\n const [selectedSubtaskIds, setSelectedSubtaskIds] = useState<string[]>([])\n\n const subtasks = value?.subtasks \|\| []\n\n // Create chip values from subtasks\n const chipValues: ChipValue[] = subtasks.map((subtask) => ({\n label: subtask.label \|\| subtask.name,\n tooltip: subtask.description \|\| subtask.label \|\| subtask.name,\n prefix: <DoneCheckbox checked={subtask.isDone} isReadOnly style={{ fontSize: 20 }} />,\n }))\n\n return (\n <>\n <Chips\n values={chipValues}\n pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n disabled={disabled}\n />\n {isEditing && value && SubtasksManager && (\n <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n {disabled ? (\n <Container style={{ color: 'var(--md-sys-color-outline)' }}>\n Subtasks are disabled for this task\n </Container>\n ) : (\n <SubtasksManagerWrapper\n projectName={projectName}\n taskId={value.taskId}\n taskName={value.taskName}\n folderId={value.folderId}\n subtasks={subtasks}\n selectedSubtaskIds={selectedSubtaskIds}\n onSelectSubtasks={setSelectedSubtaskIds}\n onClose={onCancelEdit}\n SubtasksManager={SubtasksManager}\n useNavigate={useNavigate!}\n dispatch={dispatch}\n style={{\n padding: 'var(--padding-m)',\n backgroundColor: 'var(--md-sys-color-surface-container-high)',\n borderRadius: 'var(--border-radius-l)',\n }}\n />\n )}\n </CellEditingDialog>\n )}\n </>\n )\n}\n"],"names":["SubtasksWidget","value","isEditing","cellId","projectName","disabled","_onChange","onCancelEdit","SubtasksManager","useNavigate","dispatch","useProjectTableContext","selectedSubtaskIds","setSelectedSubtaskIds","useState","subtasks","chipValues","subtask","jsx","DoneCheckbox","jsxs","Fragment","Chips","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","SubtasksManagerWrapper"],"mappings":";;;;;;;;;AAyBO,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAUC;AAAA,EACV,cAAAC;AACF,MAAM;AACJ,QAAM,EAAE,iBAAAC,GAAiB,aAAAC,GAAa,UAAAC,EAAA,IAAaC,EAAA,GAC7C,CAACC,GAAoBC,CAAqB,IAAIC,EAAmB,CAAA,CAAE,GAEnEC,IAAWd,GAAO,YAAY,CAAA,GAG9Be,IAA0BD,EAAS,IAAI,CAACE,OAAa;AAAA,IACzD,OAAOA,EAAQ,SAASA,EAAQ;AAAA,IAChC,SAASA,EAAQ,eAAeA,EAAQ,SAASA,EAAQ;AAAA,IACzD,QAAQC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,SAASF,EAAQ,QAAQ,YAAU,IAAC,OAAO,EAAE,UAAU,GAAA,EAAG,CAAG;AAAA,EAAA,EACnF;AAEF,SACEG,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAH,gBAAAA,EAAAA;AAAAA,MAACI;AAAA,MAAA;AAAA,QACC,QAAQN;AAAA,QACR,IAAI,EAAE,MAAM,EAAE,WAAWO,IAAmB;AAAA,QAC5C,UAAAlB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDH,KAAaD,KAASO,2BACpBgB,GAAA,EAAkB,WAAAtB,GAAsB,UAAUC,GAAQ,SAASI,GACjE,UAAAF,IACCa,gBAAAA,MAACO,KAAU,OAAO,EAAE,OAAO,8BAAA,GAAiC,iDAE5D,IAEAP,gBAAAA,EAAAA;AAAAA,MAACQ;AAAA,MAAA;AAAA,QACC,aAAAtB;AAAA,QACA,QAAQH,EAAM;AAAA,QACd,UAAUA,EAAM;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,UAAAc;AAAA,QACA,oBAAAH;AAAA,QACA,kBAAkBC;AAAA,QAClB,SAASN;AAAA,QACT,iBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,UAAAC;AAAA,QACA,OAAO;AAAA,UACL,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA,EACF,CAEJ;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -39,5 +39,5 @@
   overflow: auto;
 `,ee=R.div`
   display: none;
-`,te=({value:d,isEditing:a,cellId:q,onChange:k,onCancelEdit:l,variant:S="edit",onPreviewClick:F,allowMarkdown:V=!0,valueType:m="string",draftValue:w,onEditingDraftChange:b,onDismissWithoutSave:re,onPreviewMouseEnter:H,onPreviewMouseLeave:A})=>{const D=n.useRef(w!=null),[h,p]=n.useState(w??""),[I,P]=n.useState(w??""),c=n.useRef(null),j=n.useRef(null),o=S==="preview",s=V,M=n.useRef(null),x=n.useRef(!1),L=n.useRef(null),u=typeof d=="string"?d:d==null?"":String(d),g=n.useRef(u);n.useEffect(()=>{g.current=u},[u]);const T=n.useCallback(e=>{p(e),b?.(e)},[b]);n.useEffect(()=>{if(D.current){D.current=!1;return}if(!a&&!o)return;if(!s){p(u);return}if(!u.trim()){P(""),p("");return}if(!j.current)return;const e=j.current.innerHTML;P(e),p(e)},[a,o,u,s]),n.useEffect(()=>{if(o||!a){x.current=!1;return}if(s){if(x.current)return;const e=c.current?.getEditor();if(!e)return;requestAnimationFrame(()=>{const r=e.getLength(),t=Math.max(r-1,0);e.focus(),e.setSelection(t,0)});return}x.current||requestAnimationFrame(()=>{const e=M.current;if(!e)return;e.focus();const r=e.value.length;e.setSelectionRange(r,r),x.current=!0})},[a,o,I,s]);const K=n.useCallback(e=>{const r=e.trim();if(m==="string")return{value:e};if(r==="")return{value:null};if(m==="integer"){const t=parseInt(r,10);return Number.isNaN(t)?{value:null,error:"Invalid integer value. Please enter a valid integer."}:{value:t}}if(m==="float"){const t=parseFloat(r);return Number.isNaN(t)?{value:null,error:"Invalid number value. Please enter a valid number."}:{value:t}}return{value:e}},[m]),E=n.useCallback((e="Click")=>{if(!s){const{value:v,error:y}=K(h);if(y){J.toast.error(y);return}if(e!=="Enter"&&(v===g.current||String(v??"")===g.current)){l?.();return}k?.(v,e);return}if(!c.current)return;const t=c.current.getEditor().root.innerHTML,[f]=B.convertToMarkdown(t);if(e!=="Enter"&&f.trim()===g.current.trim()){l?.();return}k?.(f,e)},[K,h,s,k,l,b]),N=n.useRef(E);N.current=E;const C=n.useRef(l);C.current=l,n.useEffect(()=>{if(o||!s)return;const e=L.current;if(!e)return;const r=t=>{if(t.key==="Escape"){t.preventDefault(),t.stopPropagation(),C.current?.();return}if(t.key==="Enter"&&!t.shiftKey){t.preventDefault(),t.stopPropagation(),N.current("Enter");return}};return e.addEventListener("keydown",r,!0),()=>e.removeEventListener("keydown",r,!0)},[o,s]);const O=n.useCallback(e=>{if(o||!s||!c.current)return;const r=c.current.getEditor();if(e.ctrlKey||e.metaKey){const t=e.key.toLowerCase(),f=r.getFormat();if(!new Set(["d","o","l","h"]).has(t))return;switch(e.preventDefault(),t){case"d":r.format("code-block",!r.getFormat()["code-block"]);return;case"o":r.format("list",f.list==="ordered"?!1:"ordered");return;case"l":r.format("list",f.list==="bullet"?!1:"bullet");return;case"h":const y=f.header===2;r.format("header",y?!1:2);break}}},[o,s]),W=i.jsxRuntimeExports.jsx(X,{ref:L,className:o?"preview":"editing",onKeyDown:O,onMouseDown:e=>{e.stopPropagation()},onMouseEnter:()=>{o&&H?.()},onMouseLeave:()=>{o&&A?.()},children:i.jsxRuntimeExports.jsx(_.StyledEditor,{onMouseDown:e=>{e.stopPropagation()},onClick:e=>{if(e.stopPropagation(),o){e.target.closest("a")||F?.();return}},children:i.jsxRuntimeExports.jsx(G.QuillListStyles,{children:s?i.jsxRuntimeExports.jsx(z,{ref:c,theme:"snow",value:h,modules:{toolbar:!1},readOnly:o,onChange:T,className:"block-shortcuts"},`text-editor-${S}-${a}`):o?i.jsxRuntimeExports.jsx(Z,{children:u}):i.jsxRuntimeExports.jsx(Y,{ref:M,value:h,onChange:e=>T(e.target.value),onKeyDown:e=>{if(e.key==="Escape"){e.preventDefault(),l?.();return}if(e.key==="Enter"&&!e.shiftKey){e.preventDefault(),E("Enter");return}},spellCheck:!1})})})});return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[s&&i.jsxRuntimeExports.jsx(ee,{className:"markdown-content","data-cell-id":q,ref:j,style:{display:"none"},children:i.jsxRuntimeExports.jsx(n.Suspense,{fallback:null,children:i.jsxRuntimeExports.jsx($.default,{typeOptions:U.mentionTypeOptions,initValue:u})})}),(a||o)&&i.jsxRuntimeExports.jsx(Q.CellEditingDialog,{isEditing:!!(a||o),anchorId:q,onClose:l,matchAnchorWidth:!0,children:W})]})};exports.TextContentWidget=te;
+`,te=({value:d,isEditing:a,cellId:q,onChange:k,onCancelEdit:l,variant:S="edit",onPreviewClick:F,allowMarkdown:V=!0,valueType:m="string",draftValue:w,onEditingDraftChange:b,onDismissWithoutSave:re,onPreviewMouseEnter:H,onPreviewMouseLeave:A})=>{const D=n.useRef(w!=null),[h,p]=n.useState(w??""),[I,P]=n.useState(w??""),c=n.useRef(null),j=n.useRef(null),o=S==="preview",s=V,M=n.useRef(null),x=n.useRef(!1),L=n.useRef(null),u=typeof d=="string"?d:d==null?"":String(d),g=n.useRef(u);n.useEffect(()=>{g.current=u},[u]);const T=n.useCallback(e=>{p(e),b?.(e)},[b]);n.useEffect(()=>{if(D.current){D.current=!1;return}if(!a&&!o)return;if(!s){p(u);return}if(!u.trim()){P(""),p("");return}if(!j.current)return;const e=j.current.innerHTML;P(e),p(e)},[a,o,u,s]),n.useEffect(()=>{if(o||!a){x.current=!1;return}if(s){if(x.current)return;const e=c.current?.getEditor();if(!e)return;requestAnimationFrame(()=>{const r=e.getLength(),t=Math.max(r-1,0);e.focus(),e.setSelection(t,0)});return}x.current||requestAnimationFrame(()=>{const e=M.current;if(!e)return;e.focus();const r=e.value.length;e.setSelectionRange(r,r),x.current=!0})},[a,o,I,s]);const K=n.useCallback(e=>{const r=e.trim();if(m==="string")return{value:e};if(r==="")return{value:null};if(m==="integer"){const t=parseInt(r,10);return Number.isNaN(t)?{value:null,error:"Invalid integer value. Please enter a valid integer."}:{value:t}}if(m==="float"){const t=parseFloat(r);return Number.isNaN(t)?{value:null,error:"Invalid number value. Please enter a valid number."}:{value:t}}return{value:e}},[m]),E=n.useCallback((e="Click")=>{if(!s){const{value:v,error:y}=K(h);if(y){J.toast.error(y);return}if(e!=="Enter"&&(v===g.current||String(v??"")===g.current)){l?.();return}k?.(v,e);return}if(!c.current)return;const t=c.current.getEditor().root.innerHTML,[f]=B.convertToMarkdown(t);if(e!=="Enter"&&f.trim()===g.current.trim()){l?.();return}k?.(f,e)},[K,h,s,k,l,b]),N=n.useRef(E);N.current=E;const C=n.useRef(l);C.current=l,n.useEffect(()=>{if(o||!s)return;const e=L.current;if(!e)return;const r=t=>{if(t.key==="Escape"){t.preventDefault(),t.stopPropagation(),C.current?.();return}if(t.key==="Enter"&&!t.shiftKey){t.preventDefault(),t.stopPropagation(),N.current("Enter");return}};return e.addEventListener("keydown",r,!0),()=>e.removeEventListener("keydown",r,!0)},[o,s]);const O=n.useCallback(e=>{if(o||!s||!c.current)return;const r=c.current.getEditor();if(e.ctrlKey||e.metaKey){const t=e.key.toLowerCase(),f=r.getFormat();if(!new Set(["d","o","l","h"]).has(t))return;switch(e.preventDefault(),t){case"d":r.format("code-block",!r.getFormat()["code-block"]);return;case"o":r.format("list",f.list==="ordered"?!1:"ordered");return;case"l":r.format("list",f.list==="bullet"?!1:"bullet");return;case"h":const y=f.header===2;r.format("header",y?!1:2);break}}},[o,s]),W=i.jsxRuntimeExports.jsx(X,{ref:L,className:o?"preview":"editing",onKeyDown:O,onMouseDown:e=>{e.stopPropagation()},onMouseEnter:()=>{o&&H?.()},onMouseLeave:()=>{o&&A?.()},children:i.jsxRuntimeExports.jsx(_.StyledEditor,{onMouseDown:e=>{e.stopPropagation()},onClick:e=>{if(e.stopPropagation(),o){!!e.target.closest("a")||F?.();return}},children:i.jsxRuntimeExports.jsx(G.QuillListStyles,{children:s?i.jsxRuntimeExports.jsx(z,{ref:c,theme:"snow",value:h,modules:{toolbar:!1},readOnly:o,onChange:T,className:"block-shortcuts"},`text-editor-${S}-${a}`):o?i.jsxRuntimeExports.jsx(Z,{children:u}):i.jsxRuntimeExports.jsx(Y,{ref:M,value:h,onChange:e=>T(e.target.value),onKeyDown:e=>{if(e.key==="Escape"){e.preventDefault(),l?.();return}if(e.key==="Enter"&&!e.shiftKey){e.preventDefault(),E("Enter");return}},spellCheck:!1})})})});return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[s&&i.jsxRuntimeExports.jsx(ee,{className:"markdown-content","data-cell-id":q,ref:j,style:{display:"none"},children:i.jsxRuntimeExports.jsx(n.Suspense,{fallback:null,children:i.jsxRuntimeExports.jsx($.default,{typeOptions:U.mentionTypeOptions,initValue:u})})}),(a||o)&&i.jsxRuntimeExports.jsx(Q.CellEditingDialog,{isEditing:!!(a||o),anchorId:q,onClose:l,matchAnchorWidth:!0,children:W})]})};exports.TextContentWidget=te;
 //# sourceMappingURL=TextContentWidget.cjs.js.map