@ynput/ayon-frontend-shared 0.3.51 → 0.3.52

package/dist/shared/src/components/SearchFilter/useDateRangeFilter.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDateRangeFilter.es.js","sources":["../../../../../src/components/SearchFilter/useDateRangeFilter.ts"],"sourcesContent":["import { useRef, useState } from 'react'\nimport { Filter, SearchFilterRef } from '@ynput/ayon-react-components'\nimport { CUSTOM_RANGE_ID, CUSTOM_RANGE_ICON, detectRelativeDatePattern } from './filterDates'\nimport { startOfDay, endOfDay, format, parse } from 'date-fns'\n\nexport type DateRangeOption = {\n  id: string\n  label: string\n  type?: string\n  icon?: string | null\n}\n\nexport type UseDateRangeFilterReturn = {\n  // Dialog state\n  customRangeFilterId: string | null\n  customStartDate: string\n  customEndDate: string\n  setCustomStartDate: (v: string) => void\n  setCustomEndDate: (v: string) => void\n\n  /** Open the custom date range dialog for a given filter id. */\n  openCustomRangeForFilter: (filterId: string, localFilters: Filter[]) => void\n  /** Wrap around your own onChange: tracks new datetime filters and strips CUSTOM_RANGE_ID placeholders. */\n  wrapFilterChange: (\n    newFilters: Filter[],\n    localFilters: Filter[],\n    next: (cleaned: Filter[]) => void,\n  ) => void\n  /** Pass to pt.searchBar.onClickCapture to intercept datetime chip clicks. */\n  handleSearchBarClickCapture: (e: React.MouseEvent<HTMLDivElement>, localFilters: Filter[]) => void\n  /** Pass to pt.dropdown.pt.item.onClick to intercept \"Custom range…\" list item. */\n  handleDropdownItemClick: (\n    event: React.MouseEvent,\n    localFilters: Filter[],\n    options: DateRangeOption[],\n  ) => boolean\n  /** Call when the Dialog's Confirm button is clicked. */\n  handleCustomRangeApply: (\n    localFilters: Filter[],\n    options: DateRangeOption[],\n    onCommit: (updatedFilters: Filter[]) => void,\n    searchFilterRef: React.RefObject<SearchFilterRef>,\n  ) => void\n  /** Call on Dialog close. */\n  handleCustomRangeClose: () => void\n}\n\n/**\n * Encapsulates all custom date-range picker logic shared between SearchFilter wrappers.\n *\n * Usage:\n *   const dateRange = useDateRangeFilter()\n *   // wire dateRange.wrapFilterChange into your onChange\n *   // wire dateRange.handleSearchBarClickCapture / handleDropdownItemClick into pt\n *   // render <CustomDateRangeDialog {...dateRange} options={options} onApply={...} />\n */\nexport const useDateRangeFilter = (): UseDateRangeFilterReturn => {\n  const [customRangeFilterId, setCustomRangeFilterId] = useState<string | null>(null)\n  const [customStartDate, setCustomStartDate] = useState('')\n  const [customEndDate, setCustomEndDate] = useState('')\n\n  // Tracks the most recently activated datetime filter id\n  const activeDatetimeFilterRef = useRef<string | null>(null)\n\n  const openCustomRangeForFilter = (filterId: string, localFilters: Filter[]) => {\n    const filter = localFilters.find((f) => f.id === filterId)\n    if (filter?.type === 'datetime' && filter.values?.length) {\n      const rangeValue = filter.values[0]\n      if (rangeValue.id?.startsWith('custom-')) {\n        const content = (rangeValue.id as string).replace('custom-', '')\n        const firstZ = content.indexOf('Z')\n        if (firstZ > 0) {\n          const startISO = content.substring(0, firstZ + 1)\n          const endISO = content.substring(firstZ + 2)\n          if (startISO && endISO) {\n            setCustomStartDate(\n              format(parse(startISO, \"yyyy-MM-dd'T'HH:mm:ss.SSSx\", new Date()), 'yyyy-MM-dd'),\n            )\n            setCustomEndDate(\n              format(parse(endISO, \"yyyy-MM-dd'T'HH:mm:ss.SSSx\", new Date()), 'yyyy-MM-dd'),\n            )\n            setCustomRangeFilterId(filterId)\n            return\n          }\n        }\n      }\n    }\n    setCustomRangeFilterId(filterId)\n    setCustomStartDate('')\n    setCustomEndDate('')\n  }\n\n  const findActiveDatetimeFilterId = (\n    localFilters: Filter[],\n    options: DateRangeOption[],\n  ): string | null => {\n    if (activeDatetimeFilterRef.current) return activeDatetimeFilterRef.current\n    const datetimeFilters = localFilters.filter((f) => f.type === 'datetime')\n    const empty = datetimeFilters.find((f) => !f.values?.length)\n    if (empty) return empty.id\n    if (datetimeFilters.length) return datetimeFilters[datetimeFilters.length - 1].id\n    return options.find((o) => o.type === 'datetime')?.id ?? null\n  }\n\n  const wrapFilterChange = (\n    newFilters: Filter[],\n    localFilters: Filter[],\n    next: (cleaned: Filter[]) => void,\n  ) => {\n    // Track newly added datetime filters\n    const newDatetime = newFilters.find(\n      (f) => f.type === 'datetime' && !localFilters.some((lf) => lf.id === f.id),\n    )\n    if (newDatetime) activeDatetimeFilterRef.current = newDatetime.id\n\n    // Strip CUSTOM_RANGE_ID placeholder values that slip through, but keep empty\n    // datetime filters so SearchFilter can maintain its intermediate state\n    const cleaned = newFilters.map((f) => {\n      if (f.type === 'datetime' && f.values?.some((v) => v.id === CUSTOM_RANGE_ID)) {\n        return { ...f, values: f.values.filter((v) => v.id !== CUSTOM_RANGE_ID) }\n      }\n      return f\n    })\n    next(cleaned)\n  }\n\n  const handleSearchBarClickCapture = (\n    e: React.MouseEvent<HTMLDivElement>,\n    localFilters: Filter[],\n  ) => {\n    const target = e.target as HTMLElement\n    if (target.closest('.remove') || target.closest('.button')) return\n    const chipEl = target.closest('.search-filter-item')\n    if (!chipEl) return\n\n    const labelEl = chipEl.querySelector('.label')\n    const chipLabel = labelEl?.textContent?.replace(/:$/, '').trim()\n    if (!chipLabel) return\n\n    const datetimeFilter = localFilters.find(\n      (f) => f.type === 'datetime' && f.label === chipLabel && f.values?.length,\n    )\n    if (!datetimeFilter) return\n\n    // Relative dates (Today, This week, etc.) — let the dropdown open normally\n    const rangeValue = datetimeFilter.values?.[0]\n    if (rangeValue?.id) {\n      const content = (rangeValue.id as string).replace('custom-', '')\n      const firstZ = content.indexOf('Z')\n      if (firstZ > 0) {\n        const startISO = content.substring(0, firstZ + 1)\n        const endISO = content.substring(firstZ + 2)\n        if (detectRelativeDatePattern(startISO, endISO)) return\n      }\n    }\n\n    e.stopPropagation()\n    openCustomRangeForFilter(datetimeFilter.id, localFilters)\n  }\n\n  const handleDropdownItemClick = (\n    event: React.MouseEvent,\n    localFilters: Filter[],\n    options: DateRangeOption[],\n  ): boolean => {\n    const listItem = (event.target as HTMLElement).closest('li')\n    if (!listItem) return true\n    if (listItem.querySelector(`span[icon=\"${CUSTOM_RANGE_ICON}\"]`)) {\n      const filterId = findActiveDatetimeFilterId(localFilters, options)\n      if (filterId) openCustomRangeForFilter(filterId, localFilters)\n      return false\n    }\n    return true\n  }\n\n  const handleCustomRangeApply = (\n    localFilters: Filter[],\n    options: DateRangeOption[],\n    onCommit: (updatedFilters: Filter[]) => void,\n    searchFilterRef: React.RefObject<SearchFilterRef>,\n  ) => {\n    if (!customRangeFilterId || !customStartDate || !customEndDate) return\n    const baseId = customRangeFilterId.split('__')[0]\n    const filterOption = options.find((o) => o.id === baseId)\n    if (!filterOption) return\n\n    const start = startOfDay(parse(customStartDate, 'yyyy-MM-dd', new Date()))\n    const end = endOfDay(parse(customEndDate, 'yyyy-MM-dd', new Date()))\n    if (isNaN(start.getTime()) || isNaN(end.getTime()) || end < start) return\n\n    const endFmt = end.getFullYear() === new Date().getFullYear() ? 'MMM d' : 'MMM d, yyyy'\n    const dateValue = {\n      id: `custom-${start.toISOString()}-${end.toISOString()}`,\n      label: `${format(start, 'MMM d')} – ${format(end, endFmt)}`,\n      values: [\n        { id: start.toISOString(), label: format(start, 'MMM d, yyyy') },\n        { id: end.toISOString(), label: format(end, 'MMM d, yyyy') },\n      ],\n    }\n\n    const newFilter: Filter = {\n      id: customRangeFilterId,\n      type: 'datetime',\n      label: filterOption.label,\n      icon: filterOption.icon,\n      values: [dateValue],\n      singleSelect: true,\n    }\n\n    onCommit([...localFilters.filter((f) => f.id !== customRangeFilterId), newFilter])\n\n    setCustomRangeFilterId(null)\n    setCustomStartDate('')\n    setCustomEndDate('')\n    searchFilterRef.current?.close()\n  }\n\n  const handleCustomRangeClose = () => {\n    setCustomRangeFilterId(null)\n    setCustomStartDate('')\n    setCustomEndDate('')\n  }\n\n  return {\n    customRangeFilterId,\n    customStartDate,\n    customEndDate,\n    setCustomStartDate,\n    setCustomEndDate,\n    openCustomRangeForFilter,\n    wrapFilterChange,\n    handleSearchBarClickCapture,\n    handleDropdownItemClick,\n    handleCustomRangeApply,\n    handleCustomRangeClose,\n  }\n}\n"],"names":["useDateRangeFilter","customRangeFilterId","setCustomRangeFilterId","useState","customStartDate","setCustomStartDate","customEndDate","setCustomEndDate","activeDatetimeFilterRef","useRef","openCustomRangeForFilter","filterId","localFilters","filter","f","rangeValue","content","firstZ","startISO","endISO","format","parse","findActiveDatetimeFilterId","options","datetimeFilters","empty","o","newFilters","next","newDatetime","lf","cleaned","v","CUSTOM_RANGE_ID","e","target","chipEl","chipLabel","datetimeFilter","detectRelativeDatePattern","event","listItem","CUSTOM_RANGE_ICON","onCommit","searchFilterRef","baseId","filterOption","start","startOfDay","end","endOfDay","endFmt","dateValue","newFilter"],"mappings":"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"}
+{"version":3,"file":"useDateRangeFilter.es.js","sources":["../../../../../src/components/SearchFilter/useDateRangeFilter.ts"],"sourcesContent":["import { useRef, useState } from 'react'\nimport { Filter, SearchFilterRef } from '@ynput/ayon-react-components'\nimport { CUSTOM_RANGE_ID, CUSTOM_RANGE_ICON, detectRelativeDatePattern } from './filterDates'\nimport { startOfDay, endOfDay, format, parse } from 'date-fns'\n\nexport type DateRangeOption = {\n  id: string\n  label: string\n  type?: string\n  icon?: string | null\n}\n\nexport type UseDateRangeFilterReturn = {\n  // Dialog state\n  customRangeFilterId: string | null\n  customStartDate: string\n  customEndDate: string\n  setCustomStartDate: (v: string) => void\n  setCustomEndDate: (v: string) => void\n\n  /** Open the custom date range dialog for a given filter id. */\n  openCustomRangeForFilter: (filterId: string, localFilters: Filter[]) => void\n  /** Wrap around your own onChange: tracks new datetime filters and strips CUSTOM_RANGE_ID placeholders. */\n  wrapFilterChange: (\n    newFilters: Filter[],\n    localFilters: Filter[],\n    next: (cleaned: Filter[]) => void,\n  ) => void\n  /** Pass to pt.searchBar.onClickCapture to intercept datetime chip clicks. */\n  handleSearchBarClickCapture: (e: React.MouseEvent<HTMLDivElement>, localFilters: Filter[]) => void\n  /** Pass to pt.dropdown.pt.item.onClick to intercept \"Custom range…\" list item. */\n  handleDropdownItemClick: (\n    event: React.MouseEvent,\n    localFilters: Filter[],\n    options: DateRangeOption[],\n  ) => boolean\n  /** Call when the Dialog's Confirm button is clicked. */\n  handleCustomRangeApply: (\n    localFilters: Filter[],\n    options: DateRangeOption[],\n    onCommit: (updatedFilters: Filter[]) => void,\n    searchFilterRef: React.RefObject<SearchFilterRef>,\n  ) => void\n  /** Call on Dialog close. */\n  handleCustomRangeClose: () => void\n}\n\n/**\n * Encapsulates all custom date-range picker logic shared between SearchFilter wrappers.\n *\n * Usage:\n *   const dateRange = useDateRangeFilter()\n *   // wire dateRange.wrapFilterChange into your onChange\n *   // wire dateRange.handleSearchBarClickCapture / handleDropdownItemClick into pt\n *   // render <CustomDateRangeDialog {...dateRange} options={options} onApply={...} />\n */\nexport const useDateRangeFilter = (): UseDateRangeFilterReturn => {\n  const [customRangeFilterId, setCustomRangeFilterId] = useState<string | null>(null)\n  const [customStartDate, setCustomStartDate] = useState('')\n  const [customEndDate, setCustomEndDate] = useState('')\n\n  // Tracks the most recently activated datetime filter id\n  const activeDatetimeFilterRef = useRef<string | null>(null)\n\n  const openCustomRangeForFilter = (filterId: string, localFilters: Filter[]) => {\n    const filter = localFilters.find((f) => f.id === filterId)\n    if (filter?.type === 'datetime' && filter.values?.length) {\n      const rangeValue = filter.values[0]\n      if (rangeValue.id?.startsWith('custom-')) {\n        const content = (rangeValue.id as string).replace('custom-', '')\n        const firstZ = content.indexOf('Z')\n        if (firstZ > 0) {\n          const startISO = content.substring(0, firstZ + 1)\n          const endISO = content.substring(firstZ + 2)\n          if (startISO && endISO) {\n            setCustomStartDate(\n              format(parse(startISO, \"yyyy-MM-dd'T'HH:mm:ss.SSSx\", new Date()), 'yyyy-MM-dd'),\n            )\n            setCustomEndDate(\n              format(parse(endISO, \"yyyy-MM-dd'T'HH:mm:ss.SSSx\", new Date()), 'yyyy-MM-dd'),\n            )\n            setCustomRangeFilterId(filterId)\n            return\n          }\n        }\n      }\n    }\n    setCustomRangeFilterId(filterId)\n    setCustomStartDate('')\n    setCustomEndDate('')\n  }\n\n  const findActiveDatetimeFilterId = (\n    localFilters: Filter[],\n    options: DateRangeOption[],\n  ): string | null => {\n    if (activeDatetimeFilterRef.current) return activeDatetimeFilterRef.current\n    const datetimeFilters = localFilters.filter((f) => f.type === 'datetime')\n    const empty = datetimeFilters.find((f) => !f.values?.length)\n    if (empty) return empty.id\n    if (datetimeFilters.length) return datetimeFilters[datetimeFilters.length - 1].id\n    return options.find((o) => o.type === 'datetime')?.id ?? null\n  }\n\n  const wrapFilterChange = (\n    newFilters: Filter[],\n    localFilters: Filter[],\n    next: (cleaned: Filter[]) => void,\n  ) => {\n    // Track newly added datetime filters\n    const newDatetime = newFilters.find(\n      (f) => f.type === 'datetime' && !localFilters.some((lf) => lf.id === f.id),\n    )\n    if (newDatetime) activeDatetimeFilterRef.current = newDatetime.id\n\n    // Strip CUSTOM_RANGE_ID placeholder values that slip through, but keep empty\n    // datetime filters so SearchFilter can maintain its intermediate state\n    const cleaned = newFilters.map((f) => {\n      if (f.type === 'datetime' && f.values?.some((v) => v.id === CUSTOM_RANGE_ID)) {\n        return { ...f, values: f.values.filter((v) => v.id !== CUSTOM_RANGE_ID) }\n      }\n      return f\n    })\n    next(cleaned)\n  }\n\n  const handleSearchBarClickCapture = (\n    e: React.MouseEvent<HTMLDivElement>,\n    localFilters: Filter[],\n  ) => {\n    const target = e.target as HTMLElement\n    if (target.closest('.remove') || target.closest('.button')) return\n    const chipEl = target.closest('.search-filter-item')\n    if (!chipEl) return\n\n    const labelEl = chipEl.querySelector('.label')\n    const chipLabel = labelEl?.textContent?.replace(/:$/, '').trim()\n    if (!chipLabel) return\n\n    const datetimeFilter = localFilters.find(\n      (f) => f.type === 'datetime' && f.label === chipLabel && f.values?.length,\n    )\n    if (!datetimeFilter) return\n\n    // Relative dates (Today, This week, etc.) — let the dropdown open normally\n    const rangeValue = datetimeFilter.values?.[0]\n    // Nullness chips (No Value / Has Value) have no date range to edit\n    if (rangeValue?.id === 'noValue' || rangeValue?.id === 'hasValue') return\n    if (rangeValue?.id) {\n      const content = (rangeValue.id as string).replace('custom-', '')\n      const firstZ = content.indexOf('Z')\n      if (firstZ > 0) {\n        const startISO = content.substring(0, firstZ + 1)\n        const endISO = content.substring(firstZ + 2)\n        if (detectRelativeDatePattern(startISO, endISO)) return\n      }\n    }\n\n    e.stopPropagation()\n    openCustomRangeForFilter(datetimeFilter.id, localFilters)\n  }\n\n  const handleDropdownItemClick = (\n    event: React.MouseEvent,\n    localFilters: Filter[],\n    options: DateRangeOption[],\n  ): boolean => {\n    const listItem = (event.target as HTMLElement).closest('li')\n    if (!listItem) return true\n    if (listItem.querySelector(`span[icon=\"${CUSTOM_RANGE_ICON}\"]`)) {\n      const filterId = findActiveDatetimeFilterId(localFilters, options)\n      if (filterId) openCustomRangeForFilter(filterId, localFilters)\n      return false\n    }\n    return true\n  }\n\n  const handleCustomRangeApply = (\n    localFilters: Filter[],\n    options: DateRangeOption[],\n    onCommit: (updatedFilters: Filter[]) => void,\n    searchFilterRef: React.RefObject<SearchFilterRef>,\n  ) => {\n    if (!customRangeFilterId || !customStartDate || !customEndDate) return\n    const baseId = customRangeFilterId.split('__')[0]\n    const filterOption = options.find((o) => o.id === baseId)\n    if (!filterOption) return\n\n    const start = startOfDay(parse(customStartDate, 'yyyy-MM-dd', new Date()))\n    const end = endOfDay(parse(customEndDate, 'yyyy-MM-dd', new Date()))\n    if (isNaN(start.getTime()) || isNaN(end.getTime()) || end < start) return\n\n    const endFmt = end.getFullYear() === new Date().getFullYear() ? 'MMM d' : 'MMM d, yyyy'\n    const dateValue = {\n      id: `custom-${start.toISOString()}-${end.toISOString()}`,\n      label: `${format(start, 'MMM d')} – ${format(end, endFmt)}`,\n      values: [\n        { id: start.toISOString(), label: format(start, 'MMM d, yyyy') },\n        { id: end.toISOString(), label: format(end, 'MMM d, yyyy') },\n      ],\n    }\n\n    const newFilter: Filter = {\n      id: customRangeFilterId,\n      type: 'datetime',\n      label: filterOption.label,\n      icon: filterOption.icon,\n      values: [dateValue],\n      singleSelect: true,\n    }\n\n    onCommit([...localFilters.filter((f) => f.id !== customRangeFilterId), newFilter])\n\n    setCustomRangeFilterId(null)\n    setCustomStartDate('')\n    setCustomEndDate('')\n    searchFilterRef.current?.close()\n  }\n\n  const handleCustomRangeClose = () => {\n    setCustomRangeFilterId(null)\n    setCustomStartDate('')\n    setCustomEndDate('')\n  }\n\n  return {\n    customRangeFilterId,\n    customStartDate,\n    customEndDate,\n    setCustomStartDate,\n    setCustomEndDate,\n    openCustomRangeForFilter,\n    wrapFilterChange,\n    handleSearchBarClickCapture,\n    handleDropdownItemClick,\n    handleCustomRangeApply,\n    handleCustomRangeClose,\n  }\n}\n"],"names":["useDateRangeFilter","customRangeFilterId","setCustomRangeFilterId","useState","customStartDate","setCustomStartDate","customEndDate","setCustomEndDate","activeDatetimeFilterRef","useRef","openCustomRangeForFilter","filterId","localFilters","filter","f","rangeValue","content","firstZ","startISO","endISO","format","parse","findActiveDatetimeFilterId","options","datetimeFilters","empty","o","newFilters","next","newDatetime","lf","cleaned","v","CUSTOM_RANGE_ID","e","target","chipEl","chipLabel","datetimeFilter","detectRelativeDatePattern","event","listItem","CUSTOM_RANGE_ICON","onCommit","searchFilterRef","baseId","filterOption","start","startOfDay","end","endOfDay","endFmt","dateValue","newFilter"],"mappings":"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"}

package/dist/shared/src/components/SettingsPanel/SettingsPanel.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("@ynput/ayon-react-components"),v=require("react"),i=require("styled-components");require("../../context/RemoteModulesContext.cjs.js");require("../../../node_modules/@module-federation/runtime/dist/index.cjs.js");require("../../../../_virtual/semver.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/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");const h=require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");require("../../context/EntityUpdatesContextInstance.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("clsx");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../SearchFilter/CustomDateRangeDialog.cjs.js");require("./SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../SyncButton/SyncButton.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusSecondary.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("../../context/DeleteEntitiesContext.cjs.js");const R=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("@ynput/ayon-react-components"),v=require("react"),i=require("styled-components");require("../../context/RemoteModulesContext.cjs.js");require("../../../node_modules/@module-federation/runtime/dist/index.cjs.js");require("../../../../_virtual/semver.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/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");const h=require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");require("../../context/EntityUpdatesContextInstance.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("clsx");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../containers/NewEntity/components/NewEntity.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("short-uuid");require("../SearchFilter/filterDates.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../containers/NewEntity/context/NewEntityContextInstance.cjs.js");require("../../containers/NewEntity/components/NewEntityForm.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/CustomDateRangeDialog.cjs.js");require("./SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../SyncButton/SyncButton.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/FieldValue.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/Feed/components/FeedSearchFilter.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("../../context/DeleteEntitiesContext.cjs.js");const R=i.div`
   height: 100%;
   overflow: hidden;
   background-color: var(--md-sys-color-surface-container-low);

package/dist/shared/src/components/SettingsPanel/SettingsPanel.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsPanel.cjs.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanel.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { FC, Fragment, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { SettingField, useSettingsPanel } from '@shared/context'\n\n// Side panel styled components\nconst SidePanel = styled.div<{ open: boolean }>`\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n`\n\nconst PanelHeader = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 34px;\n  padding: 0px 4px;\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n\n  h3 {\n    margin-left: 4px;\n    padding: 0;\n    white-space: nowrap;\n  }\n`\n\nconst ToolButton = styled(Button)`\n  padding: 4px !important;\n`\n\nconst PanelTitle = styled.h3`\n  margin: 0;\n  flex: 1;\n`\n\nconst PanelContent = styled.div`\n  padding: 8px;\n  flex: 1;\n  overflow-y: auto;\n`\n\nexport const SettingOption = styled(Button)`\n  width: 100%;\n  justify-content: flex-start;\n  margin-bottom: 8px;\n  text-align: left;\n  display: flex;\n  gap: var(--base-gap-small);\n  padding-right: var(--padding-s);\n  padding-left: var(--padding-m);\n\n  .title {\n    flex: 1;\n  }\n\n  .preview,\n  .arrow {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport interface SettingConfig {\n  id: SettingField\n  title?: string\n  component: ReactNode\n  icon?: string\n  preview?: string | number\n}\n\nexport interface SettingsPanelProps {\n  settings: SettingConfig[]\n  order?: string[]\n}\n\nexport const SettingsPanel: FC<SettingsPanelProps> = ({ settings, order }) => {\n  const { isPanelOpen, selectedSetting, closePanel, backToMainMenu, selectSetting } =\n    useSettingsPanel()\n\n  const getPanelTitle = () => {\n    if (!selectedSetting) return 'Settings'\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.title || 'Settings'\n  }\n\n  const sortedSettings = order\n    ? settings.toSorted((a, b) => {\n        const aIndex = a.id ? order.indexOf(a.id) : -1\n        const bIndex = b.id ? order.indexOf(b.id) : -1\n        if (aIndex === -1 && bIndex === -1) return 0\n        if (aIndex === -1) return 1\n        if (bIndex === -1) return -1\n        return aIndex - bIndex\n      })\n    : settings\n\n  const renderSettingContent = () => {\n    if (!selectedSetting) {\n      // Render main menu\n      return (\n        <>\n          {sortedSettings.map((setting, i) =>\n            setting.title ? (\n              <SettingOption\n                key={setting.id}\n                onClick={() => selectSetting(setting.id)}\n                variant=\"text\"\n                className=\"setting-option\"\n              >\n                {setting.icon && <Icon icon={setting.icon} />}\n                <span className=\"title\">{setting.title}</span>\n                {!!setting.preview?.toString() && (\n                  <span className=\"preview\">{setting.preview}</span>\n                )}\n                <Icon icon=\"chevron_right\" className=\"arrow\" />\n              </SettingOption>\n            ) : (\n              <Fragment key={setting.id}>{setting.component}</Fragment>\n            ),\n          )}\n        </>\n      )\n    }\n\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.component\n  }\n\n  return (\n    <SidePanel open={isPanelOpen}>\n      <PanelHeader>\n        {selectedSetting && (\n          <ToolButton variant=\"text\" icon=\"arrow_back\" onClick={backToMainMenu} />\n        )}\n        <PanelTitle>{getPanelTitle()}</PanelTitle>\n        <ToolButton variant=\"text\" icon=\"close\" onClick={closePanel} />\n      </PanelHeader>\n      <PanelContent>{renderSettingContent()}</PanelContent>\n    </SidePanel>\n  )\n}\n"],"names":["SidePanel","styled","PanelHeader","ToolButton","Button","PanelTitle","PanelContent","SettingOption","SettingsPanel","settings","order","isPanelOpen","selectedSetting","closePanel","backToMainMenu","selectSetting","useSettingsPanel","getPanelTitle","s","sortedSettings","a","b","aIndex","bIndex","renderSettingContent","setting","i","jsxs","jsx","Icon","Fragment"],"mappings":"qziBAMA,MAAMA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUnBC,EAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAerBE,EAAaF,EAAOG,QAAM;AAAA;AAAA,EAI1BC,EAAaJ,EAAO;AAAA;AAAA;AAAA,EAKpBK,EAAeL,EAAO;AAAA;AAAA;AAAA;AAAA,EAMfM,EAAgBN,EAAOG,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiC7BI,EAAwC,CAAC,CAAE,SAAAC,EAAU,MAAAC,KAAY,CAC5E,KAAM,CAAE,YAAAC,EAAa,gBAAAC,EAAiB,WAAAC,EAAY,eAAAC,EAAgB,cAAAC,CAAA,EAChEC,mBAAA,EAEIC,EAAgB,IACfL,GACWH,EAAS,KAAMS,GAAMA,EAAE,KAAON,CAAe,GAC7C,OAAS,WAGrBO,EAAiBT,EACnBD,EAAS,SAAS,CAACW,EAAGC,IAAM,CAC1B,MAAMC,EAASF,EAAE,GAAKV,EAAM,QAAQU,EAAE,EAAE,EAAI,GACtCG,EAASF,EAAE,GAAKX,EAAM,QAAQW,EAAE,EAAE,EAAI,GAC5C,OAAIC,IAAW,IAAMC,IAAW,GAAW,EACvCD,IAAW,GAAW,EACtBC,IAAW,GAAW,GACnBD,EAASC,CAClB,CAAC,EACDd,EAEEe,EAAuB,IACtBZ,EA2BWH,EAAS,KAAMS,GAAMA,EAAE,KAAON,CAAe,GAC7C,gEAxBT,SAAAO,EAAe,IAAI,CAACM,EAASC,IAC5BD,EAAQ,MACNE,EAAAA,kBAAAA,KAACpB,EAAA,CAEC,QAAS,IAAMQ,EAAcU,EAAQ,EAAE,EACvC,QAAQ,OACR,UAAU,iBAET,SAAA,CAAAA,EAAQ,MAAQG,wBAACC,EAAAA,KAAA,CAAK,KAAMJ,EAAQ,KAAM,0BAC1C,OAAA,CAAK,UAAU,QAAS,SAAAA,EAAQ,MAAM,EACtC,CAAC,CAACA,EAAQ,SAAS,SAAA,GAClBG,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,UAAW,SAAAH,EAAQ,OAAA,CAAQ,EAE7CG,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAK,gBAAgB,UAAU,OAAA,CAAQ,CAAA,CAAA,EAVxCJ,EAAQ,EAAA,0BAadK,EAAAA,SAAA,CAA2B,SAAAL,EAAQ,SAAA,EAArBA,EAAQ,EAAuB,CAAA,EAGpD,EAQN,OACEE,EAAAA,kBAAAA,KAAC3B,EAAA,CAAU,KAAMW,EACf,SAAA,CAAAgB,yBAACzB,EAAA,CACE,SAAA,CAAAU,2BACET,EAAA,CAAW,QAAQ,OAAO,KAAK,aAAa,QAASW,EAAgB,EAExEc,EAAAA,kBAAAA,IAACvB,EAAA,CAAY,SAAAY,EAAA,CAAc,CAAE,0BAC5Bd,EAAA,CAAW,QAAQ,OAAO,KAAK,QAAQ,QAASU,CAAA,CAAY,CAAA,EAC/D,EACAe,EAAAA,kBAAAA,IAACtB,EAAA,CAAc,SAAAkB,EAAA,CAAqB,CAAE,CAAA,EACxC,CAEJ"}
+{"version":3,"file":"SettingsPanel.cjs.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanel.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { FC, Fragment, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { SettingField, useSettingsPanel } from '@shared/context'\n\n// Side panel styled components\nconst SidePanel = styled.div<{ open: boolean }>`\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n`\n\nconst PanelHeader = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 34px;\n  padding: 0px 4px;\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n\n  h3 {\n    margin-left: 4px;\n    padding: 0;\n    white-space: nowrap;\n  }\n`\n\nconst ToolButton = styled(Button)`\n  padding: 4px !important;\n`\n\nconst PanelTitle = styled.h3`\n  margin: 0;\n  flex: 1;\n`\n\nconst PanelContent = styled.div`\n  padding: 8px;\n  flex: 1;\n  overflow-y: auto;\n`\n\nexport const SettingOption = styled(Button)`\n  width: 100%;\n  justify-content: flex-start;\n  margin-bottom: 8px;\n  text-align: left;\n  display: flex;\n  gap: var(--base-gap-small);\n  padding-right: var(--padding-s);\n  padding-left: var(--padding-m);\n\n  .title {\n    flex: 1;\n  }\n\n  .preview,\n  .arrow {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport interface SettingConfig {\n  id: SettingField\n  title?: string\n  component: ReactNode\n  icon?: string\n  preview?: string | number\n}\n\nexport interface SettingsPanelProps {\n  settings: SettingConfig[]\n  order?: string[]\n}\n\nexport const SettingsPanel: FC<SettingsPanelProps> = ({ settings, order }) => {\n  const { isPanelOpen, selectedSetting, closePanel, backToMainMenu, selectSetting } =\n    useSettingsPanel()\n\n  const getPanelTitle = () => {\n    if (!selectedSetting) return 'Settings'\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.title || 'Settings'\n  }\n\n  const sortedSettings = order\n    ? settings.toSorted((a, b) => {\n        const aIndex = a.id ? order.indexOf(a.id) : -1\n        const bIndex = b.id ? order.indexOf(b.id) : -1\n        if (aIndex === -1 && bIndex === -1) return 0\n        if (aIndex === -1) return 1\n        if (bIndex === -1) return -1\n        return aIndex - bIndex\n      })\n    : settings\n\n  const renderSettingContent = () => {\n    if (!selectedSetting) {\n      // Render main menu\n      return (\n        <>\n          {sortedSettings.map((setting, i) =>\n            setting.title ? (\n              <SettingOption\n                key={setting.id}\n                onClick={() => selectSetting(setting.id)}\n                variant=\"text\"\n                className=\"setting-option\"\n              >\n                {setting.icon && <Icon icon={setting.icon} />}\n                <span className=\"title\">{setting.title}</span>\n                {!!setting.preview?.toString() && (\n                  <span className=\"preview\">{setting.preview}</span>\n                )}\n                <Icon icon=\"chevron_right\" className=\"arrow\" />\n              </SettingOption>\n            ) : (\n              <Fragment key={setting.id}>{setting.component}</Fragment>\n            ),\n          )}\n        </>\n      )\n    }\n\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.component\n  }\n\n  return (\n    <SidePanel open={isPanelOpen}>\n      <PanelHeader>\n        {selectedSetting && (\n          <ToolButton variant=\"text\" icon=\"arrow_back\" onClick={backToMainMenu} />\n        )}\n        <PanelTitle>{getPanelTitle()}</PanelTitle>\n        <ToolButton variant=\"text\" icon=\"close\" onClick={closePanel} />\n      </PanelHeader>\n      <PanelContent>{renderSettingContent()}</PanelContent>\n    </SidePanel>\n  )\n}\n"],"names":["SidePanel","styled","PanelHeader","ToolButton","Button","PanelTitle","PanelContent","SettingOption","SettingsPanel","settings","order","isPanelOpen","selectedSetting","closePanel","backToMainMenu","selectSetting","useSettingsPanel","getPanelTitle","s","sortedSettings","a","b","aIndex","bIndex","renderSettingContent","setting","i","jsxs","jsx","Icon","Fragment"],"mappings":"y8iBAMA,MAAMA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUnBC,EAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAerBE,EAAaF,EAAOG,QAAM;AAAA;AAAA,EAI1BC,EAAaJ,EAAO;AAAA;AAAA;AAAA,EAKpBK,EAAeL,EAAO;AAAA;AAAA;AAAA;AAAA,EAMfM,EAAgBN,EAAOG,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiC7BI,EAAwC,CAAC,CAAE,SAAAC,EAAU,MAAAC,KAAY,CAC5E,KAAM,CAAE,YAAAC,EAAa,gBAAAC,EAAiB,WAAAC,EAAY,eAAAC,EAAgB,cAAAC,CAAA,EAChEC,mBAAA,EAEIC,EAAgB,IACfL,GACWH,EAAS,KAAMS,GAAMA,EAAE,KAAON,CAAe,GAC7C,OAAS,WAGrBO,EAAiBT,EACnBD,EAAS,SAAS,CAACW,EAAGC,IAAM,CAC1B,MAAMC,EAASF,EAAE,GAAKV,EAAM,QAAQU,EAAE,EAAE,EAAI,GACtCG,EAASF,EAAE,GAAKX,EAAM,QAAQW,EAAE,EAAE,EAAI,GAC5C,OAAIC,IAAW,IAAMC,IAAW,GAAW,EACvCD,IAAW,GAAW,EACtBC,IAAW,GAAW,GACnBD,EAASC,CAClB,CAAC,EACDd,EAEEe,EAAuB,IACtBZ,EA2BWH,EAAS,KAAMS,GAAMA,EAAE,KAAON,CAAe,GAC7C,gEAxBT,SAAAO,EAAe,IAAI,CAACM,EAASC,IAC5BD,EAAQ,MACNE,EAAAA,kBAAAA,KAACpB,EAAA,CAEC,QAAS,IAAMQ,EAAcU,EAAQ,EAAE,EACvC,QAAQ,OACR,UAAU,iBAET,SAAA,CAAAA,EAAQ,MAAQG,wBAACC,EAAAA,KAAA,CAAK,KAAMJ,EAAQ,KAAM,0BAC1C,OAAA,CAAK,UAAU,QAAS,SAAAA,EAAQ,MAAM,EACtC,CAAC,CAACA,EAAQ,SAAS,SAAA,GAClBG,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,UAAW,SAAAH,EAAQ,OAAA,CAAQ,EAE7CG,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAK,gBAAgB,UAAU,OAAA,CAAQ,CAAA,CAAA,EAVxCJ,EAAQ,EAAA,0BAadK,EAAAA,SAAA,CAA2B,SAAAL,EAAQ,SAAA,EAArBA,EAAQ,EAAuB,CAAA,EAGpD,EAQN,OACEE,EAAAA,kBAAAA,KAAC3B,EAAA,CAAU,KAAMW,EACf,SAAA,CAAAgB,yBAACzB,EAAA,CACE,SAAA,CAAAU,2BACET,EAAA,CAAW,QAAQ,OAAO,KAAK,aAAa,QAASW,EAAgB,EAExEc,EAAAA,kBAAAA,IAACvB,EAAA,CAAY,SAAAY,EAAA,CAAc,CAAE,0BAC5Bd,EAAA,CAAW,QAAQ,OAAO,KAAK,QAAQ,QAASU,CAAA,CAAY,CAAA,EAC/D,EACAe,EAAAA,kBAAAA,IAACtB,EAAA,CAAc,SAAAkB,EAAA,CAAqB,CAAE,CAAA,EACxC,CAEJ"}

package/dist/shared/src/components/SettingsPanel/SettingsPanel.es.js

@@ -120,7 +120,6 @@ import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
-import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
 import "../../context/GlobalContext.es.js";
@@ -208,10 +207,45 @@ import "react-router-dom";
 import "../../containers/Slicer/components/Slicer.es.js";
 import "../../containers/Slicer/context/SlicerContextInstance.es.js";
 import "../../containers/Slicer/components/SlicerDropdownFallback.es.js";
+import "../../containers/NewEntity/components/NewEntity.es.js";
+import "@tanstack/react-virtual";
+import "@tanstack/react-table";
+import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
+import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/LinksWidget.es.js";
+import "short-uuid";
+import "../SearchFilter/filterDates.es.js";
+import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
+import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableContextInstance.es.js";
+import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
+import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
+import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
+import "../../containers/ProjectTreeTable/components/TableFooterRow.es.js";
+import "../../containers/NewEntity/context/NewEntityContextInstance.es.js";
+import "../../containers/NewEntity/components/NewEntityForm.es.js";
 import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
 import "../ReviewableCard/ReviewableCard.es.js";
 import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../SearchFilter/filterDates.es.js";
 import "../SearchFilter/CustomDateRangeDialog.es.js";
 import "./SettingsPanelItemTemplate.es.js";
 import "../ShareOptionIcon/ShareOptionIcon.es.js";
@@ -234,8 +268,8 @@ import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../containers/Feed/components/ActivityDate.es.js";
 import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
-import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusSecondary.es.js";
+import "../../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
+import "../../containers/Feed/components/ActivityFieldChange/FieldValue.es.js";
 import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
 import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
@@ -244,38 +278,6 @@ import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategory
 import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../../containers/Feed/Feed.styled.es.js";
 import "../../containers/Feed/components/FeedSearchFilter.es.js";
-import "@tanstack/react-virtual";
-import "@tanstack/react-table";
-import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
-import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/LinksWidget.es.js";
-import "short-uuid";
-import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
-import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
-import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../containers/ProjectTreeTable/components/TableFooterRow.es.js";
 import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
 import "../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
 import "../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
@@ -345,7 +347,7 @@ const S = o.div`
   .arrow {
     color: var(--md-sys-color-outline);
   }
-`, om = ({ settings: p, order: n }) => {
+`, pm = ({ settings: p, order: n }) => {
   const { isPanelOpen: c, selectedSetting: r, closePanel: x, backToMainMenu: f, selectSetting: g } = w(), u = () => r && p.find((t) => t.id === r)?.title || "Settings", h = n ? p.toSorted((m, t) => {
     const e = m.id ? n.indexOf(m.id) : -1, a = t.id ? n.indexOf(t.id) : -1;
     return e === -1 && a === -1 ? 0 : e === -1 ? 1 : a === -1 ? -1 : e - a;
@@ -377,6 +379,6 @@ const S = o.div`
 };
 export {
   k as SettingOption,
-  om as SettingsPanel
+  pm as SettingsPanel
 };
 //# sourceMappingURL=SettingsPanel.es.js.map

package/dist/shared/src/components/SettingsPanel/SettingsPanel.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsPanel.es.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanel.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { FC, Fragment, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { SettingField, useSettingsPanel } from '@shared/context'\n\n// Side panel styled components\nconst SidePanel = styled.div<{ open: boolean }>`\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n`\n\nconst PanelHeader = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 34px;\n  padding: 0px 4px;\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n\n  h3 {\n    margin-left: 4px;\n    padding: 0;\n    white-space: nowrap;\n  }\n`\n\nconst ToolButton = styled(Button)`\n  padding: 4px !important;\n`\n\nconst PanelTitle = styled.h3`\n  margin: 0;\n  flex: 1;\n`\n\nconst PanelContent = styled.div`\n  padding: 8px;\n  flex: 1;\n  overflow-y: auto;\n`\n\nexport const SettingOption = styled(Button)`\n  width: 100%;\n  justify-content: flex-start;\n  margin-bottom: 8px;\n  text-align: left;\n  display: flex;\n  gap: var(--base-gap-small);\n  padding-right: var(--padding-s);\n  padding-left: var(--padding-m);\n\n  .title {\n    flex: 1;\n  }\n\n  .preview,\n  .arrow {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport interface SettingConfig {\n  id: SettingField\n  title?: string\n  component: ReactNode\n  icon?: string\n  preview?: string | number\n}\n\nexport interface SettingsPanelProps {\n  settings: SettingConfig[]\n  order?: string[]\n}\n\nexport const SettingsPanel: FC<SettingsPanelProps> = ({ settings, order }) => {\n  const { isPanelOpen, selectedSetting, closePanel, backToMainMenu, selectSetting } =\n    useSettingsPanel()\n\n  const getPanelTitle = () => {\n    if (!selectedSetting) return 'Settings'\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.title || 'Settings'\n  }\n\n  const sortedSettings = order\n    ? settings.toSorted((a, b) => {\n        const aIndex = a.id ? order.indexOf(a.id) : -1\n        const bIndex = b.id ? order.indexOf(b.id) : -1\n        if (aIndex === -1 && bIndex === -1) return 0\n        if (aIndex === -1) return 1\n        if (bIndex === -1) return -1\n        return aIndex - bIndex\n      })\n    : settings\n\n  const renderSettingContent = () => {\n    if (!selectedSetting) {\n      // Render main menu\n      return (\n        <>\n          {sortedSettings.map((setting, i) =>\n            setting.title ? (\n              <SettingOption\n                key={setting.id}\n                onClick={() => selectSetting(setting.id)}\n                variant=\"text\"\n                className=\"setting-option\"\n              >\n                {setting.icon && <Icon icon={setting.icon} />}\n                <span className=\"title\">{setting.title}</span>\n                {!!setting.preview?.toString() && (\n                  <span className=\"preview\">{setting.preview}</span>\n                )}\n                <Icon icon=\"chevron_right\" className=\"arrow\" />\n              </SettingOption>\n            ) : (\n              <Fragment key={setting.id}>{setting.component}</Fragment>\n            ),\n          )}\n        </>\n      )\n    }\n\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.component\n  }\n\n  return (\n    <SidePanel open={isPanelOpen}>\n      <PanelHeader>\n        {selectedSetting && (\n          <ToolButton variant=\"text\" icon=\"arrow_back\" onClick={backToMainMenu} />\n        )}\n        <PanelTitle>{getPanelTitle()}</PanelTitle>\n        <ToolButton variant=\"text\" icon=\"close\" onClick={closePanel} />\n      </PanelHeader>\n      <PanelContent>{renderSettingContent()}</PanelContent>\n    </SidePanel>\n  )\n}\n"],"names":["SidePanel","styled","PanelHeader","ToolButton","Button","PanelTitle","PanelContent","SettingOption","SettingsPanel","settings","order","isPanelOpen","selectedSetting","closePanel","backToMainMenu","selectSetting","useSettingsPanel","getPanelTitle","s","sortedSettings","a","b","aIndex","bIndex","renderSettingContent","setting","i","jsxs","jsx","Icon","Fragment"],"mappings":"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"}
+{"version":3,"file":"SettingsPanel.es.js","sources":["../../../../../src/components/SettingsPanel/SettingsPanel.tsx"],"sourcesContent":["import { Button, Icon } from '@ynput/ayon-react-components'\nimport { FC, Fragment, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { SettingField, useSettingsPanel } from '@shared/context'\n\n// Side panel styled components\nconst SidePanel = styled.div<{ open: boolean }>`\n  height: 100%;\n  overflow: hidden;\n  background-color: var(--md-sys-color-surface-container-low);\n  border-radius: 4px;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n`\n\nconst PanelHeader = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  height: 34px;\n  padding: 0px 4px;\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n\n  h3 {\n    margin-left: 4px;\n    padding: 0;\n    white-space: nowrap;\n  }\n`\n\nconst ToolButton = styled(Button)`\n  padding: 4px !important;\n`\n\nconst PanelTitle = styled.h3`\n  margin: 0;\n  flex: 1;\n`\n\nconst PanelContent = styled.div`\n  padding: 8px;\n  flex: 1;\n  overflow-y: auto;\n`\n\nexport const SettingOption = styled(Button)`\n  width: 100%;\n  justify-content: flex-start;\n  margin-bottom: 8px;\n  text-align: left;\n  display: flex;\n  gap: var(--base-gap-small);\n  padding-right: var(--padding-s);\n  padding-left: var(--padding-m);\n\n  .title {\n    flex: 1;\n  }\n\n  .preview,\n  .arrow {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport interface SettingConfig {\n  id: SettingField\n  title?: string\n  component: ReactNode\n  icon?: string\n  preview?: string | number\n}\n\nexport interface SettingsPanelProps {\n  settings: SettingConfig[]\n  order?: string[]\n}\n\nexport const SettingsPanel: FC<SettingsPanelProps> = ({ settings, order }) => {\n  const { isPanelOpen, selectedSetting, closePanel, backToMainMenu, selectSetting } =\n    useSettingsPanel()\n\n  const getPanelTitle = () => {\n    if (!selectedSetting) return 'Settings'\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.title || 'Settings'\n  }\n\n  const sortedSettings = order\n    ? settings.toSorted((a, b) => {\n        const aIndex = a.id ? order.indexOf(a.id) : -1\n        const bIndex = b.id ? order.indexOf(b.id) : -1\n        if (aIndex === -1 && bIndex === -1) return 0\n        if (aIndex === -1) return 1\n        if (bIndex === -1) return -1\n        return aIndex - bIndex\n      })\n    : settings\n\n  const renderSettingContent = () => {\n    if (!selectedSetting) {\n      // Render main menu\n      return (\n        <>\n          {sortedSettings.map((setting, i) =>\n            setting.title ? (\n              <SettingOption\n                key={setting.id}\n                onClick={() => selectSetting(setting.id)}\n                variant=\"text\"\n                className=\"setting-option\"\n              >\n                {setting.icon && <Icon icon={setting.icon} />}\n                <span className=\"title\">{setting.title}</span>\n                {!!setting.preview?.toString() && (\n                  <span className=\"preview\">{setting.preview}</span>\n                )}\n                <Icon icon=\"chevron_right\" className=\"arrow\" />\n              </SettingOption>\n            ) : (\n              <Fragment key={setting.id}>{setting.component}</Fragment>\n            ),\n          )}\n        </>\n      )\n    }\n\n    const setting = settings.find((s) => s.id === selectedSetting)\n    return setting?.component\n  }\n\n  return (\n    <SidePanel open={isPanelOpen}>\n      <PanelHeader>\n        {selectedSetting && (\n          <ToolButton variant=\"text\" icon=\"arrow_back\" onClick={backToMainMenu} />\n        )}\n        <PanelTitle>{getPanelTitle()}</PanelTitle>\n        <ToolButton variant=\"text\" icon=\"close\" onClick={closePanel} />\n      </PanelHeader>\n      <PanelContent>{renderSettingContent()}</PanelContent>\n    </SidePanel>\n  )\n}\n"],"names":["SidePanel","styled","PanelHeader","ToolButton","Button","PanelTitle","PanelContent","SettingOption","SettingsPanel","settings","order","isPanelOpen","selectedSetting","closePanel","backToMainMenu","selectSetting","useSettingsPanel","getPanelTitle","s","sortedSettings","a","b","aIndex","bIndex","renderSettingContent","setting","i","jsxs","jsx","Icon","Fragment"],"mappings":"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"}

package/dist/shared/src/components/SimpleFormDialog/FormFile.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),a=require("react-toastify"),s=require("styled-components");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("clsx");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../node_modules/@module-federation/runtime/dist/index.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");require("../../context/EntityUpdatesContextInstance.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusSecondary.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("short-uuid");require("../SearchFilter/filterDates.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("react-redux");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("../../context/DeleteEntitiesContext.cjs.js");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../InfoMessage/InfoMessage.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/CustomDateRangeDialog.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("./SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../SyncButton/SyncButton.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");const h=require("../ReviewablesList/useReviewablesUpload.cjs.js"),d=s.button`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),a=require("react-toastify"),s=require("styled-components");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("clsx");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("lodash");require("uuid");require("../../util/pubsub.cjs.js");require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../node_modules/@module-federation/runtime/dist/index.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");require("../../context/EntityUpdatesContextInstance.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/FieldValue.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../containers/Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("short-uuid");require("../SearchFilter/filterDates.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../containers/NewEntity/components/NewEntity.cjs.js");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("react-redux");require("../../containers/NewEntity/context/NewEntityContextInstance.cjs.js");require("../../containers/NewEntity/components/NewEntityForm.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("../../context/DeleteEntitiesContext.cjs.js");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../InfoMessage/InfoMessage.cjs.js");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/CustomDateRangeDialog.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("./SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../SyncButton/SyncButton.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");const h=require("../ReviewablesList/useReviewablesUpload.cjs.js"),d=s.button`
   width: auto;
   background: none;
   border: none;

package/dist/shared/src/components/SimpleFormDialog/FormFile.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFile.cjs.js","sources":["../../../../../src/components/SimpleFormDialog/FormFile.tsx"],"sourcesContent":["import { useMemo, useCallback, useRef, DragEvent } from 'react'\nimport { toast } from 'react-toastify'\nimport styled from 'styled-components'\nimport { parseFilename } from '../ReviewablesList'\n\nexport interface FormFileData {\n  payload: string\n  filename: string\n  download?: boolean\n}\n\nconst LinkButton = styled.button`\n  width: auto;\n  background: none;\n  border: none;\n  border-bottom: 1px dashed var(--md-sys-color-primary);\n  color: var(--md-sys-color-primary);\n  cursor: pointer;\n  padding: 2px;\n  font: inherit;\n`\n\n//\n// File upload\n//\n\nconst DropArea = styled.div`\n  border: 2px dashed var(--md-sys-color-outline);\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-width: 200px;\n  min-height: 100px;\n\n  input {\n    display: none;\n  }\n`\n\ninterface FormFileUploadProps {\n  value?: FormFileData\n  onChange: (value: FormFileData) => void\n  validExtensions?: string[]\n}\n\nexport const FormFileUpload = (props: FormFileUploadProps) => {\n  // widget that displays a file upload input (and drop area)\n  // and when user selects a file, it reads the file as base64 and calls setFieldValue with the base64 string\n\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const validExtensions = useMemo(\n    () =>\n      props.validExtensions?.map((ext) =>\n        ext.startsWith('.') ? ext.toLowerCase() : `.${ext.toLowerCase()}`,\n      ),\n    [props.validExtensions],\n  )\n\n  const handleFileChange = useCallback(\n    (file?: File) => {\n      if (!file) {\n        return\n      }\n\n      if (file.size === 0) {\n        toast.error('Cannot upload empty file.')\n        return\n      }\n\n      if (file.size > 2 * 1024 * 1024) {\n        // 2 MB limit, because we're sending it in JSON as base64\n        toast.error('File size exceeds the 2 MB limit.')\n        return\n      }\n\n      if (validExtensions) {\n        const fileExtension = `.${file.name.split('.').pop()?.toLowerCase()}`\n        if (!validExtensions.includes(fileExtension)) {\n          toast.error(`Invalid file type. Supported formats: ${validExtensions.join(', ')}`)\n          return\n        }\n      }\n\n      if (file) {\n        const fileName = parseFilename(file.name)\n        const reader = new FileReader()\n        reader.onload = () => {\n          const base64String = (reader.result as string).split(',')[1] // remove data:*/*;base64, prefix\n          props.onChange({ payload: base64String, filename: fileName })\n        }\n        reader.readAsDataURL(file)\n      }\n    },\n    [props, validExtensions],\n  )\n\n  const handleDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n  }\n\n  const handleDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n\n    const files = [...e.dataTransfer.files]\n    if (files.length === 1) {\n      handleFileChange(files[0])\n    }\n  }\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0]\n    handleFileChange(file)\n  }\n\n  return (\n    <DropArea onDragOver={handleDragOver} onDragLeave={handleDragLeave} onDrop={handleDrop}>\n      <input\n        type=\"file\"\n        ref={inputRef}\n        onChange={handleInputChange}\n        accept={validExtensions?.join(',')}\n        multiple={false}\n        style={{ display: 'none' }}\n      />\n\n      <LinkButton type=\"button\" onClick={() => inputRef.current?.click()}>\n        {props.value ? `Change file (${props.value.filename})` : 'Upload file'}\n      </LinkButton>\n    </DropArea>\n  )\n}\n\n//\n// File download\n//\n\nconst DownloadLink = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n  background: none;\n  border: none;\n`\n\ninterface FormFileDownloadProps {\n  value: FormFileData\n}\n\nexport const FormFileDownload = (props: FormFileDownloadProps) => {\n  const handleDownload = () => {\n    const link = document.createElement('a')\n    link.href = `data:application/octet-stream;base64,${props.value.payload}`\n    link.download = props.value.filename\n    document.body.appendChild(link)\n    link.click()\n    document.body.removeChild(link)\n  }\n\n  return (\n    <DownloadLink>\n      <LinkButton onClick={handleDownload}>{props.value.filename}</LinkButton>\n    </DownloadLink>\n  )\n}\n"],"names":["LinkButton","styled","DropArea","FormFileUpload","props","inputRef","useRef","validExtensions","useMemo","ext","handleFileChange","useCallback","file","toast","fileExtension","fileName","parseFilename","reader","base64String","handleDragOver","handleDragLeave","handleDrop","files","handleInputChange","event","jsx","DownloadLink","FormFileDownload","handleDownload","link"],"mappings":"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"}
+{"version":3,"file":"FormFile.cjs.js","sources":["../../../../../src/components/SimpleFormDialog/FormFile.tsx"],"sourcesContent":["import { useMemo, useCallback, useRef, DragEvent } from 'react'\nimport { toast } from 'react-toastify'\nimport styled from 'styled-components'\nimport { parseFilename } from '../ReviewablesList'\n\nexport interface FormFileData {\n  payload: string\n  filename: string\n  download?: boolean\n}\n\nconst LinkButton = styled.button`\n  width: auto;\n  background: none;\n  border: none;\n  border-bottom: 1px dashed var(--md-sys-color-primary);\n  color: var(--md-sys-color-primary);\n  cursor: pointer;\n  padding: 2px;\n  font: inherit;\n`\n\n//\n// File upload\n//\n\nconst DropArea = styled.div`\n  border: 2px dashed var(--md-sys-color-outline);\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-width: 200px;\n  min-height: 100px;\n\n  input {\n    display: none;\n  }\n`\n\ninterface FormFileUploadProps {\n  value?: FormFileData\n  onChange: (value: FormFileData) => void\n  validExtensions?: string[]\n}\n\nexport const FormFileUpload = (props: FormFileUploadProps) => {\n  // widget that displays a file upload input (and drop area)\n  // and when user selects a file, it reads the file as base64 and calls setFieldValue with the base64 string\n\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const validExtensions = useMemo(\n    () =>\n      props.validExtensions?.map((ext) =>\n        ext.startsWith('.') ? ext.toLowerCase() : `.${ext.toLowerCase()}`,\n      ),\n    [props.validExtensions],\n  )\n\n  const handleFileChange = useCallback(\n    (file?: File) => {\n      if (!file) {\n        return\n      }\n\n      if (file.size === 0) {\n        toast.error('Cannot upload empty file.')\n        return\n      }\n\n      if (file.size > 2 * 1024 * 1024) {\n        // 2 MB limit, because we're sending it in JSON as base64\n        toast.error('File size exceeds the 2 MB limit.')\n        return\n      }\n\n      if (validExtensions) {\n        const fileExtension = `.${file.name.split('.').pop()?.toLowerCase()}`\n        if (!validExtensions.includes(fileExtension)) {\n          toast.error(`Invalid file type. Supported formats: ${validExtensions.join(', ')}`)\n          return\n        }\n      }\n\n      if (file) {\n        const fileName = parseFilename(file.name)\n        const reader = new FileReader()\n        reader.onload = () => {\n          const base64String = (reader.result as string).split(',')[1] // remove data:*/*;base64, prefix\n          props.onChange({ payload: base64String, filename: fileName })\n        }\n        reader.readAsDataURL(file)\n      }\n    },\n    [props, validExtensions],\n  )\n\n  const handleDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n  }\n\n  const handleDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n  }\n\n  const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n\n    const files = [...e.dataTransfer.files]\n    if (files.length === 1) {\n      handleFileChange(files[0])\n    }\n  }\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0]\n    handleFileChange(file)\n  }\n\n  return (\n    <DropArea onDragOver={handleDragOver} onDragLeave={handleDragLeave} onDrop={handleDrop}>\n      <input\n        type=\"file\"\n        ref={inputRef}\n        onChange={handleInputChange}\n        accept={validExtensions?.join(',')}\n        multiple={false}\n        style={{ display: 'none' }}\n      />\n\n      <LinkButton type=\"button\" onClick={() => inputRef.current?.click()}>\n        {props.value ? `Change file (${props.value.filename})` : 'Upload file'}\n      </LinkButton>\n    </DropArea>\n  )\n}\n\n//\n// File download\n//\n\nconst DownloadLink = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n  background: none;\n  border: none;\n`\n\ninterface FormFileDownloadProps {\n  value: FormFileData\n}\n\nexport const FormFileDownload = (props: FormFileDownloadProps) => {\n  const handleDownload = () => {\n    const link = document.createElement('a')\n    link.href = `data:application/octet-stream;base64,${props.value.payload}`\n    link.download = props.value.filename\n    document.body.appendChild(link)\n    link.click()\n    document.body.removeChild(link)\n  }\n\n  return (\n    <DownloadLink>\n      <LinkButton onClick={handleDownload}>{props.value.filename}</LinkButton>\n    </DownloadLink>\n  )\n}\n"],"names":["LinkButton","styled","DropArea","FormFileUpload","props","inputRef","useRef","validExtensions","useMemo","ext","handleFileChange","useCallback","file","toast","fileExtension","fileName","parseFilename","reader","base64String","handleDragOver","handleDragLeave","handleDrop","files","handleInputChange","event","jsx","DownloadLink","FormFileDownload","handleDownload","link"],"mappings":"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"}