@ynput/ayon-frontend-shared 0.2.19 → 0.2.20

package/dist/types/components/Powerpack/PowerpackDialog.d.ts

@@ -1,4 +1,12 @@
 import { FC } from 'react';
+import { PowerpackDialogType } from '../../context/PowerpackContext';
 export interface PowerpackDialogProps {
+    label?: string;
+    description?: string;
+    features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>;
+    isCloseable?: boolean;
+    addon?: {
+        icon: string;
+    };
 }
 export declare const PowerpackDialog: FC<PowerpackDialogProps>;

package/dist/types/components/Views/ViewForm/ViewForm.d.ts

@@ -0,0 +1,14 @@
+import { ViewFormData } from '..';
+interface ViewFormProps {
+    initialData?: Partial<ViewFormData>;
+    error?: string;
+    isEditing: boolean;
+    isLoading: boolean;
+    viewLoading: boolean;
+    onSubmit: (formData: ViewFormData) => Promise<void>;
+    onDelete: () => Promise<void>;
+    onDuplicate: () => Promise<void>;
+    onCancel?: () => void;
+}
+export declare const ViewForm: import('react').ForwardRefExoticComponent<ViewFormProps & import('react').RefAttributes<HTMLFormElement>>;
+export {};

package/dist/types/components/Views/ViewForm/ViewForm.styled.d.ts

@@ -0,0 +1,9 @@
+export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Form: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, never>> & string;
+export declare const Row: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CheckboxRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const Footer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LeftActions: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const RightActions: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Error: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/types/components/Views/ViewForm/ViewFormContainer.d.ts

@@ -0,0 +1,15 @@
+import { ViewListItemModel } from '../../../api/generated/views';
+import { ViewFormData, ViewType } from '..';
+interface ViewData extends ViewListItemModel {
+    id: string;
+}
+interface ViewFormContainerProps {
+    initialData?: ViewFormData;
+    viewId?: string;
+    viewType: ViewType;
+    project?: string;
+    onSuccess?: (action: 'create' | 'update' | 'delete' | 'duplicate', data?: ViewData) => void;
+    onCancel?: () => void;
+}
+export declare const ViewFormContainer: import('react').ForwardRefExoticComponent<ViewFormContainerProps & import('react').RefAttributes<HTMLFormElement>>;
+export {};

package/dist/types/components/Views/ViewItem/ViewItem.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export interface ViewItem {
+    id: string;
+    label: string;
+    startContent?: ReactNode;
+    endContent?: ReactNode;
+    isSelected?: boolean;
+    isEditable?: boolean;
+    isPersonal?: boolean;
+    onEdit?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (e: React.MouseEvent<HTMLLIElement>) => void;
+}
+export interface ViewMenuItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'id'>, ViewItem {
+}
+export declare const ViewItem: import('react').ForwardRefExoticComponent<ViewMenuItemProps & import('react').RefAttributes<HTMLLIElement>>;

package/dist/types/components/Views/ViewItem/ViewItem.styled.d.ts

@@ -0,0 +1,4 @@
+export declare const ViewItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+export declare const MoreButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('@ynput/ayon-react-components').ButtonProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('@ynput/ayon-react-components').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ViewType } from '.';
+export interface ViewsProps {
+    viewType: ViewType;
+    projectName?: string;
+}
+export declare const Views: FC<ViewsProps>;
+export declare const ViewsComponents: FC;

package/dist/types/components/Views/Views.styled.d.ts

@@ -0,0 +1,4 @@
+export declare const ViewsButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('@ynput/ayon-react-components').IconProps & import('react').RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
+}, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('@ynput/ayon-react-components').IconProps & import('react').RefAttributes<HTMLSpanElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const ViewsModal: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/types/components/Views/ViewsButton/ViewsButton.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const ViewsButton: FC;

package/dist/types/components/Views/ViewsMenu/ViewsMenu.d.ts

@@ -0,0 +1,11 @@
+import { ViewItem } from '../ViewItem/ViewItem';
+import { SelectedViewState } from '../context/ViewsContext';
+export declare const VIEW_DIVIDER: "_divider_";
+type Title = string;
+export type ViewMenuItem = ViewItem | typeof VIEW_DIVIDER | Title;
+export interface ViewsMenuProps extends React.HTMLAttributes<HTMLUListElement> {
+    items: ViewMenuItem[];
+    selected: SelectedViewState;
+}
+export declare const ViewsMenu: import('react').ForwardRefExoticComponent<ViewsMenuProps & import('react').RefAttributes<HTMLUListElement>>;
+export {};

package/dist/types/components/Views/ViewsMenu/ViewsMenu.styled.d.ts

@@ -0,0 +1,4 @@
+export declare const Scrollable: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ViewsMenu: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+export declare const ViewsMenuDivider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+export declare const ViewsMenuTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;

package/dist/types/components/Views/ViewsMenuContainer/ViewsMenuContainer.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const PERSONAL_VIEW_ID: "_personal_";
+export declare const NEW_VIEW_ID: "_new_view_";
+export declare const ViewsMenuContainer: FC;

package/dist/types/components/Views/context/ViewsContext.d.ts

@@ -0,0 +1,31 @@
+import { FC, ReactNode } from 'react';
+import { ViewType } from '../index';
+import { OverviewSettings, TaskProgressSettings, ViewListItemModel } from '../../../api';
+import { ViewMenuItem } from '../ViewsMenu/ViewsMenu';
+export type SelectedViewState = string | null;
+export type EditingViewState = {
+    viewId: string | undefined;
+} | null;
+interface ViewsContextValue {
+    viewType: ViewType;
+    projectName?: string;
+    isMenuOpen: boolean;
+    editingView: EditingViewState;
+    selectedView: SelectedViewState;
+    viewsList: ViewListItemModel[];
+    viewSettings: TaskProgressSettings | OverviewSettings | undefined;
+    personalView: ViewListItemModel | undefined;
+    viewMenuItems: ViewMenuItem[];
+    isLoadingViews: boolean;
+    setIsMenuOpen: (open: boolean) => void;
+    setEditingView: (editing: EditingViewState) => void;
+    setSelectedView: (selected: SelectedViewState) => void;
+}
+export interface ViewsProviderProps {
+    children: ReactNode;
+    viewType: ViewType;
+    projectName?: string;
+}
+export declare const ViewsProvider: FC<ViewsProviderProps>;
+export declare const useViewsContext: () => ViewsContextValue;
+export {};

package/dist/types/components/Views/hooks/useBuildViewMenuItems.d.ts

@@ -0,0 +1,14 @@
+import { ViewListItemModel } from '../../../api';
+import { ViewMenuItem } from '../ViewsMenu/ViewsMenu';
+export declare const PERSONAL_VIEW_ID: "_personal_";
+export declare const NEW_VIEW_ID: "_new_view_";
+type Props = {
+    viewsList: ViewListItemModel[];
+    personalView?: ViewListItemModel;
+    viewType: 'overview' | 'taskProgress' | undefined;
+    projectName?: string;
+    onEdit: (viewId: string) => void;
+    onSelect: (viewId: string) => void;
+};
+declare const useBuildViewMenuItems: ({ viewsList, personalView, viewType, projectName, onSelect, onEdit, }: Props) => ViewMenuItem[];
+export default useBuildViewMenuItems;

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

@@ -0,0 +1,11 @@
+import { ViewListItemModel } from '../../api';
+export * from './Views';
+export * from './context/ViewsContext';
+export * from './ViewsButton/ViewsButton';
+export * from './ViewsMenuContainer/ViewsMenuContainer';
+export * from './utils/portalUtils';
+export * from './utils/getCustomViewsFallback';
+export { ViewsComponents } from './Views';
+export { PERSONAL_VIEW_ID, NEW_VIEW_ID } from './ViewsMenuContainer/ViewsMenuContainer';
+export type ViewFormData = Required<Pick<ViewListItemModel, 'label' | 'scope' | 'visibility'>>;
+export type ViewType = 'overview' | 'taskProgress';

package/dist/types/components/Views/utils/generatePersonalView.d.ts

@@ -0,0 +1,3 @@
+import { CreateViewApiArg } from '../../../api';
+import { ViewType } from '../Views';
+export declare const generatePersonalView: (viewType: ViewType) => CreateViewApiArg["payload"];

package/dist/types/components/Views/utils/getCustomViewsFallback.d.ts

@@ -0,0 +1,12 @@
+import { ViewListItemModel } from '../../../api';
+import { ViewMenuItem } from '../ViewsMenu/ViewsMenu';
+export type GetAllViewsProps = {
+    viewsList: ViewListItemModel[];
+    onEdit: (viewId: string) => void;
+    onSelect: (viewId: string) => void;
+};
+export type GetAllViewsReturn = {
+    myViews: ViewMenuItem[];
+    sharedViews: ViewMenuItem[];
+};
+export declare const getCustomViewsFallback: (props: GetAllViewsProps) => GetAllViewsReturn;

package/dist/types/components/Views/utils/portalUtils.d.ts

@@ -0,0 +1,9 @@
+import { ViewType } from '../index';
+/**
+ * Generate a consistent portal container ID for views
+ */
+export declare const getViewsPortalId: (viewType: ViewType) => string;
+/**
+ * Get the portal container element by viewType
+ */
+export declare const getViewsPortalContainer: (viewType: ViewType) => HTMLElement | null;

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

@@ -20,3 +20,5 @@ export * from './SearchFilter';
 export * from './Badge';
 export * from './Powerpack';
 export * from './VersionUploader';
+export * from './Feedback';
+export * from './Views';

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

@@ -1,21 +1,21 @@
 import { ReactNode } from 'react';
-export type PowerpackFeature = 'slicer' | 'annotations' | 'releases' | 'advancedFilters' | 'listAttributes' | 'groupAttributes';
-type PowerpackDialog = {
+export type PowerpackFeature = 'slicer' | 'annotations' | 'releases' | 'advancedFilters' | 'listAttributes' | 'groupAttributes' | 'sharedViews';
+export type PowerpackDialogType = {
     label: string;
     description: string;
     bullet: string;
+    icon?: string;
 };
 export declare const powerpackFeatures: {
-    [key in PowerpackFeature]: PowerpackDialog;
+    [key in PowerpackFeature]: PowerpackDialogType;
 };
 export type PowerpackContextType = {
     selectedPowerPack: null | PowerpackFeature;
     setPowerpackDialog: (open: PowerpackContextType['selectedPowerPack']) => void;
-    powerpackDialog: PowerpackDialog | null;
+    powerpackDialog: PowerpackDialogType | null;
     powerLicense: boolean;
 };
 export declare const PowerpackProvider: ({ children }: {
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const usePowerpack: () => PowerpackContextType;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ynput/ayon-frontend-shared",
-  "version": "0.2.19",
+  "version": "0.2.20",
   "description": "Shared React components for AYON frontend",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",