@ynput/ayon-frontend-shared 0.2.31 → 0.2.33

package/dist/types/components/ShareOptionIcon/ShareOptionIcon.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+export declare const EVERYONE_GROUP_KEY: "__everyone__";
+export declare const EVERY_GUESTS_KEY: "__guests__";
+export declare const GROUP_KEY_PREFIX = "group:";
+export declare const TEAM_KEY_PREFIX = "team:";
+export declare const USER_KEY_PREFIX = "user:";
+export declare const GUEST_KEY_PREFIX = "guest:";
+export interface ShareOptionIconProps {
+    shareType?: string;
+    name: string;
+    label?: string;
+    icon?: string;
+    size?: number;
+    withBackground?: boolean;
+}
+export declare const ShareOptionIcon: FC<ShareOptionIconProps>;

package/dist/types/components/ShareOptionIcon/index.d.ts

@@ -0,0 +1 @@
+export * from './ShareOptionIcon';

package/dist/types/components/index.d.ts

@@ -27,3 +27,6 @@ export * from './LinksManager';
 export * from './StyledLink';
 export * from './ListMetaData';
 export * from './ListAttributeForm';
+export * from './ShareOptionIcon';
+export * from './AccessUser';
+export * from './AccessSearchInput';

package/dist/types/containers/DetailsPanel/DetailsPanel.d.ts

@@ -36,6 +36,7 @@ export type DetailsPanelProps = {
     annotations?: any;
     removeAnnotation?: (id: string) => void;
     exportAnnotationComposite?: (id: string) => Promise<Blob | null>;
+    entityListId?: string;
 };
-export declare const DetailsPanel: ({ entityType, entitySubTypes, entitiesData, entities, tagsOptions, disabledStatuses, projectUsers, disabledProjectUsers, activeProjectUsers, projectsInfo, projectNames, isSlideOut, style, scope, isCompact, onClose, onWatchersUpdate, onOpenViewer, onEntityFocus, annotations, removeAnnotation, exportAnnotationComposite, }: DetailsPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DetailsPanel: ({ entityType, entitySubTypes, entitiesData, entities, tagsOptions, disabledStatuses, projectUsers, disabledProjectUsers, activeProjectUsers, projectsInfo, projectNames, isSlideOut, style, scope, isCompact, onClose, onWatchersUpdate, onOpenViewer, onEntityFocus, annotations, removeAnnotation, exportAnnotationComposite, entityListId, }: DetailsPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/containers/DetailsPanel/FeedWrapper.d.ts

@@ -10,6 +10,7 @@ interface FeedWrapperProps {
     readOnly: boolean;
     statuses: Status[];
     scope: string;
+    entityListId?: string;
     annotations?: any;
     removeAnnotation?: (id: string) => void;
     exportAnnotationComposite?: (id: string) => Promise<Blob | null>;

package/dist/types/containers/Feed/Feed.d.ts

@@ -4,5 +4,6 @@ export type FeedProps = {
     isMultiProjects: boolean;
     readOnly: boolean;
     statuses: Status[];
+    entityListId?: string | undefined;
 };
-export declare const Feed: ({ isMultiProjects, readOnly, statuses }: FeedProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Feed: ({ isMultiProjects, readOnly, statuses, entityListId }: FeedProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.d.ts

@@ -0,0 +1,14 @@
+import { ActivityCategory } from '../../../../api';
+import { DropdownProps } from '@ynput/ayon-react-components';
+import { FC } from 'react';
+import { PowerpackFeature } from '../../../../context';
+export interface ActivityCategorySelectProps extends Omit<DropdownProps, 'options' | 'value' | 'onChange' | 'valueTemplate'> {
+    value?: string | null;
+    categories: ActivityCategory[];
+    readonly?: boolean;
+    isCompact?: boolean;
+    hasPowerpack?: boolean;
+    onPowerFeature?: (feature: PowerpackFeature) => void;
+    onChange: (value: string) => void;
+}
+export declare const ActivityCategorySelect: FC<ActivityCategorySelectProps>;

package/dist/types/containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.d.ts

@@ -0,0 +1,8 @@
+interface CategoryDropdownItemProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> {
+    label: string;
+    color: string | null;
+    isClear: boolean;
+    isSelected: boolean;
+}
+export declare const CategoryDropdownItem: import('react').ForwardRefExoticComponent<CategoryDropdownItemProps & import('react').RefAttributes<HTMLSpanElement>>;
+export {};

package/dist/types/containers/Feed/components/ActivityCategorySelect/CategoryTag.d.ts

@@ -0,0 +1,10 @@
+interface CategoryTagProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: string | null;
+    color?: string;
+    isCompact?: boolean;
+    isEditing?: boolean;
+    isPower?: boolean;
+    isDisabled?: boolean;
+}
+export declare const CategoryTag: import('react').ForwardRefExoticComponent<CategoryTagProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/containers/Feed/components/ActivityCategorySelect/index.d.ts

@@ -0,0 +1 @@
+export * from './ActivityCategorySelect';

package/dist/types/containers/Feed/components/ActivityComment/ActivityComment.d.ts

@@ -5,7 +5,7 @@ type Props = {
     activity: any;
     onCheckChange?: Function;
     onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>;
-    onUpdate?: Function;
+    onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>;
     projectInfo: any;
     editProps?: {
         disabled: boolean;

package/dist/types/containers/Feed/components/ActivityComment/ActivityComment.styled.d.ts

@@ -1,5 +1,6 @@
+import { CommentProps } from '../CommentInput/CommentInput.styled';
 export declare const CommentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Comment: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+export declare const Comment: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, CommentProps>> & string;
 export declare const Body: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const QuoteLine: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 export declare const Attachments: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/types/containers/Feed/components/ActivityComment/ActivityMarkdownComponents.d.ts

@@ -19,8 +19,10 @@ interface ATagOptions {
         name: string;
         pos: any;
     }) => void;
+    categoryPrimary?: string;
+    categorySecondary?: string;
 }
-export declare const aTag: ({ children, href }: ATagProps, { entityId, projectName, onReferenceClick, activityId, onReferenceTooltip }: ATagOptions) => React.ReactNode;
+export declare const aTag: ({ children, href }: ATagProps, { entityId, projectName, onReferenceClick, activityId, onReferenceTooltip, categoryPrimary, categorySecondary, }: ATagOptions) => React.ReactNode;
 interface InputTagProps extends React.InputHTMLAttributes<HTMLInputElement> {
     type: string;
     checked?: boolean;

package/dist/types/containers/Feed/components/ActivityItem.d.ts

@@ -21,7 +21,7 @@ interface ActivityItemProps {
     isHighlighted?: boolean;
     onCheckChange?: (e: React.ChangeEvent<HTMLInputElement>, activity: any) => void;
     onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>;
-    onUpdate?: (value: any, files: any, refs?: any) => Promise<void>;
+    onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>;
 }
 declare const ActivityItem: React.FC<ActivityItemProps>;
 export default ActivityItem;

package/dist/types/containers/Feed/components/ActivityReference/ActivityReference.d.ts

@@ -9,6 +9,8 @@ interface ActivityReferenceProps extends Omit<React.HTMLAttributes<HTMLElement>,
         left: number;
         top: number;
     }) => void;
+    categoryPrimary?: string;
+    categorySecondary?: string;
 }
 declare const ActivityReference: React.FC<ActivityReferenceProps>;
 export default ActivityReference;

package/dist/types/containers/Feed/components/ActivityReference/ActivityReference.styled.d.ts

@@ -1,3 +1,5 @@
 export declare const Reference: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $variant: "surface" | "filled" | "text";
+    $categoryPrimary?: string;
+    $categorySecondary?: string;
 }>> & string;

package/dist/types/containers/Feed/components/CommentInput/CommentInput.d.ts

@@ -14,6 +14,7 @@ export declare const mentionTypeOptions: {
 interface CommentInputProps {
     initValue: string | null;
     initFiles?: any[];
+    initCategory?: string | null;
     onSubmit: (markdown: string, files: any[], data?: any) => Promise<void>;
     isEditing?: boolean;
     disabled?: boolean;

package/dist/types/containers/Feed/components/CommentInput/CommentInput.styled.d.ts

@@ -1,5 +1,11 @@
 export declare const AutoHeight: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Comment: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export type CommentProps = {
+    $categoryPrimary?: string;
+    $categorySecondary?: string;
+    $categoryTertiary?: string;
+};
+export declare const categoryColorCss: ($categoryPrimary?: string, $categorySecondary?: string, $categoryTertiary?: string) => "" | import('styled-components').RuleSet<object> | undefined;
+export declare const Comment: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CommentProps>> & string;
 export declare const Footer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
 export declare const Buttons: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Markdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/types/containers/Feed/components/CommentInput/hooks/useBlendedCategoryColor.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Custom hook to compute blended category color with surface container background
+ * Reads the CSS variable value at runtime and blends the category color at 10% opacity
+ */
+export declare const useBlendedCategoryColor: (categoryColor: string | undefined) => {
+    primary: undefined;
+    secondary: undefined;
+} | {
+    primary: string;
+    secondary: string;
+};

package/dist/types/containers/Feed/components/ReactionContainer/ExistingReactions.d.ts

@@ -2,6 +2,9 @@ import { Reaction } from './types';
 type Props = {
     reactions: Reaction[];
     changeHandler: (reaction: Reaction) => void;
+    categoryPrimary?: string;
+    categorySecondary?: string;
+    categoryTertiary?: string;
 };
-declare const ExistingReactions: ({ reactions, changeHandler }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const ExistingReactions: ({ reactions, changeHandler, categoryPrimary, categorySecondary, categoryTertiary, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default ExistingReactions;

package/dist/types/containers/Feed/components/ReactionContainer/Reaction.d.ts

@@ -5,6 +5,9 @@ type Props = {
     isActive?: boolean;
     variant?: ReactionComponentVariant;
     onClick: MouseEventHandler;
+    categoryPrimary?: string;
+    categorySecondary?: string;
+    categoryTertiary?: string;
 };
-declare const Reaction: ({ reaction, variant, onClick }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Reaction: ({ reaction, variant, onClick, categoryPrimary, categorySecondary, categoryTertiary, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Reaction;

package/dist/types/containers/Feed/components/ReactionContainer/ReactionPanelOpener.d.ts

@@ -2,6 +2,9 @@ import { Reaction as ReactionType } from './types';
 type Props = {
     reactions: ReactionType[];
     changeHandler: (reaction: ReactionType) => void;
+    categoryPrimary?: string;
+    categorySecondary?: string;
+    categoryTertiary?: string;
 };
-declare const ReactionPanelOpener: ({ reactions, changeHandler, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const ReactionPanelOpener: ({ reactions, changeHandler, categoryPrimary, categorySecondary, categoryTertiary, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default ReactionPanelOpener;

package/dist/types/containers/Feed/components/ReactionContainer/Reactions.d.ts

@@ -3,6 +3,9 @@ type Props = {
     reactions: Reaction[];
     changeHandler: (reaction: Reaction) => void;
     readOnly?: boolean;
+    categoryPrimary?: string;
+    categorySecondary?: string;
+    categoryTertiary?: string;
 };
-declare const Reactions: ({ reactions, changeHandler, readOnly }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Reactions: ({ reactions, changeHandler, readOnly, categoryPrimary, categorySecondary, categoryTertiary, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Reactions;

package/dist/types/containers/Feed/components/ReactionContainer/Reactions.styled.d.ts

@@ -1,7 +1,12 @@
-declare const Reaction: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type CategoryProps = {
+    $categoryPrimary?: string;
+    $categorySecondary?: string;
+    $categoryTertiary?: string;
+};
+declare const Reaction: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CategoryProps>> & string;
 declare const ActiveReactionsList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const Overlay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const ReactionsPanel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const ReactionPanelOpener: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const ReactionsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const ReactionsPanel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CategoryProps>> & string;
+declare const ReactionPanelOpener: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CategoryProps>> & string;
+declare const ReactionsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CategoryProps>> & string;
 export { Reaction, ActiveReactionsList, ReactionsPanel, ReactionPanelOpener, ReactionsWrapper, Overlay, };

package/dist/types/containers/Feed/context/FeedContext.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { SuggestResponse } from '../../../api';
+import { ActivityCategory, SuggestResponse } from '../../../api';
 import { ActivityUser } from '../helpers/groupMinorActivities';
 import { DetailsPanelTab } from '../../../context';
 export declare const FEED_NEW_COMMENT: "__new__";
@@ -50,6 +50,7 @@ interface FeedContextType extends Omit<FeedContextProps, 'children'> {
     isUpdatingActivity: boolean;
     users: ActivityUser[];
     mentionSuggestionsData: SuggestResponse;
+    categories: ActivityCategory[];
 }
 export declare const FeedProvider: ({ children, ...props }: FeedContextProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useFeedContext: () => FeedContextType;

package/dist/types/containers/Feed/hooks/useCommentMutations.d.ts

@@ -18,11 +18,12 @@ interface CommentMutationsProps {
     entityType: string;
     entities: Entity[];
     filter: any;
+    entityListId?: string;
 }
 export declare const bodyHasChecklist: (body: string) => boolean;
-declare const useCommentMutations: ({ projectName, entityType, entities, filter, }: CommentMutationsProps) => {
+declare const useCommentMutations: ({ projectName, entityType, entities, filter, entityListId, }: CommentMutationsProps) => {
     submitComment: (value: string, files?: File[], data?: any) => Promise<void>;
-    updateComment: (activity: Activity, value: string, files?: File[]) => Promise<void>;
+    updateComment: (activity: Activity, value: string, files?: File[], data?: any) => Promise<void>;
     deleteComment: (id: string, entityId: string, refs?: any[]) => Promise<void>;
     isSaving: boolean;
 };

package/dist/types/containers/Feed/index.d.ts

@@ -2,6 +2,7 @@ import { default as ActivityReferenceTooltip } from './components/ActivityRefere
 import { default as FileUploadPreview } from './components/FileUploadPreview';
 export * from './Feed';
 export * from './components/FileUploadPreview';
+export * from './components/ActivityCategorySelect';
 export * from './context/FeedContext';
 export { ActivityReferenceTooltip, FileUploadPreview };
 export * from './hooks/useTableKeyboardNavigation';

package/dist/types/containers/ProjectTreeTable/context/ColumnSettingsContext.d.ts

@@ -15,6 +15,7 @@ export type ColumnsConfig = {
     groupByConfig?: {
         showEmpty?: boolean;
     };
+    rowHeight?: number;
 };
 export interface ColumnSettingsContextType {
     setAllColumns: (allColumnIds: string[]) => void;
@@ -40,6 +41,9 @@ export interface ColumnSettingsContextType {
     updateGroupBy: (groupBy: TableGroupBy | undefined) => void;
     groupByConfig: GroupByConfig;
     updateGroupByConfig: (config: GroupByConfig) => void;
+    rowHeight?: number;
+    updateRowHeight: (rowHeight: number) => void;
+    updateRowHeightWithPersistence: (rowHeight: number) => void;
     setColumnsConfig: (config: ColumnsConfig) => void;
 }
 export declare const ColumnSettingsContext: React.Context<ColumnSettingsContextType | undefined>;

package/dist/types/containers/ProjectTreeTable/hooks/useDynamicRowHeight.d.ts

@@ -0,0 +1,11 @@
+import { TableRow } from '../types/table';
+/**
+ * Hook to provide row height based on user setting from Customize panel
+ * Returns a function that calculates height per row using the configured row height
+ */
+declare const useDynamicRowHeight: () => {
+    getRowHeight: (_row: TableRow) => number;
+    thumbnailRowHeight: number;
+    defaultRowHeight: number;
+};
+export default useDynamicRowHeight;

package/dist/types/containers/ProjectTreeTable/widgets/EntityNameWidget.d.ts

@@ -9,6 +9,7 @@ type EntityNameWidgetProps = {
     isExpanded: boolean;
     toggleExpandAll: (id: string) => void;
     toggleExpanded: () => void;
+    rowHeight?: number;
 };
-export declare const EntityNameWidget: ({ id, label, name, path, showHierarchy, icon, type, isExpanded, toggleExpandAll, toggleExpanded, }: EntityNameWidgetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EntityNameWidget: ({ id, label, name, path, showHierarchy, icon, type, isExpanded, toggleExpandAll, toggleExpanded, rowHeight, }: EntityNameWidgetProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/containers/ProjectTreeTable/widgets/EnumCellValue.d.ts

@@ -9,6 +9,7 @@ export interface EnumTemplateProps extends React.HTMLAttributes<HTMLSpanElement>
     isItem?: boolean;
     isSelected?: boolean;
     isReadOnly?: boolean;
+    rowHeight?: number;
     pt?: {
         icon?: Partial<IconProps>;
         img?: Partial<React.ImgHTMLAttributes<HTMLImageElement>>;
@@ -17,4 +18,4 @@ export interface EnumTemplateProps extends React.HTMLAttributes<HTMLSpanElement>
         close?: Partial<IconProps>;
     };
 }
-export declare const EnumCellValue: ({ selectedOptions, placeholder, hasMultipleValues, isMultiSelect, isOpen, isItem, isSelected, isReadOnly, className, pt, ...props }: EnumTemplateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EnumCellValue: ({ selectedOptions, placeholder, hasMultipleValues, isMultiSelect, isOpen, isItem, isSelected, isReadOnly, rowHeight, className, pt, ...props }: EnumTemplateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/containers/Views/index.d.ts

@@ -1,4 +1,4 @@
-import { ViewListItemModel } from '../../api';
+import { GetViewApiResponse } from '../../api';
 export * from './Views';
 export * from './context/ViewsContext';
 export * from './ViewsButton/ViewsButton';
@@ -16,6 +16,6 @@ export * from './hooks/pages/useListsViewSettings';
 export * from './hooks/pages/useReportsViewSettings';
 export { Views } from './Views';
 export { WORKING_VIEW_ID, NEW_VIEW_ID } from './ViewsMenuContainer/ViewsMenuContainer';
-export type ViewFormData = Required<Pick<ViewListItemModel, 'label' | 'scope' | 'visibility' | 'owner' | 'access' | 'accessLevel'>>;
+export type ViewFormData = Required<Pick<GetViewApiResponse, 'label' | 'scope' | 'visibility' | 'owner' | 'access' | 'accessLevel'>>;
 export declare const viewTypes: readonly ["overview", "taskProgress", "lists", "reviews", "reports"];
 export type ViewType = (typeof viewTypes)[number];

package/dist/types/context/DetailsPanelContext.d.ts

@@ -2,6 +2,7 @@ import { default as React, ReactNode } from 'react';
 import { DetailsPanelEntityType, UserModel } from '../api';
 import { useLocation, useNavigate, useParams, useSearchParams } from 'react-router-dom';
 import { SavedAnnotationMetadata } from '../containers';
+import { PowerpackFeature } from './PowerpackContext';
 export type FeedFilters = 'activity' | 'comments' | 'versions' | 'checklists';
 export type DetailsPanelTab = FeedFilters | 'details' | 'files';
 export type SlideOut = {
@@ -43,6 +44,7 @@ export interface DetailsPanelContextProps {
     useLocation: typeof useLocation;
     useSearchParams: typeof useSearchParams;
     feedAnnotationsEnabled?: boolean;
+    hasLicense?: boolean;
 }
 export interface DetailsPanelContextType extends DetailsPanelContextProps {
     isDeveloperMode: boolean;
@@ -63,6 +65,7 @@ export interface DetailsPanelContextType extends DetailsPanelContextProps {
     closePip: () => void;
     feedAnnotations: SavedAnnotationMetadata[];
     setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => void;
+    onPowerFeature: (feature: PowerpackFeature) => void;
 }
 export interface DetailsPanelProviderProps extends DetailsPanelContextProps {
     children: ReactNode;

package/dist/types/context/PowerpackContext.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type PowerpackFeature = 'slicer' | 'annotations' | 'releases' | 'advancedFilters' | 'listAttributes' | 'listFolders' | 'groupAttributes' | 'sharedViews';
+export type PowerpackFeature = 'slicer' | 'annotations' | 'releases' | 'advancedFilters' | 'listAttributes' | 'listFolders' | 'groupAttributes' | 'sharedViews' | 'commentCategories';
 export type PowerpackDialogType = {
     label: string;
     description: string;

package/dist/types/util/colorUtils.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Parse a hex color string to RGB components
+ */
+export declare const hexToRgb: (hex: string) => {
+    r: number;
+    g: number;
+    b: number;
+} | null;
+/**
+ * Parse a CSS color string (hex or rgb/rgba) to RGB components
+ */
+export declare const parseColor: (color: string) => {
+    r: number;
+    g: number;
+    b: number;
+} | null;
+/**
+ * Blend two colors together with alpha compositing
+ * Formula: result = foreground * alpha + background * (1 - alpha)
+ */
+export declare const blendColors: (foreground: {
+    r: number;
+    g: number;
+    b: number;
+}, background: {
+    r: number;
+    g: number;
+    b: number;
+}, alpha: number) => {
+    r: number;
+    g: number;
+    b: number;
+};
+/**
+ * Convert RGB components to hex color string
+ */
+export declare const rgbToHex: (r: number, g: number, b: number) => string;
+/**
+ * Blend a category color at 10% opacity over a background color
+ * This simulates the Figma design where category color is overlaid with 10% opacity
+ */
+export declare const blendCategoryColor: (categoryColor: string, backgroundColor: string, opacity?: number) => string | null;

package/dist/types/util/index.d.ts

@@ -15,5 +15,6 @@ export * from './columnConfigConverter';
 export * from './checkName';
 export * from './humanizeFieldName';
 export * from './parseHtmlToPlainTextWithLinks';
+export * from './colorUtils';
 export { productTypes };
 export { PubSub };

package/dist/util.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./shared/src/util/productTypes.cjs.js"),t=require("./shared/src/util/platform.cjs.js"),c=require("./shared/src/util/confirmDelete.cjs.js"),o=require("./shared/src/util/getEntityTypeIcon.cjs.js"),s=require("./shared/src/util/groupResult.cjs.js"),u=require("./shared/src/util/getPriorityOptions.cjs.js"),l=require("./shared/src/util/copyToClipboard.cjs.js"),d=require("./shared/src/util/getMixedState.cjs.js"),m=require("./shared/src/util/getAttributeIcon.cjs.js"),i=require("./shared/src/util/getEntityId.cjs.js"),p=require("./shared/src/util/extractVersionFromFilename.cjs.js"),e=require("./shared/src/util/versionUploadHelpers.cjs.js"),n=require("./shared/src/util/columnConfigConverter.cjs.js"),r=require("./shared/src/util/checkName.cjs.js"),g=require("./shared/src/util/humanizeFieldName.cjs.js"),y=require("./shared/src/util/parseHtmlToPlainTextWithLinks.cjs.js"),T=require("./shared/src/util/pubsub.cjs.js"),P=require("./shared/node_modules/primereact/confirmdialog/confirmdialog.esm.cjs.js");exports.productTypes=a;exports.KeyMode=t.KeyMode;exports.getCurrentPlatform=t.getCurrentPlatform;exports.getPlatformShortcutKey=t.getPlatformShortcutKey;exports.confirmDelete=c.confirmDelete;exports.entityTypesWithIcons=o.entityTypesWithIcons;exports.getEntityTypeIcon=o.getEntityTypeIcon;exports.groupResult=s.groupResult;exports.getPriorityOptions=u.getPriorityOptions;exports.copyToClipboard=l.copyToClipboard;exports.getMixedState=d.getMixedState;exports.getAttributeIcon=m.getAttributeIcon;exports.getEntityId=i.getEntityId;exports.validateEntityId=i.validateEntityId;exports.extractVersionFromFilename=p.extractVersionFromFilename;exports.createProductAndVersion=e.createProductAndVersion;exports.createProductHelper=e.createProductHelper;exports.createVersionHelper=e.createVersionHelper;exports.getNextVersionNumber=e.getNextVersionNumber;exports.handleUploadError=e.handleUploadError;exports.sanitizeProductName=e.sanitizeProductName;exports.validateFormData=e.validateFormData;exports.validateProductName=e.validateProductName;exports.validateProductType=e.validateProductType;exports.validateVersion=e.validateVersion;exports.convertColumnConfigToTanstackStates=n.convertColumnConfigToTanstackStates;exports.convertTanstackStatesToColumnConfig=n.convertTanstackStatesToColumnConfig;exports.checkLabel=r.checkLabel;exports.checkName=r.checkName;exports.parseAndFormatName=r.parseAndFormatName;exports.humanizeField=g.humanizeField;exports.parseHtmlToPlainTextWithLinks=y.parseHtmlToPlainTextWithLinks;exports.PubSub=T;exports.ConfirmDialog=P.ConfirmDialog;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./shared/src/util/productTypes.cjs.js"),r=require("./shared/src/util/platform.cjs.js"),l=require("./shared/src/util/confirmDelete.cjs.js"),i=require("./shared/src/util/getEntityTypeIcon.cjs.js"),s=require("./shared/src/util/groupResult.cjs.js"),u=require("./shared/src/util/getPriorityOptions.cjs.js"),d=require("./shared/src/util/copyToClipboard.cjs.js"),m=require("./shared/src/util/getMixedState.cjs.js"),p=require("./shared/src/util/getAttributeIcon.cjs.js"),n=require("./shared/src/util/getEntityId.cjs.js"),g=require("./shared/src/util/extractVersionFromFilename.cjs.js"),e=require("./shared/src/util/versionUploadHelpers.cjs.js"),a=require("./shared/src/util/columnConfigConverter.cjs.js"),o=require("./shared/src/util/checkName.cjs.js"),y=require("./shared/src/util/humanizeFieldName.cjs.js"),T=require("./shared/src/util/parseHtmlToPlainTextWithLinks.cjs.js"),t=require("./shared/src/util/colorUtils.cjs.js"),C=require("./shared/src/util/pubsub.cjs.js"),b=require("./shared/node_modules/primereact/confirmdialog/confirmdialog.esm.cjs.js");exports.productTypes=c;exports.KeyMode=r.KeyMode;exports.getCurrentPlatform=r.getCurrentPlatform;exports.getPlatformShortcutKey=r.getPlatformShortcutKey;exports.confirmDelete=l.confirmDelete;exports.entityTypesWithIcons=i.entityTypesWithIcons;exports.getEntityTypeIcon=i.getEntityTypeIcon;exports.groupResult=s.groupResult;exports.getPriorityOptions=u.getPriorityOptions;exports.copyToClipboard=d.copyToClipboard;exports.getMixedState=m.getMixedState;exports.getAttributeIcon=p.getAttributeIcon;exports.getEntityId=n.getEntityId;exports.validateEntityId=n.validateEntityId;exports.extractVersionFromFilename=g.extractVersionFromFilename;exports.createProductAndVersion=e.createProductAndVersion;exports.createProductHelper=e.createProductHelper;exports.createVersionHelper=e.createVersionHelper;exports.getNextVersionNumber=e.getNextVersionNumber;exports.handleUploadError=e.handleUploadError;exports.sanitizeProductName=e.sanitizeProductName;exports.validateFormData=e.validateFormData;exports.validateProductName=e.validateProductName;exports.validateProductType=e.validateProductType;exports.validateVersion=e.validateVersion;exports.convertColumnConfigToTanstackStates=a.convertColumnConfigToTanstackStates;exports.convertTanstackStatesToColumnConfig=a.convertTanstackStatesToColumnConfig;exports.checkLabel=o.checkLabel;exports.checkName=o.checkName;exports.parseAndFormatName=o.parseAndFormatName;exports.humanizeField=y.humanizeField;exports.parseHtmlToPlainTextWithLinks=T.parseHtmlToPlainTextWithLinks;exports.blendCategoryColor=t.blendCategoryColor;exports.blendColors=t.blendColors;exports.hexToRgb=t.hexToRgb;exports.parseColor=t.parseColor;exports.rgbToHex=t.rgbToHex;exports.PubSub=C;exports.ConfirmDialog=b.ConfirmDialog;
 //# sourceMappingURL=util.cjs.js.map

package/dist/util.es.js

@@ -1,51 +1,57 @@
-import { default as o } from "./shared/src/util/productTypes.es.js";
+import { default as r } from "./shared/src/util/productTypes.es.js";
 import { KeyMode as a, getCurrentPlatform as m, getPlatformShortcutKey as i } from "./shared/src/util/platform.es.js";
 import { confirmDelete as p } from "./shared/src/util/confirmDelete.es.js";
-import { entityTypesWithIcons as c, getEntityTypeIcon as l } from "./shared/src/util/getEntityTypeIcon.es.js";
-import { groupResult as x } from "./shared/src/util/groupResult.es.js";
+import { entityTypesWithIcons as f, getEntityTypeIcon as d } from "./shared/src/util/getEntityTypeIcon.es.js";
+import { groupResult as c } from "./shared/src/util/groupResult.es.js";
 import { getPriorityOptions as u } from "./shared/src/util/getPriorityOptions.es.js";
 import { copyToClipboard as y } from "./shared/src/util/copyToClipboard.es.js";
-import { getMixedState as P } from "./shared/src/util/getMixedState.es.js";
-import { getAttributeIcon as v } from "./shared/src/util/getAttributeIcon.es.js";
-import { getEntityId as b, validateEntityId as N } from "./shared/src/util/getEntityId.es.js";
+import { getMixedState as C } from "./shared/src/util/getMixedState.es.js";
+import { getAttributeIcon as P } from "./shared/src/util/getAttributeIcon.es.js";
+import { getEntityId as v, validateEntityId as N } from "./shared/src/util/getEntityId.es.js";
 import { extractVersionFromFilename as F } from "./shared/src/util/extractVersionFromFilename.es.js";
-import { createProductAndVersion as S, createProductHelper as V, createVersionHelper as E, getNextVersionNumber as A, handleUploadError as D, sanitizeProductName as H, validateFormData as z, validateProductName as K, validateProductType as L, validateVersion as M } from "./shared/src/util/versionUploadHelpers.es.js";
-import { convertColumnConfigToTanstackStates as O, convertTanstackStatesToColumnConfig as R } from "./shared/src/util/columnConfigConverter.es.js";
+import { createProductAndVersion as S, createProductHelper as V, createVersionHelper as E, getNextVersionNumber as H, handleUploadError as A, sanitizeProductName as D, validateFormData as z, validateProductName as K, validateProductType as L, validateVersion as M } from "./shared/src/util/versionUploadHelpers.es.js";
+import { convertColumnConfigToTanstackStates as W, convertTanstackStatesToColumnConfig as O } from "./shared/src/util/columnConfigConverter.es.js";
 import { checkLabel as j, checkName as q, parseAndFormatName as w } from "./shared/src/util/checkName.es.js";
 import { humanizeField as G } from "./shared/src/util/humanizeFieldName.es.js";
 import { parseHtmlToPlainTextWithLinks as Q } from "./shared/src/util/parseHtmlToPlainTextWithLinks.es.js";
-import { default as Y } from "./shared/src/util/pubsub.es.js";
-import { ConfirmDialog as _ } from "./shared/node_modules/primereact/confirmdialog/confirmdialog.esm.es.js";
+import { blendCategoryColor as Y, blendColors as Z, hexToRgb as _, parseColor as $, rgbToHex as ee } from "./shared/src/util/colorUtils.es.js";
+import { default as re } from "./shared/src/util/pubsub.es.js";
+import { ConfirmDialog as ae } from "./shared/node_modules/primereact/confirmdialog/confirmdialog.esm.es.js";
 export {
-  _ as ConfirmDialog,
+  ae as ConfirmDialog,
   a as KeyMode,
-  Y as PubSub,
+  re as PubSub,
+  Y as blendCategoryColor,
+  Z as blendColors,
   j as checkLabel,
   q as checkName,
   p as confirmDelete,
-  O as convertColumnConfigToTanstackStates,
-  R as convertTanstackStatesToColumnConfig,
+  W as convertColumnConfigToTanstackStates,
+  O as convertTanstackStatesToColumnConfig,
   y as copyToClipboard,
   S as createProductAndVersion,
   V as createProductHelper,
   E as createVersionHelper,
-  c as entityTypesWithIcons,
+  f as entityTypesWithIcons,
   F as extractVersionFromFilename,
-  v as getAttributeIcon,
+  P as getAttributeIcon,
   m as getCurrentPlatform,
-  b as getEntityId,
-  l as getEntityTypeIcon,
-  P as getMixedState,
-  A as getNextVersionNumber,
+  v as getEntityId,
+  d as getEntityTypeIcon,
+  C as getMixedState,
+  H as getNextVersionNumber,
   i as getPlatformShortcutKey,
   u as getPriorityOptions,
-  x as groupResult,
-  D as handleUploadError,
+  c as groupResult,
+  A as handleUploadError,
+  _ as hexToRgb,
   G as humanizeField,
   w as parseAndFormatName,
+  $ as parseColor,
   Q as parseHtmlToPlainTextWithLinks,
-  o as productTypes,
-  H as sanitizeProductName,
+  r as productTypes,
+  ee as rgbToHex,
+  D as sanitizeProductName,
   N as validateEntityId,
   z as validateFormData,
   K as validateProductName,

package/dist/util.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"util.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ynput/ayon-frontend-shared",
-  "version": "0.2.31",
+  "version": "0.2.33",
   "description": "Shared React components for AYON frontend",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -101,13 +101,13 @@
     "@reduxjs/toolkit": "^2.6.1",
     "@rtk-query/graphql-request-base-query": "^2.3.1",
     "@tanstack/react-table": "^8.21.2",
-    "@ynput/ayon-react-components": "^1.13.0",
+    "@ynput/ayon-react-components": "^1.15.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-redux": "^9.2.0",
     "react-router-dom": "^7.5.3",
     "react-toastify": "^9.0.3",
-    "styled-components": "^6.1.17"
+    "styled-components": "^6.1.14"
   },
   "devDependencies": {
     "@babel/preset-typescript": "^7.27.0",