@ynput/ayon-frontend-shared 0.3.11 → 0.3.13

package/dist/shared/src/containers/Actions/Actions.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.es.js","sources":["../../../../../src/containers/Actions/Actions.tsx"],"sourcesContent":["import * as Styled from './Actions.styled'\nimport { MouseEvent, useState } from 'react'\nimport clsx from 'clsx'\nimport { toast } from 'react-toastify'\nimport { useMemo, useEffect } from 'react'\nimport { ActionContext, useExecuteActionMutation, useGetActionsFromContextQuery } from '@shared/api'\nimport { ActionsDropdown, ActionsDropdownProps } from './ActionsDropdown'\nimport ActionIcon from './ActionIcon'\nimport { ActionTriggersProps, useActionTriggers } from '@shared/hooks'\nimport { ActionConfigDialog } from './ActionConfigDialog'\nimport { InteractiveActionDialog, InteractiveForm } from './InteractiveActionDialog'\n\nconst placeholder = {\n  identifier: 'placeholder',\n  label: 'Featured action slot',\n  isPlaceholder: true,\n  icon: { type: 'material-symbols', name: 'sync' },\n  groupLabel: '',\n}\n\ninterface ActionsProps extends ActionTriggersProps {\n  entities: { id: string; projectName: string; entitySubType?: string }[]\n  entityType: ActionContext['entityType']\n  entitySubTypes?: string[]\n  isLoadingEntity: boolean\n  projectActionsProjectName?: string\n  featuredCount?: number\n  isDeveloperMode: boolean\n  align?: ActionsDropdownProps['align']\n  pt?: {\n    dropdown?: Partial<ActionsDropdownProps>\n  }\n}\n\nexport const Actions = ({\n  entities,\n  entityType,\n  entitySubTypes,\n  isLoadingEntity,\n  projectActionsProjectName,\n  searchParams,\n  featuredCount = 2,\n  isDeveloperMode,\n  onNavigate,\n  onSetSearchParams,\n  align,\n  pt,\n}: ActionsProps) => {\n  // special triggers the actions can make to perform stuff on the client\n  const { handleActionPayload } = useActionTriggers({ onNavigate, onSetSearchParams, searchParams })\n  const [actionBeingConfigured, setActionBeingConfigured] = useState<any>(null)\n  const [interactiveForm, setInteractiveForm] = useState<any>(null)\n\n  const context: ActionContext | null = useMemo(() => {\n    if (projectActionsProjectName) {\n      return {\n        entityType: 'project',\n        projectName: projectActionsProjectName,\n      }\n    }\n    if (!entities.length) return null\n    if (!entities[0].projectName) return null\n\n    // get a list of unique entity subtypes from loaded data\n    const entitySubtypesLoaded = entities\n      .filter((entity) => entity.entitySubType)\n      .map((entity) => entity.entitySubType as string)\n      .filter((value, index, self) => self.indexOf(value) === index && value)\n\n    // try and use the passed in entitySubTypes, if not use the loaded ones\n    const entitySubTypesToUse = entitySubTypes?.length ? entitySubTypes : entitySubtypesLoaded\n\n    // all types except version/representation should have subtypes\n    if (\n      !entitySubTypesToUse?.length &&\n      entityType !== 'version' &&\n      entityType !== 'representation'\n    ) {\n      console.warn('No entity subtypes found')\n      return null\n    }\n\n    return {\n      projectName: entities[0].projectName,\n      entityType: entityType,\n      entityIds: entities.map((entity) => entity.id),\n      entitySubtypes: entitySubTypesToUse,\n    }\n  }, [entities, entityType])\n\n  useEffect(() => {\n    setInteractiveForm(null)\n  }, [context])\n\n  const { data, isFetching: isFetchingActions } = useGetActionsFromContextQuery(\n    { mode: 'simple', actionContext: context as ActionContext },\n    { skip: !context },\n  )\n\n  const actions = data?.actions || []\n\n  const categoryOrder = ['application', 'admin', 'workflow']\n  // group actions by category\n  // sort by hardcoded category, this will changing the future\n  const groupedActions = useMemo(() => {\n    // Step 1: Group actions by category\n    const grouped = actions.reduce((acc: { [key: string]: any[] }, action) => {\n      const category = action.category || 'uncategorized'\n      if (!acc[category]) {\n        acc[category] = []\n      }\n      acc[category].push(action)\n      return acc\n    }, {})\n\n    // Step 5: Return the ordered groups\n    return grouped\n  }, [actions])\n\n  // get categories that don't have a specific order (not in categoryOrder)\n  // then sort them alphabetically\n  const unorderedCategories = useMemo(\n    () => [\n      ...new Set(\n        Object.keys(groupedActions)\n          .filter((category) => !categoryOrder.includes(category))\n          .sort((a, b) => a.localeCompare(b)),\n      ),\n    ],\n    [groupedActions],\n  )\n\n  const categories = [...categoryOrder, ...unorderedCategories]\n\n  // create the options for the dropdown, each category is separated by a divider and a title\n  // for the divider we will use a custom dropdown item template\n  const dropdownOptions = useMemo(() => {\n    const options = []\n\n    categories.forEach((category) => {\n      if (!groupedActions[category] || !groupedActions[category].length) return\n\n      options.push({\n        label: category,\n        header: true,\n        value: category,\n        disabled: true,\n      })\n\n      const groupOptions = groupedActions[category].map((action) => ({\n        value: action.identifier,\n        label: action.groupLabel ? action.groupLabel + ' ' + action.label : action.label,\n        icon: action.icon,\n        hasConfig: !!action.configFields,\n        description: action.description,\n      }))\n\n\n      options.push(...groupOptions)\n    })\n\n    // if no actions, add placeholder\n    if (!options.length) {\n      options.push({\n        label: 'No actions available',\n        value: 'no-actions',\n        disabled: true,\n        header: true,\n      })\n    }\n\n    return options\n  }, [groupedActions, unorderedCategories, categoryOrder])\n\n  const featuredActions = useMemo(() => {\n    // Filter and sort to get initial featured actions\n    let tempFeaturedActions = actions\n      .filter((action) => action.featured)\n      .sort((a, b) => (a.order || 0) - (b.order || 0))\n      .slice(0, featuredCount)\n\n    // Check if we need to add more actions to reach featuredCount\n    if (tempFeaturedActions.length < featuredCount) {\n      categories.forEach((category) => {\n        if (tempFeaturedActions.length >= featuredCount) return\n        const actions = groupedActions[category]\n        if (!actions || !actions.length) return\n\n        for (let i = tempFeaturedActions.length; i < featuredCount; i++) {\n          const action = actions[i]\n          if (!action) break\n          if (!action.icon) continue\n          tempFeaturedActions.push(action)\n        }\n      })\n    }\n\n    return tempFeaturedActions\n  }, [actions, groupedActions, placeholder])\n\n  const [executeAction, { isLoading: isLoadingExecution, originalArgs }] =\n    useExecuteActionMutation()\n  const executingAction = isLoadingExecution && originalArgs?.identifier\n\n  const handleExecuteAction = async (\n    identifier: string,\n    e?: MouseEvent<HTMLElement> | null,\n    formData?: InteractiveForm,\n  ) => {\n    e?.preventDefault()\n    const action = actions.find((option) => option.identifier === identifier)\n\n    if (!action) {\n      toast.error('Action not found')\n      console.warn('Action not found', identifier)\n      return\n    }\n\n    const params = {\n      addonName: action.addonName as string,\n      addonVersion: action.addonVersion as string,\n      variant: action.variant,\n      identifier: action.identifier,\n    }\n\n    const actionContext = { ...context }\n    if (formData) {\n      actionContext.formData = formData\n    }\n\n    let response = null\n\n    try {\n      response = await executeAction({ actionContext, ...params }).unwrap()\n    } catch (error: any) {\n      console.error('Error executing action', error)\n      toast.error(error?.data?.detail || 'Error executing action')\n      return\n    }\n\n    try {\n      // Toast the message if it is available\n      if (response?.message) {\n        if (response?.success) {\n          toast.success(response.message, { autoClose: 2000 })\n        } else {\n          toast.error(response.message, { autoClose: 2000 })\n        }\n      }\n\n      // Even if response?.success is false, we still want to handle the payload\n      // as it may contain useful information - complex error messages in form,\n      // redirect to another page etc. If the action just needs to abort,\n      // it raises exception instead of returning a response with success: false\n\n      // Use the new hook to handle payload\n      if (response?.payload) {\n        if (response.type === 'form') {\n          // action requests additional information from the user.\n          // we show a dialog with the form and when the user submits it we call the action again\n\n          // It probably does not make sense to move to the useActionTriggers hook\n          // as it need contexts and the dialog\n          const intf = {\n            identifier,\n            // @ts-expect-error\n            title: response.payload['title'],\n            // @ts-expect-error\n            fields: response.payload['fields'],\n            // @ts-expect-error\n            submitLabel: response.payload['submit_label'],\n            // @ts-expect-error\n            cancelLabel: response.payload['cancel_label'],\n            // @ts-expect-error\n            submitIcon: response.payload['submit_icon'],\n            // @ts-expect-error\n            cancelIcon: response.payload['cancel_icon'],\n          }\n          setInteractiveForm(intf)\n        } else {\n          handleActionPayload(response.type as string, response.payload)\n        }\n      }\n    } catch (error) {\n      // got response, but failed to process it\n      console.warn('Error during action response processing', error)\n      toast.error('Error occured during action processing')\n    }\n  }\n\n  const handleConfigureAction = (identifier: string) => {\n    const action = actions.find((data) => data.identifier === identifier)\n    if (!action) return\n    setActionBeingConfigured(action)\n  }\n\n  const handleSubmitInteractiveForm = async (identifier: string, formData: InteractiveForm) => {\n    handleExecuteAction(identifier, null, formData)\n  }\n\n  const loadingActions = useMemo(\n    () => Array(featuredCount).fill(placeholder),\n    [featuredCount, placeholder],\n  )\n\n  const isLoading = isFetchingActions || isLoadingEntity\n  const featuredActionsToDisplay = isLoading ? loadingActions : featuredActions\n\n  return (\n    <Styled.Actions className=\"actions\">\n      {featuredActionsToDisplay.map((action, i) => (\n        <Styled.FeaturedAction\n          key={action.identifier + '-' + i}\n          className={clsx('action', {\n            loading: isLoading,\n            isPlaceholder: action.isPlaceholder,\n          })}\n          data-tooltip={action.groupLabel ? action.groupLabel + ' ' + action.label : action.label}\n          disabled={action.isPlaceholder}\n          onClick={(e) => handleExecuteAction(action.identifier, e)}\n        >\n          {/* @ts-ignore */}\n          <ActionIcon icon={action.icon} isExecuting={executingAction === action.identifier} />\n        </Styled.FeaturedAction>\n      ))}\n      <ActionsDropdown\n        options={dropdownOptions}\n        isLoading={isLoading && featuredCount > 0}\n        onAction={handleExecuteAction}\n        onConfig={handleConfigureAction}\n        isDeveloperMode={isDeveloperMode}\n        align={align}\n        {...pt?.dropdown}\n      />\n      <ActionConfigDialog\n        action={actionBeingConfigured}\n        // @ts-expect-error\n        context={context}\n        onClose={() => setActionBeingConfigured(null)}\n      />\n      <InteractiveActionDialog\n        interactiveForm={interactiveForm}\n        onClose={() => setInteractiveForm(null)}\n        // @ts-expect-error\n        onSubmit={handleSubmitInteractiveForm}\n      />\n    </Styled.Actions>\n  )\n}\n"],"names":["placeholder","Actions","entities","entityType","entitySubTypes","isLoadingEntity","projectActionsProjectName","searchParams","featuredCount","isDeveloperMode","onNavigate","onSetSearchParams","align","pt","handleActionPayload","useActionTriggers","actionBeingConfigured","setActionBeingConfigured","useState","interactiveForm","setInteractiveForm","context","useMemo","entitySubtypesLoaded","entity","value","index","self","entitySubTypesToUse","useEffect","data","isFetchingActions","useGetActionsFromContextQuery","actions","categoryOrder","groupedActions","acc","action","category","unorderedCategories","a","b","categories","dropdownOptions","options","groupOptions","featuredActions","tempFeaturedActions","executeAction","isLoadingExecution","originalArgs","useExecuteActionMutation","executingAction","handleExecuteAction","identifier","e","formData","option","toast","params","actionContext","response","error","intf","handleConfigureAction","handleSubmitInteractiveForm","loadingActions","isLoading","featuredActionsToDisplay","jsxs","Styled.Actions","i","jsx","Styled.FeaturedAction","clsx","ActionIcon","ActionsDropdown","ActionConfigDialog","InteractiveActionDialog"],"mappings":"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"}
+{"version":3,"file":"Actions.es.js","sources":["../../../../../src/containers/Actions/Actions.tsx"],"sourcesContent":["import * as Styled from './Actions.styled'\nimport { MouseEvent, useState } from 'react'\nimport clsx from 'clsx'\nimport { toast } from 'react-toastify'\nimport { useMemo, useEffect } from 'react'\nimport { ActionContext, useExecuteActionMutation, useGetActionsFromContextQuery } from '@shared/api'\nimport { ActionsDropdown, ActionsDropdownProps } from './ActionsDropdown'\nimport ActionIcon from './ActionIcon'\nimport { ActionTriggersProps, useActionTriggers } from '@shared/hooks'\nimport { ActionConfigDialog } from './ActionConfigDialog'\nimport { InteractiveActionDialog, InteractiveForm } from './InteractiveActionDialog'\n\nconst placeholder = {\n  identifier: 'placeholder',\n  label: 'Featured action slot',\n  isPlaceholder: true,\n  icon: { type: 'material-symbols', name: 'sync' },\n  groupLabel: '',\n}\n\ninterface ActionsProps extends ActionTriggersProps {\n  entities: { id: string; projectName: string; entitySubType?: string }[]\n  entityType: ActionContext['entityType']\n  entitySubTypes?: string[]\n  isLoadingEntity: boolean\n  projectActionsProjectName?: string\n  featuredCount?: number\n  isDeveloperMode: boolean\n  align?: ActionsDropdownProps['align']\n  pt?: {\n    dropdown?: Partial<ActionsDropdownProps>\n  }\n}\n\nexport const Actions = ({\n  entities,\n  entityType,\n  entitySubTypes,\n  isLoadingEntity,\n  projectActionsProjectName,\n  searchParams,\n  featuredCount = 2,\n  isDeveloperMode,\n  onNavigate,\n  onSetSearchParams,\n  align,\n  pt,\n}: ActionsProps) => {\n  // special triggers the actions can make to perform stuff on the client\n  const { handleActionPayload } = useActionTriggers({ onNavigate, onSetSearchParams, searchParams })\n  const [actionBeingConfigured, setActionBeingConfigured] = useState<any>(null)\n  const [interactiveForm, setInteractiveForm] = useState<any>(null)\n\n  const context: ActionContext | null = useMemo(() => {\n    if (projectActionsProjectName) {\n      return {\n        entityType: 'project',\n        projectName: projectActionsProjectName,\n      }\n    }\n    if (!entities.length) return null\n    if (!entities[0].projectName) return null\n\n    // get a list of unique entity subtypes from loaded data\n    const entitySubtypesLoaded = entities\n      .filter((entity) => entity.entitySubType)\n      .map((entity) => entity.entitySubType as string)\n      .filter((value, index, self) => self.indexOf(value) === index && value)\n\n    // try and use the passed in entitySubTypes, if not use the loaded ones\n    const entitySubTypesToUse = entitySubTypes?.length ? entitySubTypes : entitySubtypesLoaded\n\n    // all types except version/representation should have subtypes\n    if (\n      !entitySubTypesToUse?.length &&\n      entityType !== 'version' &&\n      entityType !== 'representation'\n    ) {\n      console.warn('No entity subtypes found')\n      return null\n    }\n\n    return {\n      projectName: entities[0].projectName,\n      entityType: entityType,\n      entityIds: entities.map((entity) => entity.id),\n      entitySubtypes: entitySubTypesToUse,\n    }\n  }, [entities, entityType])\n\n  useEffect(() => {\n    setInteractiveForm(null)\n  }, [context])\n\n  const { data, isFetching: isFetchingActions } = useGetActionsFromContextQuery(\n    { mode: 'simple', actionContext: context as ActionContext },\n    { skip: !context },\n  )\n\n  const actions = data?.actions || []\n\n  const categoryOrder = ['application', 'admin', 'workflow']\n  // group actions by category\n  // sort by hardcoded category, this will changing the future\n  const groupedActions = useMemo(() => {\n    // Step 1: Group actions by category\n    const grouped = actions.reduce((acc: { [key: string]: any[] }, action) => {\n      const category = action.category || 'uncategorized'\n      if (!acc[category]) {\n        acc[category] = []\n      }\n      acc[category].push(action)\n      return acc\n    }, {})\n\n    // Step 5: Return the ordered groups\n    return grouped\n  }, [actions])\n\n  // get categories that don't have a specific order (not in categoryOrder)\n  // then sort them alphabetically\n  const unorderedCategories = useMemo(\n    () => [\n      ...new Set(\n        Object.keys(groupedActions)\n          .filter((category) => !categoryOrder.includes(category))\n          .sort((a, b) => a.localeCompare(b)),\n      ),\n    ],\n    [groupedActions],\n  )\n\n  const categories = [...categoryOrder, ...unorderedCategories]\n\n  // create the options for the dropdown, each category is separated by a divider and a title\n  // for the divider we will use a custom dropdown item template\n  const dropdownOptions = useMemo(() => {\n    const options = []\n\n    categories.forEach((category) => {\n      if (!groupedActions[category] || !groupedActions[category].length) return\n\n      options.push({\n        label: category,\n        header: true,\n        value: category,\n        disabled: true,\n      })\n\n      const groupOptions = groupedActions[category].map((action) => ({\n        value: action.identifier,\n        label: action.groupLabel ? action.groupLabel + ' ' + action.label : action.label,\n        icon: action.icon,\n        hasConfig: !!action.configFields,\n        description: action.description,\n      }))\n\n      options.push(...groupOptions)\n    })\n\n    // if no actions, add placeholder\n    if (!options.length) {\n      options.push({\n        label: 'No actions available',\n        value: 'no-actions',\n        disabled: true,\n        header: true,\n      })\n    }\n\n    return options\n  }, [groupedActions, unorderedCategories, categoryOrder])\n\n  const featuredActions = useMemo(() => {\n    // Filter and sort to get initial featured actions\n    let tempFeaturedActions = actions\n      .filter((action) => action.featured)\n      .sort((a, b) => (a.order || 0) - (b.order || 0))\n      .slice(0, featuredCount)\n\n    // Check if we need to add more actions to reach featuredCount\n    if (tempFeaturedActions.length < featuredCount) {\n      categories.forEach((category) => {\n        if (tempFeaturedActions.length >= featuredCount) return\n        const actions = groupedActions[category]\n        if (!actions || !actions.length) return\n\n        for (let i = tempFeaturedActions.length; i < featuredCount; i++) {\n          const action = actions[i]\n          if (!action) break\n          if (!action.icon) continue\n          tempFeaturedActions.push(action)\n        }\n      })\n    }\n\n    return tempFeaturedActions\n  }, [actions, groupedActions, placeholder])\n\n  const [executeAction, { isLoading: isLoadingExecution, originalArgs }] =\n    useExecuteActionMutation()\n  const executingAction = isLoadingExecution && originalArgs?.identifier\n\n  const handleExecuteAction = async (\n    identifier: string,\n    e?: MouseEvent<HTMLElement> | null,\n    formData?: InteractiveForm,\n  ) => {\n    e?.preventDefault()\n    const action = actions.find((option) => option.identifier === identifier)\n\n    if (!action) {\n      toast.error('Action not found')\n      console.warn('Action not found', identifier)\n      return\n    }\n\n    const params = {\n      addonName: action.addonName as string,\n      addonVersion: action.addonVersion as string,\n      variant: action.variant,\n      identifier: action.identifier,\n    }\n\n    const actionContext = { ...context }\n    if (formData) {\n      actionContext.formData = formData\n    }\n\n    let response = null\n\n    try {\n      response = await executeAction({ actionContext, ...params }).unwrap()\n    } catch (error: any) {\n      console.error('Error executing action', error)\n      toast.error(error?.data?.detail || 'Error executing action')\n      return\n    }\n\n    try {\n      // Toast the message if it is available\n      if (response?.message) {\n        if (response?.success) {\n          toast.success(response.message, { autoClose: 2000 })\n        } else {\n          toast.error(response.message, { autoClose: 2000 })\n        }\n      }\n\n      // Even if response?.success is false, we still want to handle the payload\n      // as it may contain useful information - complex error messages in form,\n      // redirect to another page etc. If the action just needs to abort,\n      // it raises exception instead of returning a response with success: false\n\n      // Use the new hook to handle payload\n      if (response?.payload) {\n        if (response.type === 'form') {\n          // action requests additional information from the user.\n          // we show a dialog with the form and when the user submits it we call the action again\n\n          // It probably does not make sense to move to the useActionTriggers hook\n          // as it need contexts and the dialog\n          const intf = {\n            identifier,\n            // @ts-expect-error\n            title: response.payload['title'],\n            // @ts-expect-error\n            fields: response.payload['fields'],\n            // @ts-expect-error\n            submitLabel: response.payload['submit_label'],\n            // @ts-expect-error\n            cancelLabel: response.payload['cancel_label'],\n            // @ts-expect-error\n            submitIcon: response.payload['submit_icon'],\n            // @ts-expect-error\n            cancelIcon: response.payload['cancel_icon'],\n          }\n          setInteractiveForm(intf)\n        } else {\n          handleActionPayload(response.type as string, response.payload)\n        }\n      }\n    } catch (error) {\n      // got response, but failed to process it\n      console.warn('Error during action response processing', error)\n      toast.error('Error occured during action processing')\n    }\n  }\n\n  const handleConfigureAction = (identifier: string) => {\n    const action = actions.find((data) => data.identifier === identifier)\n    if (!action) return\n    setActionBeingConfigured(action)\n  }\n\n  const handleSubmitInteractiveForm = async (identifier: string, formData: InteractiveForm) => {\n    handleExecuteAction(identifier, null, formData)\n  }\n\n  const loadingActions = useMemo(\n    () => Array(featuredCount).fill(placeholder),\n    [featuredCount, placeholder],\n  )\n\n  const isLoading = isFetchingActions || isLoadingEntity\n  const featuredActionsToDisplay = isLoading ? loadingActions : featuredActions\n\n  return (\n    <Styled.Actions className={clsx('actions', { loading: isLoading })}>\n      {featuredActionsToDisplay.map((action, i) => (\n        <Styled.FeaturedAction\n          key={action.identifier + '-' + i}\n          className={clsx('action', {\n            isPlaceholder: action.isPlaceholder,\n          })}\n          data-tooltip={action.groupLabel ? action.groupLabel + ' ' + action.label : action.label}\n          disabled={action.isPlaceholder}\n          onClick={(e) => handleExecuteAction(action.identifier, e)}\n        >\n          {/* @ts-ignore */}\n          <ActionIcon icon={action.icon} isExecuting={executingAction === action.identifier} />\n        </Styled.FeaturedAction>\n      ))}\n      <ActionsDropdown\n        options={dropdownOptions}\n        isLoading={isLoading && featuredCount > 0}\n        onAction={handleExecuteAction}\n        onConfig={handleConfigureAction}\n        isDeveloperMode={isDeveloperMode}\n        align={align}\n        {...pt?.dropdown}\n      />\n      <ActionConfigDialog\n        action={actionBeingConfigured}\n        // @ts-expect-error\n        context={context}\n        onClose={() => setActionBeingConfigured(null)}\n      />\n      <InteractiveActionDialog\n        interactiveForm={interactiveForm}\n        onClose={() => setInteractiveForm(null)}\n        // @ts-expect-error\n        onSubmit={handleSubmitInteractiveForm}\n      />\n    </Styled.Actions>\n  )\n}\n"],"names":["placeholder","Actions","entities","entityType","entitySubTypes","isLoadingEntity","projectActionsProjectName","searchParams","featuredCount","isDeveloperMode","onNavigate","onSetSearchParams","align","pt","handleActionPayload","useActionTriggers","actionBeingConfigured","setActionBeingConfigured","useState","interactiveForm","setInteractiveForm","context","useMemo","entitySubtypesLoaded","entity","value","index","self","entitySubTypesToUse","useEffect","data","isFetchingActions","useGetActionsFromContextQuery","actions","categoryOrder","groupedActions","acc","action","category","unorderedCategories","a","b","categories","dropdownOptions","options","groupOptions","featuredActions","tempFeaturedActions","executeAction","isLoadingExecution","originalArgs","useExecuteActionMutation","executingAction","handleExecuteAction","identifier","e","formData","option","toast","params","actionContext","response","error","intf","handleConfigureAction","handleSubmitInteractiveForm","loadingActions","isLoading","featuredActionsToDisplay","jsxs","Styled.Actions","clsx","i","jsx","Styled.FeaturedAction","ActionIcon","ActionsDropdown","ActionConfigDialog","InteractiveActionDialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAMA,IAAc;AAAA,EAClB,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,eAAe;AAAA,EACf,MAAM,EAAE,MAAM,oBAAoB,MAAM,OAAA;AAAA,EACxC,YAAY;AACd,GAgBaC,KAAU,CAAC;AAAA,EACtB,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,IAAAC;AACF,MAAoB;AAElB,QAAM,EAAE,qBAAAC,MAAwBC,GAAkB,EAAE,YAAAL,GAAY,mBAAAC,GAAmB,cAAAJ,GAAc,GAC3F,CAACS,GAAuBC,CAAwB,IAAIC,EAAc,IAAI,GACtE,CAACC,GAAiBC,CAAkB,IAAIF,EAAc,IAAI,GAE1DG,IAAgCC,EAAQ,MAAM;AAClD,QAAIhB;AACF,aAAO;AAAA,QACL,YAAY;AAAA,QACZ,aAAaA;AAAA,MAAA;AAIjB,QADI,CAACJ,EAAS,UACV,CAACA,EAAS,CAAC,EAAE,YAAa,QAAO;AAGrC,UAAMqB,IAAuBrB,EAC1B,OAAO,CAACsB,MAAWA,EAAO,aAAa,EACvC,IAAI,CAACA,MAAWA,EAAO,aAAuB,EAC9C,OAAO,CAACC,GAAOC,GAAOC,MAASA,EAAK,QAAQF,CAAK,MAAMC,KAASD,CAAK,GAGlEG,IAAsBxB,GAAgB,SAASA,IAAiBmB;AAGtE,WACE,CAACK,GAAqB,UACtBzB,MAAe,aACfA,MAAe,oBAEf,QAAQ,KAAK,0BAA0B,GAChC,QAGF;AAAA,MACL,aAAaD,EAAS,CAAC,EAAE;AAAA,MACzB,YAAAC;AAAA,MACA,WAAWD,EAAS,IAAI,CAACsB,MAAWA,EAAO,EAAE;AAAA,MAC7C,gBAAgBI;AAAA,IAAA;AAAA,EAEpB,GAAG,CAAC1B,GAAUC,CAAU,CAAC;AAEzB,EAAA0B,EAAU,MAAM;AACd,IAAAT,EAAmB,IAAI;AAAA,EACzB,GAAG,CAACC,CAAO,CAAC;AAEZ,QAAM,EAAE,MAAAS,GAAM,YAAYC,EAAA,IAAsBC;AAAA,IAC9C,EAAE,MAAM,UAAU,eAAeX,EAAA;AAAA,IACjC,EAAE,MAAM,CAACA,EAAA;AAAA,EAAQ,GAGbY,IAAUH,GAAM,WAAW,CAAA,GAE3BI,IAAgB,CAAC,eAAe,SAAS,UAAU,GAGnDC,IAAiBb,EAAQ,MAEbW,EAAQ,OAAO,CAACG,GAA+BC,MAAW;AACxE,UAAMC,IAAWD,EAAO,YAAY;AACpC,WAAKD,EAAIE,CAAQ,MACfF,EAAIE,CAAQ,IAAI,CAAA,IAElBF,EAAIE,CAAQ,EAAE,KAAKD,CAAM,GAClBD;AAAA,EACT,GAAG,CAAA,CAAE,GAIJ,CAACH,CAAO,CAAC,GAINM,IAAsBjB;AAAA,IAC1B,MAAM;AAAA,MACJ,GAAG,IAAI;AAAA,QACL,OAAO,KAAKa,CAAc,EACvB,OAAO,CAACG,MAAa,CAACJ,EAAc,SAASI,CAAQ,CAAC,EACtD,KAAK,CAACE,GAAGC,MAAMD,EAAE,cAAcC,CAAC,CAAC;AAAA,MAAA;AAAA,IACtC;AAAA,IAEF,CAACN,CAAc;AAAA,EAAA,GAGXO,IAAa,CAAC,GAAGR,GAAe,GAAGK,CAAmB,GAItDI,IAAkBrB,EAAQ,MAAM;AACpC,UAAMsB,IAAU,CAAA;AAEhB,WAAAF,EAAW,QAAQ,CAACJ,MAAa;AAC/B,UAAI,CAACH,EAAeG,CAAQ,KAAK,CAACH,EAAeG,CAAQ,EAAE,OAAQ;AAEnE,MAAAM,EAAQ,KAAK;AAAA,QACX,OAAON;AAAA,QACP,QAAQ;AAAA,QACR,OAAOA;AAAA,QACP,UAAU;AAAA,MAAA,CACX;AAED,YAAMO,IAAeV,EAAeG,CAAQ,EAAE,IAAI,CAACD,OAAY;AAAA,QAC7D,OAAOA,EAAO;AAAA,QACd,OAAOA,EAAO,aAAaA,EAAO,aAAa,MAAMA,EAAO,QAAQA,EAAO;AAAA,QAC3E,MAAMA,EAAO;AAAA,QACb,WAAW,CAAC,CAACA,EAAO;AAAA,QACpB,aAAaA,EAAO;AAAA,MAAA,EACpB;AAEF,MAAAO,EAAQ,KAAK,GAAGC,CAAY;AAAA,IAC9B,CAAC,GAGID,EAAQ,UACXA,EAAQ,KAAK;AAAA,MACX,OAAO;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,QAAQ;AAAA,IAAA,CACT,GAGIA;AAAA,EACT,GAAG,CAACT,GAAgBI,GAAqBL,CAAa,CAAC,GAEjDY,IAAkBxB,EAAQ,MAAM;AAEpC,QAAIyB,IAAsBd,EACvB,OAAO,CAACI,MAAWA,EAAO,QAAQ,EAClC,KAAK,CAACG,GAAGC,OAAOD,EAAE,SAAS,MAAMC,EAAE,SAAS,EAAE,EAC9C,MAAM,GAAGjC,CAAa;AAGzB,WAAIuC,EAAoB,SAASvC,KAC/BkC,EAAW,QAAQ,CAACJ,MAAa;AAC/B,UAAIS,EAAoB,UAAUvC,EAAe;AACjD,YAAMyB,IAAUE,EAAeG,CAAQ;AACvC,UAAI,GAACL,KAAW,CAACA,EAAQ;AAEzB,iBAAS,IAAIc,EAAoB,QAAQ,IAAIvC,GAAe,KAAK;AAC/D,gBAAM6B,IAASJ,EAAQ,CAAC;AACxB,cAAI,CAACI,EAAQ;AACb,UAAKA,EAAO,QACZU,EAAoB,KAAKV,CAAM;AAAA,QACjC;AAAA,IACF,CAAC,GAGIU;AAAA,EACT,GAAG,CAACd,GAASE,GAAgBnC,CAAW,CAAC,GAEnC,CAACgD,GAAe,EAAE,WAAWC,GAAoB,cAAAC,EAAA,CAAc,IACnEC,GAAA,GACIC,IAAkBH,KAAsBC,GAAc,YAEtDG,IAAsB,OAC1BC,GACAC,GACAC,MACG;AACH,IAAAD,GAAG,eAAA;AACH,UAAMlB,IAASJ,EAAQ,KAAK,CAACwB,MAAWA,EAAO,eAAeH,CAAU;AAExE,QAAI,CAACjB,GAAQ;AACX,MAAAqB,EAAM,MAAM,kBAAkB,GAC9B,QAAQ,KAAK,oBAAoBJ,CAAU;AAC3C;AAAA,IACF;AAEA,UAAMK,IAAS;AAAA,MACb,WAAWtB,EAAO;AAAA,MAClB,cAAcA,EAAO;AAAA,MACrB,SAASA,EAAO;AAAA,MAChB,YAAYA,EAAO;AAAA,IAAA,GAGfuB,IAAgB,EAAE,GAAGvC,EAAA;AAC3B,IAAImC,MACFI,EAAc,WAAWJ;AAG3B,QAAIK,IAAW;AAEf,QAAI;AACF,MAAAA,IAAW,MAAMb,EAAc,EAAE,eAAAY,GAAe,GAAGD,EAAA,CAAQ,EAAE,OAAA;AAAA,IAC/D,SAASG,GAAY;AACnB,cAAQ,MAAM,0BAA0BA,CAAK,GAC7CJ,EAAM,MAAMI,GAAO,MAAM,UAAU,wBAAwB;AAC3D;AAAA,IACF;AAEA,QAAI;AAgBF,UAdID,GAAU,YACRA,GAAU,UACZH,EAAM,QAAQG,EAAS,SAAS,EAAE,WAAW,KAAM,IAEnDH,EAAM,MAAMG,EAAS,SAAS,EAAE,WAAW,KAAM,IAUjDA,GAAU;AACZ,YAAIA,EAAS,SAAS,QAAQ;AAM5B,gBAAME,IAAO;AAAA,YACX,YAAAT;AAAA;AAAA,YAEA,OAAOO,EAAS,QAAQ;AAAA;AAAA,YAExB,QAAQA,EAAS,QAAQ;AAAA;AAAA,YAEzB,aAAaA,EAAS,QAAQ;AAAA;AAAA,YAE9B,aAAaA,EAAS,QAAQ;AAAA;AAAA,YAE9B,YAAYA,EAAS,QAAQ;AAAA;AAAA,YAE7B,YAAYA,EAAS,QAAQ;AAAA,UAAa;AAE5C,UAAAzC,EAAmB2C,CAAI;AAAA,QACzB;AACE,UAAAjD,EAAoB+C,EAAS,MAAgBA,EAAS,OAAO;AAAA,IAGnE,SAASC,GAAO;AAEd,cAAQ,KAAK,2CAA2CA,CAAK,GAC7DJ,EAAM,MAAM,wCAAwC;AAAA,IACtD;AAAA,EACF,GAEMM,IAAwB,CAACV,MAAuB;AACpD,UAAMjB,IAASJ,EAAQ,KAAK,CAACH,MAASA,EAAK,eAAewB,CAAU;AACpE,IAAKjB,KACLpB,EAAyBoB,CAAM;AAAA,EACjC,GAEM4B,IAA8B,OAAOX,GAAoBE,MAA8B;AAC3F,IAAAH,EAAoBC,GAAY,MAAME,CAAQ;AAAA,EAChD,GAEMU,IAAiB5C;AAAA,IACrB,MAAM,MAAMd,CAAa,EAAE,KAAKR,CAAW;AAAA,IAC3C,CAACQ,GAAeR,CAAW;AAAA,EAAA,GAGvBmE,IAAYpC,KAAqB1B,GACjC+D,IAA2BD,IAAYD,IAAiBpB;AAE9D,SACEuB,gBAAAA,OAACC,GAAA,EAAe,WAAWC,EAAK,WAAW,EAAE,SAASJ,GAAW,GAC9D,UAAA;AAAA,IAAAC,EAAyB,IAAI,CAAC/B,GAAQmC,MACrCC,gBAAAA,EAAAA;AAAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,WAAWH,EAAK,UAAU;AAAA,UACxB,eAAelC,EAAO;AAAA,QAAA,CACvB;AAAA,QACD,gBAAcA,EAAO,aAAaA,EAAO,aAAa,MAAMA,EAAO,QAAQA,EAAO;AAAA,QAClF,UAAUA,EAAO;AAAA,QACjB,SAAS,CAACkB,MAAMF,EAAoBhB,EAAO,YAAYkB,CAAC;AAAA,QAGxD,UAAAkB,gBAAAA,EAAAA,IAACE,MAAW,MAAMtC,EAAO,MAAM,aAAae,MAAoBf,EAAO,WAAA,CAAY;AAAA,MAAA;AAAA,MAT9EA,EAAO,aAAa,MAAMmC;AAAA,IAAA,CAWlC;AAAA,IACDC,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAASjC;AAAA,QACT,WAAWwB,KAAa3D,IAAgB;AAAA,QACxC,UAAU6C;AAAA,QACV,UAAUW;AAAA,QACV,iBAAAvD;AAAA,QACA,OAAAG;AAAA,QACC,GAAGC,GAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAEV4D,gBAAAA,EAAAA;AAAAA,MAACI;AAAA,MAAA;AAAA,QACC,QAAQ7D;AAAA,QAER,SAAAK;AAAA,QACA,SAAS,MAAMJ,EAAyB,IAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAE9CwD,gBAAAA,EAAAA;AAAAA,MAACK;AAAA,MAAA;AAAA,QACC,iBAAA3D;AAAA,QACA,SAAS,MAAMC,EAAmB,IAAI;AAAA,QAEtC,UAAU6C;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;"}

package/dist/shared/src/containers/Actions/Actions.styled.cjs.js

@@ -1,27 +1,23 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ynput/ayon-react-components"),t=require("styled-components"),o=t.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@ynput/ayon-react-components"),e=require("styled-components"),o=e.div`
+  position: relative;
+  width: fit-content;
   display: flex;
+  align-items: center;
   gap: var(--base-gap-small);
-  position: relative;
-`,i=t(e.Button)`
-  padding: 6px;
+  max-height: 32px;
+  padding: 2px;
+
+  border-radius: var(--border-radius-m);
+  background-color: var(--md-sys-color-surface-container-high);
+`,i=e(t.Button)`
+  padding: 4px;
   user-select: none;
   position: relative;
-  max-width: 32px;
+  background-color: unset;
   img {
     width: 20px;
     height: 20px;
     object-fit: contain;
   }
-
-  &.loading {
-    .icon,
-    img {
-      opacity: 0;
-    }
-    opacity: 1;
-    overflow: hidden;
-
-    background-color: unset !important;
-  }
 `;exports.Actions=o;exports.FeaturedAction=i;
 //# sourceMappingURL=Actions.styled.cjs.js.map

package/dist/shared/src/containers/Actions/Actions.styled.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.styled.cjs.js","sources":["../../../../../src/containers/Actions/Actions.styled.ts"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Actions = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n  position: relative;\n`\n\nexport const FeaturedAction = styled(Button)`\n  padding: 6px;\n  user-select: none;\n  position: relative;\n  max-width: 32px;\n  img {\n    width: 20px;\n    height: 20px;\n    object-fit: contain;\n  }\n\n  &.loading {\n    .icon,\n    img {\n      opacity: 0;\n    }\n    opacity: 1;\n    overflow: hidden;\n\n    background-color: unset !important;\n  }\n`\n"],"names":["Actions","styled","FeaturedAction","Button"],"mappings":"+JAGaA,EAAUC,EAAO;AAAA;AAAA;AAAA;AAAA,EAMjBC,EAAiBD,EAAOE,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"Actions.styled.cjs.js","sources":["../../../../../src/containers/Actions/Actions.styled.ts"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Actions = styled.div`\n  position: relative;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  max-height: 32px;\n  padding: 2px;\n\n  border-radius: var(--border-radius-m);\n  background-color: var(--md-sys-color-surface-container-high);\n`\n\nexport const FeaturedAction = styled(Button)`\n  padding: 4px;\n  user-select: none;\n  position: relative;\n  background-color: unset;\n  img {\n    width: 20px;\n    height: 20px;\n    object-fit: contain;\n  }\n`\n"],"names":["Actions","styled","FeaturedAction","Button"],"mappings":"+JAGaA,EAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAajBC,EAAiBD,EAAOE,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/containers/Actions/Actions.styled.es.js

@@ -1,33 +1,29 @@
-import { Button as t } from "@ynput/ayon-react-components";
-import o from "styled-components";
-const n = o.div`
+import { Button as o } from "@ynput/ayon-react-components";
+import t from "styled-components";
+const r = t.div`
+  position: relative;
+  width: fit-content;
   display: flex;
+  align-items: center;
   gap: var(--base-gap-small);
-  position: relative;
-`, a = o(t)`
-  padding: 6px;
+  max-height: 32px;
+  padding: 2px;
+
+  border-radius: var(--border-radius-m);
+  background-color: var(--md-sys-color-surface-container-high);
+`, a = t(o)`
+  padding: 4px;
   user-select: none;
   position: relative;
-  max-width: 32px;
+  background-color: unset;
   img {
     width: 20px;
     height: 20px;
     object-fit: contain;
   }
-
-  &.loading {
-    .icon,
-    img {
-      opacity: 0;
-    }
-    opacity: 1;
-    overflow: hidden;
-
-    background-color: unset !important;
-  }
 `;
 export {
-  n as Actions,
+  r as Actions,
   a as FeaturedAction
 };
 //# sourceMappingURL=Actions.styled.es.js.map

package/dist/shared/src/containers/Actions/Actions.styled.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.styled.es.js","sources":["../../../../../src/containers/Actions/Actions.styled.ts"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Actions = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n  position: relative;\n`\n\nexport const FeaturedAction = styled(Button)`\n  padding: 6px;\n  user-select: none;\n  position: relative;\n  max-width: 32px;\n  img {\n    width: 20px;\n    height: 20px;\n    object-fit: contain;\n  }\n\n  &.loading {\n    .icon,\n    img {\n      opacity: 0;\n    }\n    opacity: 1;\n    overflow: hidden;\n\n    background-color: unset !important;\n  }\n`\n"],"names":["Actions","styled","FeaturedAction","Button"],"mappings":";;AAGO,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMjBC,IAAiBD,EAAOE,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"Actions.styled.es.js","sources":["../../../../../src/containers/Actions/Actions.styled.ts"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const Actions = styled.div`\n  position: relative;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  max-height: 32px;\n  padding: 2px;\n\n  border-radius: var(--border-radius-m);\n  background-color: var(--md-sys-color-surface-container-high);\n`\n\nexport const FeaturedAction = styled(Button)`\n  padding: 4px;\n  user-select: none;\n  position: relative;\n  background-color: unset;\n  img {\n    width: 20px;\n    height: 20px;\n    object-fit: contain;\n  }\n`\n"],"names":["Actions","styled","FeaturedAction","Button"],"mappings":";;AAGO,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAajBC,IAAiBD,EAAOE,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js

@@ -16,5 +16,5 @@
       visibility: visible;
     }
   }
-`,u=({value:i,label:e,icon:n,header:r,hasConfig:d,description:a,onConfig:s})=>{if(r)return t.jsxRuntimeExports.jsx(p.DropdownHeader,{children:j.upperFirst(e)});const l=o=>{s?.(i),o.stopPropagation(),o.preventDefault()};return t.jsxRuntimeExports.jsx(p.DropdownItem,{children:t.jsxRuntimeExports.jsxs(f,{"data-tooltip":a||"","data-tooltip-delay":0,children:[t.jsxRuntimeExports.jsx(h,{icon:n}),t.jsxRuntimeExports.jsx("span",{children:e}),t.jsxRuntimeExports.jsx(c.Spacer,{}),d&&t.jsxRuntimeExports.jsx(c.Button,{onClick:l,icon:"settings_applications",tabIndex:-1,style:{background:"none",padding:0}})]})})},w=({options:i,isLoading:e,isDeveloperMode:n,onAction:r,onConfig:d,...a})=>{const s=m.useRef(null),l=o=>{s.current?.close(),d(o)};return t.jsxRuntimeExports.jsx(p.StyledDropdown,{ref:s,disabled:e,className:x("more",{loading:e,dev:n}),options:i,maxOptionsShown:100,value:[],placeholder:"",itemTemplate:o=>t.jsxRuntimeExports.jsx(u,{...o,onConfig:l}),valueTemplate:()=>t.jsxRuntimeExports.jsx(c.DefaultValueTemplate,{placeholder:"",value:[],dropIcon:"category"}),onChange:o=>r(o[0]),buttonProps:{"data-tooltip":n?"Actions (dev bundle)":"Actions","data-tooltip-delay":0},...a})};exports.ActionsDropdown=w;exports.ActionsDropdownItem=u;
+`,u=({value:i,label:e,icon:n,header:r,hasConfig:d,description:a,onConfig:s})=>{if(r)return t.jsxRuntimeExports.jsx(p.DropdownHeader,{children:j.upperFirst(e)});const l=o=>{s?.(i),o.stopPropagation(),o.preventDefault()};return t.jsxRuntimeExports.jsx(p.DropdownItem,{children:t.jsxRuntimeExports.jsxs(f,{"data-tooltip":a||"","data-tooltip-delay":0,children:[t.jsxRuntimeExports.jsx(h,{icon:n}),t.jsxRuntimeExports.jsx("span",{children:e}),t.jsxRuntimeExports.jsx(c.Spacer,{}),d&&t.jsxRuntimeExports.jsx(c.Button,{onClick:l,icon:"settings_applications",tabIndex:-1,style:{background:"none",padding:0}})]})})},w=({options:i,isLoading:e,isDeveloperMode:n,onAction:r,onConfig:d,...a})=>{const s=m.useRef(null),l=o=>{s.current?.close(),d(o)};return t.jsxRuntimeExports.jsx(p.StyledDropdown,{ref:s,disabled:e,className:x("more",{dev:n}),options:i,maxOptionsShown:100,value:[],placeholder:"",itemTemplate:o=>t.jsxRuntimeExports.jsx(u,{...o,onConfig:l}),valueTemplate:()=>t.jsxRuntimeExports.jsx(c.DefaultValueTemplate,{placeholder:"",value:[],dropIcon:"category"}),onChange:o=>r(o[0]),buttonProps:{"data-tooltip":n?"Actions (dev bundle)":"Actions","data-tooltip-delay":0},...a})};exports.ActionsDropdown=w;exports.ActionsDropdownItem=u;
 //# sourceMappingURL=ActionsDropdown.cjs.js.map

package/dist/shared/src/containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsDropdown.cjs.js","sources":["../../../../../../src/containers/Actions/ActionsDropdown/ActionsDropdown.tsx"],"sourcesContent":["import { DefaultValueTemplate, Button, Spacer, DropdownRef, DropdownProps } from '@ynput/ayon-react-components'\nimport { DropdownHeader, DropdownItem, StyledDropdown } from './ActionsDropdown.styled'\nimport clsx from 'clsx'\nimport { useRef } from 'react'\nimport { upperFirst } from 'lodash'\nimport ActionIcon from '../ActionIcon'\nimport styled from 'styled-components'\nimport { IconModel } from '@shared/api'\n\nconst ActionItemContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  gap: 4px;\n\n  // use visibility instead of display, so dropdown adjusts its width\n  button {\n    display: flex;\n    visibility: hidden;\n  }\n\n  &:hover,\n  &:focus-within {\n    button {\n      visibility: visible;\n    }\n  }\n`\n\ntype ActionsDropdownItemProps = {\n  value: string\n  label: string\n  icon?: IconModel\n  header?: boolean\n  hasConfig?: boolean\n  description?: string\n  onConfig?: (value: string) => void\n}\n\nexport const ActionsDropdownItem = ({\n  value,\n  label,\n  icon,\n  header,\n  hasConfig,\n  description,\n  onConfig,\n}: ActionsDropdownItemProps) => {\n  if (header) return <DropdownHeader>{upperFirst(label)}</DropdownHeader>\n\n  const handleConfig = (e: any) => {\n    onConfig?.(value)\n    e.stopPropagation()\n    e.preventDefault()\n  }\n\n  return (\n    <DropdownItem>\n      <ActionItemContainer data-tooltip={description || ''} data-tooltip-delay={0}>\n        <ActionIcon icon={icon} />\n        <span>{label}</span>\n        <Spacer />\n        {hasConfig && (\n          <Button\n            onClick={handleConfig}\n            icon=\"settings_applications\"\n            tabIndex={-1}\n            style={{ background: 'none', padding: 0 }}\n          />\n        )}\n      </ActionItemContainer>\n    </DropdownItem>\n  )\n}\n\nexport interface ActionsDropdownProps extends Omit<DropdownProps, 'value'> {\n  options: ActionsDropdownItemProps[]\n  isLoading?: boolean\n  isDeveloperMode: boolean\n  onAction: (value: string) => void\n  onConfig: (e: any) => void\n}\n\nexport const ActionsDropdown = ({\n  options,\n  isLoading,\n  isDeveloperMode,\n  onAction,\n  onConfig,\n  ...props\n}: ActionsDropdownProps) => {\n  const dropdownRef = useRef<DropdownRef>(null)\n\n  const handleConfigClick = (e: any) => {\n    dropdownRef.current?.close()\n    onConfig(e)\n  }\n  return (\n    <StyledDropdown\n      ref={dropdownRef}\n      disabled={isLoading}\n      className={clsx('more', { loading: isLoading, dev: isDeveloperMode })}\n      options={options}\n      maxOptionsShown={100}\n      value={[]}\n      placeholder=\"\"\n      itemTemplate={(option) => <ActionsDropdownItem {...option} onConfig={handleConfigClick} />}\n      valueTemplate={() => <DefaultValueTemplate placeholder=\"\" value={[]} dropIcon={'category'} />}\n      onChange={(v) => onAction(v[0])}\n      buttonProps={{\n        // @ts-expect-error\n        ['data-tooltip']: isDeveloperMode ? 'Actions (dev bundle)' : 'Actions',\n        ['data-tooltip-delay']: 0,\n      }}\n      {...props}\n    />\n  )\n}\n"],"names":["ActionItemContainer","styled","ActionsDropdownItem","value","label","icon","header","hasConfig","description","onConfig","jsx","DropdownHeader","upperFirst","handleConfig","e","DropdownItem","jsxs","ActionIcon","Spacer","Button","ActionsDropdown","options","isLoading","isDeveloperMode","onAction","props","dropdownRef","useRef","handleConfigClick","StyledDropdown","clsx","option","DefaultValueTemplate","v"],"mappings":"+VASMA,EAAsBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8BtBC,EAAsB,CAAC,CAClC,MAAAC,EACA,MAAAC,EACA,KAAAC,EACA,OAAAC,EACA,UAAAC,EACA,YAAAC,EACA,SAAAC,CACF,IAAgC,CAC9B,GAAIH,EAAQ,OAAOI,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CAAgB,SAAAC,EAAAA,WAAWR,CAAK,EAAE,EAEtD,MAAMS,EAAgBC,GAAW,CAC/BL,IAAWN,CAAK,EAChBW,EAAE,gBAAA,EACFA,EAAE,eAAA,CACJ,EAEA,OACEJ,EAAAA,kBAAAA,IAACK,EAAAA,cACC,SAAAC,EAAAA,kBAAAA,KAAChB,EAAA,CAAoB,eAAcQ,GAAe,GAAI,qBAAoB,EACxE,SAAA,CAAAE,wBAACO,GAAW,KAAAZ,EAAY,EACxBK,EAAAA,kBAAAA,IAAC,QAAM,SAAAN,CAAA,CAAM,0BACZc,EAAAA,OAAA,EAAO,EACPX,GACCG,EAAAA,kBAAAA,IAACS,EAAAA,OAAA,CACC,QAASN,EACT,KAAK,wBACL,SAAU,GACV,MAAO,CAAE,WAAY,OAAQ,QAAS,CAAA,CAAE,CAAA,CAC1C,CAAA,CAEJ,CAAA,CACF,CAEJ,EAUaO,EAAkB,CAAC,CAC9B,QAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,SAAAf,EACA,GAAGgB,CACL,IAA4B,CAC1B,MAAMC,EAAcC,EAAAA,OAAoB,IAAI,EAEtCC,EAAqBd,GAAW,CACpCY,EAAY,SAAS,MAAA,EACrBjB,EAASK,CAAC,CACZ,EACA,OACEJ,EAAAA,kBAAAA,IAACmB,EAAAA,eAAA,CACC,IAAKH,EACL,SAAUJ,EACV,UAAWQ,EAAK,OAAQ,CAAE,QAASR,EAAW,IAAKC,EAAiB,EACpE,QAAAF,EACA,gBAAiB,IACjB,MAAO,CAAA,EACP,YAAY,GACZ,aAAeU,GAAWrB,wBAACR,GAAqB,GAAG6B,EAAQ,SAAUH,EAAmB,EACxF,cAAe,IAAMlB,EAAAA,kBAAAA,IAACsB,EAAAA,qBAAA,CAAqB,YAAY,GAAG,MAAO,CAAA,EAAI,SAAU,WAAY,EAC3F,SAAWC,GAAMT,EAASS,EAAE,CAAC,CAAC,EAC9B,YAAa,CAEV,eAAiBV,EAAkB,uBAAyB,UAC5D,qBAAuB,CAAA,EAEzB,GAAGE,CAAA,CAAA,CAGV"}
+{"version":3,"file":"ActionsDropdown.cjs.js","sources":["../../../../../../src/containers/Actions/ActionsDropdown/ActionsDropdown.tsx"],"sourcesContent":["import {\n  DefaultValueTemplate,\n  Button,\n  Spacer,\n  DropdownRef,\n  DropdownProps,\n} from '@ynput/ayon-react-components'\nimport { DropdownHeader, DropdownItem, StyledDropdown } from './ActionsDropdown.styled'\nimport clsx from 'clsx'\nimport { useRef } from 'react'\nimport { upperFirst } from 'lodash'\nimport ActionIcon from '../ActionIcon'\nimport styled from 'styled-components'\nimport { IconModel } from '@shared/api'\n\nconst ActionItemContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  gap: 4px;\n\n  // use visibility instead of display, so dropdown adjusts its width\n  button {\n    display: flex;\n    visibility: hidden;\n  }\n\n  &:hover,\n  &:focus-within {\n    button {\n      visibility: visible;\n    }\n  }\n`\n\ntype ActionsDropdownItemProps = {\n  value: string\n  label: string\n  icon?: IconModel\n  header?: boolean\n  hasConfig?: boolean\n  description?: string\n  onConfig?: (value: string) => void\n}\n\nexport const ActionsDropdownItem = ({\n  value,\n  label,\n  icon,\n  header,\n  hasConfig,\n  description,\n  onConfig,\n}: ActionsDropdownItemProps) => {\n  if (header) return <DropdownHeader>{upperFirst(label)}</DropdownHeader>\n\n  const handleConfig = (e: any) => {\n    onConfig?.(value)\n    e.stopPropagation()\n    e.preventDefault()\n  }\n\n  return (\n    <DropdownItem>\n      <ActionItemContainer data-tooltip={description || ''} data-tooltip-delay={0}>\n        <ActionIcon icon={icon} />\n        <span>{label}</span>\n        <Spacer />\n        {hasConfig && (\n          <Button\n            onClick={handleConfig}\n            icon=\"settings_applications\"\n            tabIndex={-1}\n            style={{ background: 'none', padding: 0 }}\n          />\n        )}\n      </ActionItemContainer>\n    </DropdownItem>\n  )\n}\n\nexport interface ActionsDropdownProps extends Omit<DropdownProps, 'value'> {\n  options: ActionsDropdownItemProps[]\n  isLoading?: boolean\n  isDeveloperMode: boolean\n  onAction: (value: string) => void\n  onConfig: (e: any) => void\n}\n\nexport const ActionsDropdown = ({\n  options,\n  isLoading,\n  isDeveloperMode,\n  onAction,\n  onConfig,\n  ...props\n}: ActionsDropdownProps) => {\n  const dropdownRef = useRef<DropdownRef>(null)\n\n  const handleConfigClick = (e: any) => {\n    dropdownRef.current?.close()\n    onConfig(e)\n  }\n  return (\n    <StyledDropdown\n      ref={dropdownRef}\n      disabled={isLoading}\n      className={clsx('more', { dev: isDeveloperMode })}\n      options={options}\n      maxOptionsShown={100}\n      value={[]}\n      placeholder=\"\"\n      itemTemplate={(option) => <ActionsDropdownItem {...option} onConfig={handleConfigClick} />}\n      valueTemplate={() => <DefaultValueTemplate placeholder=\"\" value={[]} dropIcon={'category'} />}\n      onChange={(v) => onAction(v[0])}\n      buttonProps={{\n        // @ts-expect-error\n        ['data-tooltip']: isDeveloperMode ? 'Actions (dev bundle)' : 'Actions',\n        ['data-tooltip-delay']: 0,\n      }}\n      {...props}\n    />\n  )\n}\n"],"names":["ActionItemContainer","styled","ActionsDropdownItem","value","label","icon","header","hasConfig","description","onConfig","jsx","DropdownHeader","upperFirst","handleConfig","e","DropdownItem","jsxs","ActionIcon","Spacer","Button","ActionsDropdown","options","isLoading","isDeveloperMode","onAction","props","dropdownRef","useRef","handleConfigClick","StyledDropdown","clsx","option","DefaultValueTemplate","v"],"mappings":"+VAeMA,EAAsBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8BtBC,EAAsB,CAAC,CAClC,MAAAC,EACA,MAAAC,EACA,KAAAC,EACA,OAAAC,EACA,UAAAC,EACA,YAAAC,EACA,SAAAC,CACF,IAAgC,CAC9B,GAAIH,EAAQ,OAAOI,EAAAA,kBAAAA,IAACC,EAAAA,eAAA,CAAgB,SAAAC,EAAAA,WAAWR,CAAK,EAAE,EAEtD,MAAMS,EAAgBC,GAAW,CAC/BL,IAAWN,CAAK,EAChBW,EAAE,gBAAA,EACFA,EAAE,eAAA,CACJ,EAEA,OACEJ,EAAAA,kBAAAA,IAACK,EAAAA,cACC,SAAAC,EAAAA,kBAAAA,KAAChB,EAAA,CAAoB,eAAcQ,GAAe,GAAI,qBAAoB,EACxE,SAAA,CAAAE,wBAACO,GAAW,KAAAZ,EAAY,EACxBK,EAAAA,kBAAAA,IAAC,QAAM,SAAAN,CAAA,CAAM,0BACZc,EAAAA,OAAA,EAAO,EACPX,GACCG,EAAAA,kBAAAA,IAACS,EAAAA,OAAA,CACC,QAASN,EACT,KAAK,wBACL,SAAU,GACV,MAAO,CAAE,WAAY,OAAQ,QAAS,CAAA,CAAE,CAAA,CAC1C,CAAA,CAEJ,CAAA,CACF,CAEJ,EAUaO,EAAkB,CAAC,CAC9B,QAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,SAAAf,EACA,GAAGgB,CACL,IAA4B,CAC1B,MAAMC,EAAcC,EAAAA,OAAoB,IAAI,EAEtCC,EAAqBd,GAAW,CACpCY,EAAY,SAAS,MAAA,EACrBjB,EAASK,CAAC,CACZ,EACA,OACEJ,EAAAA,kBAAAA,IAACmB,EAAAA,eAAA,CACC,IAAKH,EACL,SAAUJ,EACV,UAAWQ,EAAK,OAAQ,CAAE,IAAKP,EAAiB,EAChD,QAAAF,EACA,gBAAiB,IACjB,MAAO,CAAA,EACP,YAAY,GACZ,aAAeU,GAAWrB,wBAACR,GAAqB,GAAG6B,EAAQ,SAAUH,EAAmB,EACxF,cAAe,IAAMlB,EAAAA,kBAAAA,IAACsB,EAAAA,qBAAA,CAAqB,YAAY,GAAG,MAAO,CAAA,EAAI,SAAU,WAAY,EAC3F,SAAWC,GAAMT,EAASS,EAAE,CAAC,CAAC,EAC9B,YAAa,CAEV,eAAiBV,EAAkB,uBAAyB,UAC5D,qBAAuB,CAAA,EAEzB,GAAGE,CAAA,CAAA,CAGV"}

package/dist/shared/src/containers/Actions/ActionsDropdown/ActionsDropdown.es.js

@@ -67,7 +67,7 @@ const b = v.div`
     {
       ref: e,
       disabled: i,
-      className: h("more", { loading: i, dev: n }),
+      className: h("more", { dev: n }),
       options: r,
       maxOptionsShown: 100,
       value: [],

package/dist/shared/src/containers/Actions/ActionsDropdown/ActionsDropdown.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsDropdown.es.js","sources":["../../../../../../src/containers/Actions/ActionsDropdown/ActionsDropdown.tsx"],"sourcesContent":["import { DefaultValueTemplate, Button, Spacer, DropdownRef, DropdownProps } from '@ynput/ayon-react-components'\nimport { DropdownHeader, DropdownItem, StyledDropdown } from './ActionsDropdown.styled'\nimport clsx from 'clsx'\nimport { useRef } from 'react'\nimport { upperFirst } from 'lodash'\nimport ActionIcon from '../ActionIcon'\nimport styled from 'styled-components'\nimport { IconModel } from '@shared/api'\n\nconst ActionItemContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  gap: 4px;\n\n  // use visibility instead of display, so dropdown adjusts its width\n  button {\n    display: flex;\n    visibility: hidden;\n  }\n\n  &:hover,\n  &:focus-within {\n    button {\n      visibility: visible;\n    }\n  }\n`\n\ntype ActionsDropdownItemProps = {\n  value: string\n  label: string\n  icon?: IconModel\n  header?: boolean\n  hasConfig?: boolean\n  description?: string\n  onConfig?: (value: string) => void\n}\n\nexport const ActionsDropdownItem = ({\n  value,\n  label,\n  icon,\n  header,\n  hasConfig,\n  description,\n  onConfig,\n}: ActionsDropdownItemProps) => {\n  if (header) return <DropdownHeader>{upperFirst(label)}</DropdownHeader>\n\n  const handleConfig = (e: any) => {\n    onConfig?.(value)\n    e.stopPropagation()\n    e.preventDefault()\n  }\n\n  return (\n    <DropdownItem>\n      <ActionItemContainer data-tooltip={description || ''} data-tooltip-delay={0}>\n        <ActionIcon icon={icon} />\n        <span>{label}</span>\n        <Spacer />\n        {hasConfig && (\n          <Button\n            onClick={handleConfig}\n            icon=\"settings_applications\"\n            tabIndex={-1}\n            style={{ background: 'none', padding: 0 }}\n          />\n        )}\n      </ActionItemContainer>\n    </DropdownItem>\n  )\n}\n\nexport interface ActionsDropdownProps extends Omit<DropdownProps, 'value'> {\n  options: ActionsDropdownItemProps[]\n  isLoading?: boolean\n  isDeveloperMode: boolean\n  onAction: (value: string) => void\n  onConfig: (e: any) => void\n}\n\nexport const ActionsDropdown = ({\n  options,\n  isLoading,\n  isDeveloperMode,\n  onAction,\n  onConfig,\n  ...props\n}: ActionsDropdownProps) => {\n  const dropdownRef = useRef<DropdownRef>(null)\n\n  const handleConfigClick = (e: any) => {\n    dropdownRef.current?.close()\n    onConfig(e)\n  }\n  return (\n    <StyledDropdown\n      ref={dropdownRef}\n      disabled={isLoading}\n      className={clsx('more', { loading: isLoading, dev: isDeveloperMode })}\n      options={options}\n      maxOptionsShown={100}\n      value={[]}\n      placeholder=\"\"\n      itemTemplate={(option) => <ActionsDropdownItem {...option} onConfig={handleConfigClick} />}\n      valueTemplate={() => <DefaultValueTemplate placeholder=\"\" value={[]} dropIcon={'category'} />}\n      onChange={(v) => onAction(v[0])}\n      buttonProps={{\n        // @ts-expect-error\n        ['data-tooltip']: isDeveloperMode ? 'Actions (dev bundle)' : 'Actions',\n        ['data-tooltip-delay']: 0,\n      }}\n      {...props}\n    />\n  )\n}\n"],"names":["ActionItemContainer","styled","ActionsDropdownItem","value","label","icon","header","hasConfig","description","onConfig","jsx","DropdownHeader","upperFirst","handleConfig","e","DropdownItem","jsxs","ActionIcon","Spacer","Button","ActionsDropdown","options","isLoading","isDeveloperMode","onAction","props","dropdownRef","useRef","handleConfigClick","StyledDropdown","clsx","option","DefaultValueTemplate","v"],"mappings":";;;;;;;;AASA,MAAMA,IAAsBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA8BtBC,IAAsB,CAAC;AAAA,EAClC,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AACF,MAAgC;AAC9B,MAAIH,EAAQ,QAAOI,gBAAAA,EAAAA,IAACC,GAAA,EAAgB,UAAAC,EAAWR,CAAK,GAAE;AAEtD,QAAMS,IAAe,CAACC,MAAW;AAC/B,IAAAL,IAAWN,CAAK,GAChBW,EAAE,gBAAA,GACFA,EAAE,eAAA;AAAA,EACJ;AAEA,SACEJ,gBAAAA,EAAAA,IAACK,KACC,UAAAC,gBAAAA,EAAAA,KAAChB,GAAA,EAAoB,gBAAcQ,KAAe,IAAI,sBAAoB,GACxE,UAAA;AAAA,IAAAE,gBAAAA,MAACO,KAAW,MAAAZ,GAAY;AAAA,IACxBK,gBAAAA,EAAAA,IAAC,UAAM,UAAAN,EAAA,CAAM;AAAA,0BACZc,GAAA,EAAO;AAAA,IACPX,KACCG,gBAAAA,EAAAA;AAAAA,MAACS;AAAA,MAAA;AAAA,QACC,SAASN;AAAA,QACT,MAAK;AAAA,QACL,UAAU;AAAA,QACV,OAAO,EAAE,YAAY,QAAQ,SAAS,EAAA;AAAA,MAAE;AAAA,IAAA;AAAA,EAC1C,EAAA,CAEJ,EAAA,CACF;AAEJ,GAUaO,IAAkB,CAAC;AAAA,EAC9B,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAf;AAAA,EACA,GAAGgB;AACL,MAA4B;AAC1B,QAAMC,IAAcC,EAAoB,IAAI,GAEtCC,IAAoB,CAACd,MAAW;AACpC,IAAAY,EAAY,SAAS,MAAA,GACrBjB,EAASK,CAAC;AAAA,EACZ;AACA,SACEJ,gBAAAA,EAAAA;AAAAA,IAACmB;AAAA,IAAA;AAAA,MACC,KAAKH;AAAA,MACL,UAAUJ;AAAA,MACV,WAAWQ,EAAK,QAAQ,EAAE,SAASR,GAAW,KAAKC,GAAiB;AAAA,MACpE,SAAAF;AAAA,MACA,iBAAiB;AAAA,MACjB,OAAO,CAAA;AAAA,MACP,aAAY;AAAA,MACZ,cAAc,CAACU,MAAWrB,gBAAAA,MAACR,KAAqB,GAAG6B,GAAQ,UAAUH,GAAmB;AAAA,MACxF,eAAe,MAAMlB,gBAAAA,EAAAA,IAACsB,GAAA,EAAqB,aAAY,IAAG,OAAO,CAAA,GAAI,UAAU,YAAY;AAAA,MAC3F,UAAU,CAACC,MAAMT,EAASS,EAAE,CAAC,CAAC;AAAA,MAC9B,aAAa;AAAA;AAAA,QAEV,gBAAiBV,IAAkB,yBAAyB;AAAA,QAC5D,sBAAuB;AAAA,MAAA;AAAA,MAEzB,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"ActionsDropdown.es.js","sources":["../../../../../../src/containers/Actions/ActionsDropdown/ActionsDropdown.tsx"],"sourcesContent":["import {\n  DefaultValueTemplate,\n  Button,\n  Spacer,\n  DropdownRef,\n  DropdownProps,\n} from '@ynput/ayon-react-components'\nimport { DropdownHeader, DropdownItem, StyledDropdown } from './ActionsDropdown.styled'\nimport clsx from 'clsx'\nimport { useRef } from 'react'\nimport { upperFirst } from 'lodash'\nimport ActionIcon from '../ActionIcon'\nimport styled from 'styled-components'\nimport { IconModel } from '@shared/api'\n\nconst ActionItemContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  gap: 4px;\n\n  // use visibility instead of display, so dropdown adjusts its width\n  button {\n    display: flex;\n    visibility: hidden;\n  }\n\n  &:hover,\n  &:focus-within {\n    button {\n      visibility: visible;\n    }\n  }\n`\n\ntype ActionsDropdownItemProps = {\n  value: string\n  label: string\n  icon?: IconModel\n  header?: boolean\n  hasConfig?: boolean\n  description?: string\n  onConfig?: (value: string) => void\n}\n\nexport const ActionsDropdownItem = ({\n  value,\n  label,\n  icon,\n  header,\n  hasConfig,\n  description,\n  onConfig,\n}: ActionsDropdownItemProps) => {\n  if (header) return <DropdownHeader>{upperFirst(label)}</DropdownHeader>\n\n  const handleConfig = (e: any) => {\n    onConfig?.(value)\n    e.stopPropagation()\n    e.preventDefault()\n  }\n\n  return (\n    <DropdownItem>\n      <ActionItemContainer data-tooltip={description || ''} data-tooltip-delay={0}>\n        <ActionIcon icon={icon} />\n        <span>{label}</span>\n        <Spacer />\n        {hasConfig && (\n          <Button\n            onClick={handleConfig}\n            icon=\"settings_applications\"\n            tabIndex={-1}\n            style={{ background: 'none', padding: 0 }}\n          />\n        )}\n      </ActionItemContainer>\n    </DropdownItem>\n  )\n}\n\nexport interface ActionsDropdownProps extends Omit<DropdownProps, 'value'> {\n  options: ActionsDropdownItemProps[]\n  isLoading?: boolean\n  isDeveloperMode: boolean\n  onAction: (value: string) => void\n  onConfig: (e: any) => void\n}\n\nexport const ActionsDropdown = ({\n  options,\n  isLoading,\n  isDeveloperMode,\n  onAction,\n  onConfig,\n  ...props\n}: ActionsDropdownProps) => {\n  const dropdownRef = useRef<DropdownRef>(null)\n\n  const handleConfigClick = (e: any) => {\n    dropdownRef.current?.close()\n    onConfig(e)\n  }\n  return (\n    <StyledDropdown\n      ref={dropdownRef}\n      disabled={isLoading}\n      className={clsx('more', { dev: isDeveloperMode })}\n      options={options}\n      maxOptionsShown={100}\n      value={[]}\n      placeholder=\"\"\n      itemTemplate={(option) => <ActionsDropdownItem {...option} onConfig={handleConfigClick} />}\n      valueTemplate={() => <DefaultValueTemplate placeholder=\"\" value={[]} dropIcon={'category'} />}\n      onChange={(v) => onAction(v[0])}\n      buttonProps={{\n        // @ts-expect-error\n        ['data-tooltip']: isDeveloperMode ? 'Actions (dev bundle)' : 'Actions',\n        ['data-tooltip-delay']: 0,\n      }}\n      {...props}\n    />\n  )\n}\n"],"names":["ActionItemContainer","styled","ActionsDropdownItem","value","label","icon","header","hasConfig","description","onConfig","jsx","DropdownHeader","upperFirst","handleConfig","e","DropdownItem","jsxs","ActionIcon","Spacer","Button","ActionsDropdown","options","isLoading","isDeveloperMode","onAction","props","dropdownRef","useRef","handleConfigClick","StyledDropdown","clsx","option","DefaultValueTemplate","v"],"mappings":";;;;;;;;AAeA,MAAMA,IAAsBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA8BtBC,IAAsB,CAAC;AAAA,EAClC,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AACF,MAAgC;AAC9B,MAAIH,EAAQ,QAAOI,gBAAAA,EAAAA,IAACC,GAAA,EAAgB,UAAAC,EAAWR,CAAK,GAAE;AAEtD,QAAMS,IAAe,CAACC,MAAW;AAC/B,IAAAL,IAAWN,CAAK,GAChBW,EAAE,gBAAA,GACFA,EAAE,eAAA;AAAA,EACJ;AAEA,SACEJ,gBAAAA,EAAAA,IAACK,KACC,UAAAC,gBAAAA,EAAAA,KAAChB,GAAA,EAAoB,gBAAcQ,KAAe,IAAI,sBAAoB,GACxE,UAAA;AAAA,IAAAE,gBAAAA,MAACO,KAAW,MAAAZ,GAAY;AAAA,IACxBK,gBAAAA,EAAAA,IAAC,UAAM,UAAAN,EAAA,CAAM;AAAA,0BACZc,GAAA,EAAO;AAAA,IACPX,KACCG,gBAAAA,EAAAA;AAAAA,MAACS;AAAA,MAAA;AAAA,QACC,SAASN;AAAA,QACT,MAAK;AAAA,QACL,UAAU;AAAA,QACV,OAAO,EAAE,YAAY,QAAQ,SAAS,EAAA;AAAA,MAAE;AAAA,IAAA;AAAA,EAC1C,EAAA,CAEJ,EAAA,CACF;AAEJ,GAUaO,IAAkB,CAAC;AAAA,EAC9B,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAf;AAAA,EACA,GAAGgB;AACL,MAA4B;AAC1B,QAAMC,IAAcC,EAAoB,IAAI,GAEtCC,IAAoB,CAACd,MAAW;AACpC,IAAAY,EAAY,SAAS,MAAA,GACrBjB,EAASK,CAAC;AAAA,EACZ;AACA,SACEJ,gBAAAA,EAAAA;AAAAA,IAACmB;AAAA,IAAA;AAAA,MACC,KAAKH;AAAA,MACL,UAAUJ;AAAA,MACV,WAAWQ,EAAK,QAAQ,EAAE,KAAKP,GAAiB;AAAA,MAChD,SAAAF;AAAA,MACA,iBAAiB;AAAA,MACjB,OAAO,CAAA;AAAA,MACP,aAAY;AAAA,MACZ,cAAc,CAACU,MAAWrB,gBAAAA,MAACR,KAAqB,GAAG6B,GAAQ,UAAUH,GAAmB;AAAA,MACxF,eAAe,MAAMlB,gBAAAA,EAAAA,IAACsB,GAAA,EAAqB,aAAY,IAAG,OAAO,CAAA,GAAI,UAAU,YAAY;AAAA,MAC3F,UAAU,CAACC,MAAMT,EAASS,EAAE,CAAC,CAAC;AAAA,MAC9B,aAAa;AAAA;AAAA,QAEV,gBAAiBV,IAAkB,yBAAyB;AAAA,QAC5D,sBAAuB;AAAA,MAAA;AAAA,MAEzB,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/shared/src/containers/Actions/ActionsDropdown/ActionsDropdown.styled.cjs.js

@@ -1,12 +1,15 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@ynput/ayon-react-components"),o=require("styled-components"),e=o(r.Dropdown)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@ynput/ayon-react-components"),o=require("styled-components"),r=o(e.Dropdown)`
   height: unset;
   button {
-    background-color: var(--md-sys-color-surface-container-highest);
-    min-height: 32px;
+    background-color: unset;
+    max-height: 28px;
+    max-width: 28px;
+    min-height: 28px;
+    min-width: 28px;
     & > div {
       padding: 0;
       border: 0;
-      padding: 0 6px;
+      padding: 0 4px;
       gap: 0;
     }
     * {
@@ -54,5 +57,5 @@
 `,n=o.div`
   color: var(--md-sys-color-outline);
   padding: 4px 6px;
-`;exports.DropdownHeader=n;exports.DropdownItem=d;exports.StyledDropdown=e;
+`;exports.DropdownHeader=n;exports.DropdownItem=d;exports.StyledDropdown=r;
 //# sourceMappingURL=ActionsDropdown.styled.cjs.js.map

package/dist/shared/src/containers/Actions/ActionsDropdown/ActionsDropdown.styled.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsDropdown.styled.cjs.js","sources":["../../../../../../src/containers/Actions/ActionsDropdown/ActionsDropdown.styled.ts"],"sourcesContent":["import { Dropdown } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const StyledDropdown = styled(Dropdown)`\n  height: unset;\n  button {\n    background-color: var(--md-sys-color-surface-container-highest);\n    min-height: 32px;\n    & > div {\n      padding: 0;\n      border: 0;\n      padding: 0 6px;\n      gap: 0;\n    }\n    * {\n      opacity: 1 !important;\n    }\n\n    .icon {\n      vertical-align: middle;\n    }\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-highest-hover);\n    }\n  }\n\n  /* developer mode */\n  &.dev {\n    button {\n      background-color: var(--color-hl-developer-container);\n      .icon {\n        color: var(--color-hl-developer);\n      }\n\n      &:hover {\n        background-color: var(--color-hl-developer-container-hover);\n      }\n    }\n  }\n\n  &.loading {\n    border-radius: 4px;\n  }\n`\n\nexport const DropdownItem = styled.div`\n  display: flex;\n  gap: var(--base-gap-large);\n\n  padding: 6px;\n  padding-right: 12px;\n\n  img {\n    width: 20px;\n    height: 20px;\n    object-fit: contain;\n  }\n`\n\nexport const DropdownHeader = styled.div`\n  color: var(--md-sys-color-outline);\n  padding: 4px 6px;\n`\n"],"names":["StyledDropdown","styled","Dropdown","DropdownItem","DropdownHeader"],"mappings":"+JAGaA,EAAiBC,EAAOC,UAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2ChCC,EAAeF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EActBG,EAAiBH,EAAO;AAAA;AAAA;AAAA"}
+{"version":3,"file":"ActionsDropdown.styled.cjs.js","sources":["../../../../../../src/containers/Actions/ActionsDropdown/ActionsDropdown.styled.ts"],"sourcesContent":["import { Dropdown } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const StyledDropdown = styled(Dropdown)`\n  height: unset;\n  button {\n    background-color: unset;\n    max-height: 28px;\n    max-width: 28px;\n    min-height: 28px;\n    min-width: 28px;\n    & > div {\n      padding: 0;\n      border: 0;\n      padding: 0 4px;\n      gap: 0;\n    }\n    * {\n      opacity: 1 !important;\n    }\n\n    .icon {\n      vertical-align: middle;\n    }\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-highest-hover);\n    }\n  }\n\n  /* developer mode */\n  &.dev {\n    button {\n      background-color: var(--color-hl-developer-container);\n      .icon {\n        color: var(--color-hl-developer);\n      }\n\n      &:hover {\n        background-color: var(--color-hl-developer-container-hover);\n      }\n    }\n  }\n\n  &.loading {\n    border-radius: 4px;\n  }\n`\n\nexport const DropdownItem = styled.div`\n  display: flex;\n  gap: var(--base-gap-large);\n\n  padding: 6px;\n  padding-right: 12px;\n\n  img {\n    width: 20px;\n    height: 20px;\n    object-fit: contain;\n  }\n`\n\nexport const DropdownHeader = styled.div`\n  color: var(--md-sys-color-outline);\n  padding: 4px 6px;\n`\n"],"names":["StyledDropdown","styled","Dropdown","DropdownItem","DropdownHeader"],"mappings":"+JAGaA,EAAiBC,EAAOC,UAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8ChCC,EAAeF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EActBG,EAAiBH,EAAO;AAAA;AAAA;AAAA"}

package/dist/shared/src/containers/Actions/ActionsDropdown/ActionsDropdown.styled.es.js

@@ -1,14 +1,17 @@
 import { Dropdown as r } from "@ynput/ayon-react-components";
 import o from "styled-components";
-const a = o(r)`
+const i = o(r)`
   height: unset;
   button {
-    background-color: var(--md-sys-color-surface-container-highest);
-    min-height: 32px;
+    background-color: unset;
+    max-height: 28px;
+    max-width: 28px;
+    min-height: 28px;
+    min-width: 28px;
     & > div {
       padding: 0;
       border: 0;
-      padding: 0 6px;
+      padding: 0 4px;
       gap: 0;
     }
     * {
@@ -41,7 +44,7 @@ const a = o(r)`
   &.loading {
     border-radius: 4px;
   }
-`, i = o.div`
+`, n = o.div`
   display: flex;
   gap: var(--base-gap-large);
 
@@ -53,13 +56,13 @@ const a = o(r)`
     height: 20px;
     object-fit: contain;
   }
-`, n = o.div`
+`, a = o.div`
   color: var(--md-sys-color-outline);
   padding: 4px 6px;
 `;
 export {
-  n as DropdownHeader,
-  i as DropdownItem,
-  a as StyledDropdown
+  a as DropdownHeader,
+  n as DropdownItem,
+  i as StyledDropdown
 };
 //# sourceMappingURL=ActionsDropdown.styled.es.js.map

package/dist/shared/src/containers/Actions/ActionsDropdown/ActionsDropdown.styled.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsDropdown.styled.es.js","sources":["../../../../../../src/containers/Actions/ActionsDropdown/ActionsDropdown.styled.ts"],"sourcesContent":["import { Dropdown } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const StyledDropdown = styled(Dropdown)`\n  height: unset;\n  button {\n    background-color: var(--md-sys-color-surface-container-highest);\n    min-height: 32px;\n    & > div {\n      padding: 0;\n      border: 0;\n      padding: 0 6px;\n      gap: 0;\n    }\n    * {\n      opacity: 1 !important;\n    }\n\n    .icon {\n      vertical-align: middle;\n    }\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-highest-hover);\n    }\n  }\n\n  /* developer mode */\n  &.dev {\n    button {\n      background-color: var(--color-hl-developer-container);\n      .icon {\n        color: var(--color-hl-developer);\n      }\n\n      &:hover {\n        background-color: var(--color-hl-developer-container-hover);\n      }\n    }\n  }\n\n  &.loading {\n    border-radius: 4px;\n  }\n`\n\nexport const DropdownItem = styled.div`\n  display: flex;\n  gap: var(--base-gap-large);\n\n  padding: 6px;\n  padding-right: 12px;\n\n  img {\n    width: 20px;\n    height: 20px;\n    object-fit: contain;\n  }\n`\n\nexport const DropdownHeader = styled.div`\n  color: var(--md-sys-color-outline);\n  padding: 4px 6px;\n`\n"],"names":["StyledDropdown","styled","Dropdown","DropdownItem","DropdownHeader"],"mappings":";;AAGO,MAAMA,IAAiBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2ChCC,IAAeF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GActBG,IAAiBH,EAAO;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"ActionsDropdown.styled.es.js","sources":["../../../../../../src/containers/Actions/ActionsDropdown/ActionsDropdown.styled.ts"],"sourcesContent":["import { Dropdown } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const StyledDropdown = styled(Dropdown)`\n  height: unset;\n  button {\n    background-color: unset;\n    max-height: 28px;\n    max-width: 28px;\n    min-height: 28px;\n    min-width: 28px;\n    & > div {\n      padding: 0;\n      border: 0;\n      padding: 0 4px;\n      gap: 0;\n    }\n    * {\n      opacity: 1 !important;\n    }\n\n    .icon {\n      vertical-align: middle;\n    }\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-highest-hover);\n    }\n  }\n\n  /* developer mode */\n  &.dev {\n    button {\n      background-color: var(--color-hl-developer-container);\n      .icon {\n        color: var(--color-hl-developer);\n      }\n\n      &:hover {\n        background-color: var(--color-hl-developer-container-hover);\n      }\n    }\n  }\n\n  &.loading {\n    border-radius: 4px;\n  }\n`\n\nexport const DropdownItem = styled.div`\n  display: flex;\n  gap: var(--base-gap-large);\n\n  padding: 6px;\n  padding-right: 12px;\n\n  img {\n    width: 20px;\n    height: 20px;\n    object-fit: contain;\n  }\n`\n\nexport const DropdownHeader = styled.div`\n  color: var(--md-sys-color-outline);\n  padding: 4px 6px;\n`\n"],"names":["StyledDropdown","styled","Dropdown","DropdownItem","DropdownHeader"],"mappings":";;AAGO,MAAMA,IAAiBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA8ChCC,IAAeF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GActBG,IAAiBH,EAAO;AAAA;AAAA;AAAA;"}

package/dist/shared/src/containers/Actions/InteractiveActionDialog.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("react");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../components/AccessUser/AccessUser.cjs.js");require("clsx");require("lodash");require("../../components/AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../components/Badge/Badge.cjs.js");require("../../components/Chips/Chips.cjs.js");require("date-fns");require("../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../components/LinksManager/CellEditingDialog.cjs.js");require("react-toastify");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/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/updateActivities.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/cloud/cloud.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/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/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.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/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.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/updateTasks.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("../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                   */require("../Feed/context/FeedContext.cjs.js");require("../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.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/PowerpackContext.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/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../Feed/components/CommentInput/CommentInput.cjs.js");require("../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("react-router-dom");require("../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../Feed/components/ActivityDate.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../Feed/Feed.styled.cjs.js");require("../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../components/LinksManager/LinksManager.styled.cjs.js");require("../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../ProjectTreeTable/components/SelectionCell.cjs.js");require("../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../SimpleTable/context/SimpleTableContext.cjs.js");require("../SimpleTable/SimpleTableRowTemplate.cjs.js");require("../Slicer/hooks/useTableDataBySlice.cjs.js");require("../Slicer/components/SlicerSearch.cjs.js");require("../Slicer/context/SlicerContext.cjs.js");require("../DetailsPanel/DetailsPanel.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("./Actions.styled.cjs.js");require("./ActionsDropdown/ActionsDropdown.cjs.js");require("./ActionIcon.cjs.js");require("../Views/context/ViewsContext.cjs.js");require("../Views/Views.styled.cjs.js");require("../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../components/EntityPath/EntityPath.styled.cjs.js");require("../../components/EntityPath/SegmentProvider.cjs.js");require("../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../components/Feedback/FeedbackContext.cjs.js");require("../../components/Feedback/SupportBubble.cjs.js");require("../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../components/Powerpack/PowerpackButton.cjs.js");require("../../components/Powerpack/PricingLink.cjs.js");require("../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../components/Powerpack/CTAButton.cjs.js");require("../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../components/SizeSlider/SizeSlider.cjs.js");require("../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../components/SearchFilter/filterDates.cjs.js");require("../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");const n=require("../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../components/StyledLink/StyledLink.cjs.js");require("../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../components/Watchers/Watchers.cjs.js");require("../../components/Menu/Menu.styled.cjs.js");require("../../components/Menu/MenuItem.cjs.js");const t=({interactiveForm:e,onClose:r,onSubmit:i})=>{if(!e)return null;const u=q=>{i(e.identifier,q),r()};return l.jsxRuntimeExports.jsx(n.SimpleFormDialog,{isOpen:!0,title:`${e.title}`,fields:e.fields,submitLabel:e.submitLabel,cancelLabel:e.cancelLabel,submitIcon:e.submitIcon,cancelIcon:e.cancelIcon,onClose:r,onSubmit:u})};exports.InteractiveActionDialog=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("react");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../components/AccessUser/AccessUser.cjs.js");require("clsx");require("lodash");require("../../components/AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../components/Badge/Badge.cjs.js");require("../../components/Chips/Chips.cjs.js");require("date-fns");require("../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../components/LinksManager/CellEditingDialog.cjs.js");require("react-toastify");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/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/updateActivities.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/cloud/cloud.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/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/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.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/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.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/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("../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                   */require("../Feed/context/FeedContext.cjs.js");require("../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.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/PowerpackContext.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/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../Feed/components/CommentInput/CommentInput.cjs.js");require("../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("react-router-dom");require("../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../Feed/components/ActivityDate.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../Feed/Feed.styled.cjs.js");require("../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../components/LinksManager/LinksManager.styled.cjs.js");require("../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../ProjectTreeTable/components/SelectionCell.cjs.js");require("../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../SimpleTable/context/SimpleTableContext.cjs.js");require("../SimpleTable/SimpleTableRowTemplate.cjs.js");require("../Slicer/hooks/useTableDataBySlice.cjs.js");require("../Slicer/components/SlicerSearch.cjs.js");require("../Slicer/context/SlicerContext.cjs.js");require("../DetailsPanel/DetailsPanel.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("./Actions.styled.cjs.js");require("./ActionsDropdown/ActionsDropdown.cjs.js");require("./ActionIcon.cjs.js");require("../Views/context/ViewsContext.cjs.js");require("../Views/Views.styled.cjs.js");require("../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../components/EntityPath/EntityPath.styled.cjs.js");require("../../components/EntityPath/SegmentProvider.cjs.js");require("../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../components/Feedback/FeedbackContext.cjs.js");require("../../components/Feedback/SupportBubble.cjs.js");require("../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../components/Powerpack/PowerpackButton.cjs.js");require("../../components/Powerpack/PricingLink.cjs.js");require("../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../components/Powerpack/CTAButton.cjs.js");require("../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../components/SizeSlider/SizeSlider.cjs.js");require("../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../components/SearchFilter/filterDates.cjs.js");require("../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");const n=require("../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../components/StyledLink/StyledLink.cjs.js");require("../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../components/Watchers/Watchers.cjs.js");require("../../components/Menu/Menu.styled.cjs.js");require("../../components/Menu/MenuItem.cjs.js");require("../../components/ReviewablesSelector/ReviewablesSelector.styled.cjs.js");const t=({interactiveForm:e,onClose:r,onSubmit:i})=>{if(!e)return null;const u=q=>{i(e.identifier,q),r()};return l.jsxRuntimeExports.jsx(n.SimpleFormDialog,{isOpen:!0,title:`${e.title}`,fields:e.fields,submitLabel:e.submitLabel,cancelLabel:e.cancelLabel,submitIcon:e.submitIcon,cancelIcon:e.cancelIcon,onClose:r,onSubmit:u})};exports.InteractiveActionDialog=t;
 //# sourceMappingURL=InteractiveActionDialog.cjs.js.map

package/dist/shared/src/containers/Actions/InteractiveActionDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"InteractiveActionDialog.cjs.js","sources":["../../../../../src/containers/Actions/InteractiveActionDialog.tsx"],"sourcesContent":["import { SimpleFormDialog } from '@shared/components'\nimport type { SimpleFormField } from '@shared/api'\n\nexport interface InteractiveForm {\n  identifier: string\n  title: string\n  fields: SimpleFormField[]\n  submitLabel?: string\n  cancelLabel?: string\n  submitIcon?: string\n  cancelIcon?: string\n}\n\nexport interface InteractiveActionDialogProps {\n  interactiveForm: InteractiveForm | null\n  onClose: () => void\n  onSubmit: (identifier: string, formData: Record<string, any>) => void\n}\n\nexport const InteractiveActionDialog = ({\n  interactiveForm,\n  onClose,\n  onSubmit,\n}: InteractiveActionDialogProps) => {\n  if (!interactiveForm) return null\n\n  const handleSubmit = (formData: Record<string, any>) => {\n    onSubmit(interactiveForm.identifier, formData)\n    onClose()\n  }\n\n  return (\n    <SimpleFormDialog\n      isOpen\n      title={`${interactiveForm.title}`}\n      fields={interactiveForm.fields}\n      submitLabel={interactiveForm.submitLabel}\n      cancelLabel={interactiveForm.cancelLabel}\n      submitIcon={interactiveForm.submitIcon}\n      cancelIcon={interactiveForm.cancelIcon}\n      onClose={onClose}\n      onSubmit={handleSubmit}\n    />\n  )\n}\n"],"names":["InteractiveActionDialog","interactiveForm","onClose","onSubmit","handleSubmit","formData","jsx","SimpleFormDialog"],"mappings":"khdAmBO,MAAMA,EAA0B,CAAC,CACtC,gBAAAC,EACA,QAAAC,EACA,SAAAC,CACF,IAAoC,CAClC,GAAI,CAACF,EAAiB,OAAO,KAE7B,MAAMG,EAAgBC,GAAkC,CACtDF,EAASF,EAAgB,WAAYI,CAAQ,EAC7CH,EAAA,CACF,EAEA,OACEI,EAAAA,kBAAAA,IAACC,EAAAA,iBAAA,CACC,OAAM,GACN,MAAO,GAAGN,EAAgB,KAAK,GAC/B,OAAQA,EAAgB,OACxB,YAAaA,EAAgB,YAC7B,YAAaA,EAAgB,YAC7B,WAAYA,EAAgB,WAC5B,WAAYA,EAAgB,WAC5B,QAAAC,EACA,SAAUE,CAAA,CAAA,CAGhB"}
+{"version":3,"file":"InteractiveActionDialog.cjs.js","sources":["../../../../../src/containers/Actions/InteractiveActionDialog.tsx"],"sourcesContent":["import { SimpleFormDialog } from '@shared/components'\nimport type { SimpleFormField } from '@shared/api'\n\nexport interface InteractiveForm {\n  identifier: string\n  title: string\n  fields: SimpleFormField[]\n  submitLabel?: string\n  cancelLabel?: string\n  submitIcon?: string\n  cancelIcon?: string\n}\n\nexport interface InteractiveActionDialogProps {\n  interactiveForm: InteractiveForm | null\n  onClose: () => void\n  onSubmit: (identifier: string, formData: Record<string, any>) => void\n}\n\nexport const InteractiveActionDialog = ({\n  interactiveForm,\n  onClose,\n  onSubmit,\n}: InteractiveActionDialogProps) => {\n  if (!interactiveForm) return null\n\n  const handleSubmit = (formData: Record<string, any>) => {\n    onSubmit(interactiveForm.identifier, formData)\n    onClose()\n  }\n\n  return (\n    <SimpleFormDialog\n      isOpen\n      title={`${interactiveForm.title}`}\n      fields={interactiveForm.fields}\n      submitLabel={interactiveForm.submitLabel}\n      cancelLabel={interactiveForm.cancelLabel}\n      submitIcon={interactiveForm.submitIcon}\n      cancelIcon={interactiveForm.cancelIcon}\n      onClose={onClose}\n      onSubmit={handleSubmit}\n    />\n  )\n}\n"],"names":["InteractiveActionDialog","interactiveForm","onClose","onSubmit","handleSubmit","formData","jsx","SimpleFormDialog"],"mappings":"updAmBO,MAAMA,EAA0B,CAAC,CACtC,gBAAAC,EACA,QAAAC,EACA,SAAAC,CACF,IAAoC,CAClC,GAAI,CAACF,EAAiB,OAAO,KAE7B,MAAMG,EAAgBC,GAAkC,CACtDF,EAASF,EAAgB,WAAYI,CAAQ,EAC7CH,EAAA,CACF,EAEA,OACEI,EAAAA,kBAAAA,IAACC,EAAAA,iBAAA,CACC,OAAM,GACN,MAAO,GAAGN,EAAgB,KAAK,GAC/B,OAAQA,EAAgB,OACxB,YAAaA,EAAgB,YAC7B,YAAaA,EAAgB,YAC7B,WAAYA,EAAgB,WAC5B,WAAYA,EAAgB,WAC5B,QAAAC,EACA,SAAUE,CAAA,CAAA,CAGhB"}

package/dist/shared/src/containers/Actions/InteractiveActionDialog.es.js

@@ -96,6 +96,7 @@ import "../../api/queries/review/getReview.es.js";
 import "../../api/queries/review/updateReview.es.js";
 import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/getTasks.es.js";
 import "../../api/queries/tasks/updateTasks.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
@@ -259,7 +260,8 @@ import "../../components/VersionUploader/context/VersionUploadContext.es.js";
 import "../../components/Watchers/Watchers.es.js";
 import "../../components/Menu/Menu.styled.es.js";
 import "../../components/Menu/MenuItem.es.js";
-const Fm = ({
+import "../../components/ReviewablesSelector/ReviewablesSelector.styled.es.js";
+const ip = ({
   interactiveForm: t,
   onClose: i,
   onSubmit: o
@@ -284,6 +286,6 @@ const Fm = ({
   );
 };
 export {
-  Fm as InteractiveActionDialog
+  ip as InteractiveActionDialog
 };
 //# sourceMappingURL=InteractiveActionDialog.es.js.map

package/dist/shared/src/containers/Actions/InteractiveActionDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"InteractiveActionDialog.es.js","sources":["../../../../../src/containers/Actions/InteractiveActionDialog.tsx"],"sourcesContent":["import { SimpleFormDialog } from '@shared/components'\nimport type { SimpleFormField } from '@shared/api'\n\nexport interface InteractiveForm {\n  identifier: string\n  title: string\n  fields: SimpleFormField[]\n  submitLabel?: string\n  cancelLabel?: string\n  submitIcon?: string\n  cancelIcon?: string\n}\n\nexport interface InteractiveActionDialogProps {\n  interactiveForm: InteractiveForm | null\n  onClose: () => void\n  onSubmit: (identifier: string, formData: Record<string, any>) => void\n}\n\nexport const InteractiveActionDialog = ({\n  interactiveForm,\n  onClose,\n  onSubmit,\n}: InteractiveActionDialogProps) => {\n  if (!interactiveForm) return null\n\n  const handleSubmit = (formData: Record<string, any>) => {\n    onSubmit(interactiveForm.identifier, formData)\n    onClose()\n  }\n\n  return (\n    <SimpleFormDialog\n      isOpen\n      title={`${interactiveForm.title}`}\n      fields={interactiveForm.fields}\n      submitLabel={interactiveForm.submitLabel}\n      cancelLabel={interactiveForm.cancelLabel}\n      submitIcon={interactiveForm.submitIcon}\n      cancelIcon={interactiveForm.cancelIcon}\n      onClose={onClose}\n      onSubmit={handleSubmit}\n    />\n  )\n}\n"],"names":["InteractiveActionDialog","interactiveForm","onClose","onSubmit","handleSubmit","formData","jsx","SimpleFormDialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAMA,KAA0B,CAAC;AAAA,EACtC,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAAoC;AAClC,MAAI,CAACF,EAAiB,QAAO;AAE7B,QAAMG,IAAe,CAACC,MAAkC;AACtD,IAAAF,EAASF,EAAgB,YAAYI,CAAQ,GAC7CH,EAAA;AAAA,EACF;AAEA,SACEI,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,OAAO,GAAGN,EAAgB,KAAK;AAAA,MAC/B,QAAQA,EAAgB;AAAA,MACxB,aAAaA,EAAgB;AAAA,MAC7B,aAAaA,EAAgB;AAAA,MAC7B,YAAYA,EAAgB;AAAA,MAC5B,YAAYA,EAAgB;AAAA,MAC5B,SAAAC;AAAA,MACA,UAAUE;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"InteractiveActionDialog.es.js","sources":["../../../../../src/containers/Actions/InteractiveActionDialog.tsx"],"sourcesContent":["import { SimpleFormDialog } from '@shared/components'\nimport type { SimpleFormField } from '@shared/api'\n\nexport interface InteractiveForm {\n  identifier: string\n  title: string\n  fields: SimpleFormField[]\n  submitLabel?: string\n  cancelLabel?: string\n  submitIcon?: string\n  cancelIcon?: string\n}\n\nexport interface InteractiveActionDialogProps {\n  interactiveForm: InteractiveForm | null\n  onClose: () => void\n  onSubmit: (identifier: string, formData: Record<string, any>) => void\n}\n\nexport const InteractiveActionDialog = ({\n  interactiveForm,\n  onClose,\n  onSubmit,\n}: InteractiveActionDialogProps) => {\n  if (!interactiveForm) return null\n\n  const handleSubmit = (formData: Record<string, any>) => {\n    onSubmit(interactiveForm.identifier, formData)\n    onClose()\n  }\n\n  return (\n    <SimpleFormDialog\n      isOpen\n      title={`${interactiveForm.title}`}\n      fields={interactiveForm.fields}\n      submitLabel={interactiveForm.submitLabel}\n      cancelLabel={interactiveForm.cancelLabel}\n      submitIcon={interactiveForm.submitIcon}\n      cancelIcon={interactiveForm.cancelIcon}\n      onClose={onClose}\n      onSubmit={handleSubmit}\n    />\n  )\n}\n"],"names":["InteractiveActionDialog","interactiveForm","onClose","onSubmit","handleSubmit","formData","jsx","SimpleFormDialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAMA,KAA0B,CAAC;AAAA,EACtC,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAAoC;AAClC,MAAI,CAACF,EAAiB,QAAO;AAE7B,QAAMG,IAAe,CAACC,MAAkC;AACtD,IAAAF,EAASF,EAAgB,YAAYI,CAAQ,GAC7CH,EAAA;AAAA,EACF;AAEA,SACEI,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,OAAO,GAAGN,EAAgB,KAAK;AAAA,MAC/B,QAAQA,EAAgB;AAAA,MACxB,aAAaA,EAAgB;AAAA,MAC7B,aAAaA,EAAgB;AAAA,MAC7B,YAAYA,EAAgB;AAAA,MAC5B,YAAYA,EAAgB;AAAA,MAC5B,SAAAC;AAAA,MACA,UAAUE;AAAA,IAAA;AAAA,EAAA;AAGhB;"}