@app-studio/web 0.9.35 → 0.9.37

package/dist/components/Calendar/Calendar/Calendar.props.d.ts

@@ -5,6 +5,8 @@ export interface CalendarEvent {
     id: string;
     /** Event title/label */
     title: string;
+    /** Event description */
+    description?: string;
     /** Start date in ISO format (YYYY-MM-DD) or datetime (YYYY-MM-DDTHH:MM) */
     start: string;
     /** End date in ISO format (YYYY-MM-DD) or datetime (YYYY-MM-DDTHH:MM) */
@@ -63,6 +65,12 @@ export interface CalendarProps {
     onViewChange?: (view: CalendarView) => void;
     /** Callback when double-clicking to add new event */
     onEventAdd?: (start: string, end: string) => void;
+    /** Callback when an event's title changes */
+    onEventTitleChange?: (event: CalendarEvent, newTitle: string) => void;
+    /** Callback when an event's description changes */
+    onEventDescriptionChange?: (event: CalendarEvent, newDescription: string) => void;
+    /** Callback when an event is deleted */
+    onEventDelete?: (event: CalendarEvent) => void;
     /** Style overrides for various parts of the component */
     views?: CalendarViews;
     /** Width of the calendar (default: '100%') */

package/dist/components/KanbanBoard/KanbanBoard/KanbanBoard.props.d.ts

@@ -19,6 +19,11 @@ export interface KanbanBoardColumn {
 export interface KanbanBoardProps {
     columns: KanbanBoardColumn[];
     onChange?: (columns: KanbanBoardColumn[]) => void;
+    onCardMove?: (card: KanbanBoardCard, fromColumn: KanbanBoardColumn, toColumn: KanbanBoardColumn) => void;
+    onCardCreate?: (card: KanbanBoardCard, column: KanbanBoardColumn) => void;
+    onCardDelete?: (card: KanbanBoardCard, column: KanbanBoardColumn) => void;
+    onCardTitleChange?: (card: KanbanBoardCard, column: KanbanBoardColumn, newTitle: string) => void;
+    onCardDescriptionChange?: (card: KanbanBoardCard, column: KanbanBoardColumn, newDescription: string) => void;
     renderCard?: (card: KanbanBoardCard, column: KanbanBoardColumn) => React.ReactNode;
     renderColumnHeader?: (column: KanbanBoardColumn) => React.ReactNode;
     renderEmptyState?: (column: KanbanBoardColumn) => React.ReactNode;

package/dist/components/KanbanBoard/KanbanBoard/KanbanBoard.state.d.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import { KanbanBoardProps } from './KanbanBoard.props';
-export declare const useKanbanBoardState: ({ columns: initialColumns, onChange, }: KanbanBoardProps) => {
-    columns: import("./KanbanBoard.props").KanbanBoardColumn[];
+import { KanbanBoardCard, KanbanBoardColumn, KanbanBoardProps } from './KanbanBoard.props';
+export declare const useKanbanBoardState: ({ columns: initialColumns, onChange, onCardMove, onCardCreate: onCardCreateProp, onCardDelete: onCardDeleteProp, onCardTitleChange: onCardTitleChangeProp, onCardDescriptionChange: onCardDescriptionChangeProp, }: KanbanBoardProps) => {
+    columns: KanbanBoardColumn[];
     draggedCardId: string | null;
     hoveredColumnId: string | null;
     onCardDragStart: (columnId: string, cardId: string, event: React.DragEvent<HTMLDivElement>) => void;
@@ -10,4 +10,8 @@ export declare const useKanbanBoardState: ({ columns: initialColumns, onChange,
     onCardDragOver: (columnId: string, cardId: string | null, event: React.DragEvent<HTMLDivElement>) => void;
     onColumnDrop: (columnId: string, event: React.DragEvent<HTMLDivElement>) => void;
     onCardDrop: (columnId: string, cardId: string | null, event: React.DragEvent<HTMLDivElement>) => void;
+    onCardCreate: (card: KanbanBoardCard, column: KanbanBoardColumn) => void;
+    onCardDelete: (card: KanbanBoardCard, column: KanbanBoardColumn) => void;
+    onCardTitleChange: (card: KanbanBoardCard, column: KanbanBoardColumn, newTitle: string) => void;
+    onCardDescriptionChange: (card: KanbanBoardCard, column: KanbanBoardColumn, newDescription: string) => void;
 };

package/dist/components/OKR/OKR/OKR.props.d.ts

@@ -0,0 +1,72 @@
+import type { ViewProps } from 'app-studio';
+import type { ReactNode } from 'react';
+import type { ProgressBarStyles } from '../../ProgressBar/ProgressBar/ProgressBar.props';
+import type { StatusIndicatorStyles } from '../../StatusIndicator/StatusIndicator/StatusIndicator.type';
+import type { TextProps } from '../../Text/Text/Text.props';
+export declare type OKRStatus = 'notStarted' | 'onTrack' | 'atRisk' | 'offTrack' | 'achieved';
+export interface OKRKeyResult {
+    id: string;
+    title: string;
+    description?: string;
+    progress?: number;
+    metric?: string;
+    target?: string;
+    current?: string;
+    owner?: string;
+    status?: OKRStatus;
+    confidence?: 'low' | 'medium' | 'high';
+    lastUpdated?: string;
+    tags?: string[];
+}
+export interface OKRObjective {
+    id: string;
+    title: string;
+    description?: string;
+    owner?: string;
+    timeframe?: string;
+    tags?: string[];
+    progress?: number;
+    status?: OKRStatus;
+    keyResults: OKRKeyResult[];
+}
+export interface OKRViews {
+    container?: ViewProps;
+    objectiveCard?: ViewProps;
+    objectiveHeader?: ViewProps;
+    objectiveTitle?: TextProps;
+    objectiveDescription?: TextProps;
+    objectiveMeta?: ViewProps;
+    objectiveOwner?: TextProps;
+    objectiveTimeframe?: TextProps;
+    objectiveTags?: ViewProps;
+    tag?: ViewProps;
+    tagText?: TextProps;
+    objectiveProgressSection?: ViewProps;
+    objectiveProgressLabel?: TextProps;
+    objectiveProgressValue?: TextProps;
+    objectiveProgressBar?: ProgressBarStyles;
+    objectiveStatus?: StatusIndicatorStyles;
+    keyResultList?: ViewProps;
+    keyResultItem?: ViewProps;
+    keyResultHeader?: ViewProps;
+    keyResultTitle?: TextProps;
+    keyResultDescription?: TextProps;
+    keyResultMeta?: ViewProps;
+    keyResultOwner?: TextProps;
+    keyResultStatus?: StatusIndicatorStyles;
+    keyResultTags?: ViewProps;
+    keyResultTag?: ViewProps;
+    keyResultTagText?: TextProps;
+    keyResultProgressSection?: ViewProps;
+    keyResultProgressValue?: TextProps;
+    keyResultProgressBar?: ProgressBarStyles;
+    footer?: ViewProps;
+}
+export interface OKRProps {
+    objectives: OKRObjective[];
+    themeMode?: 'light' | 'dark';
+    views?: OKRViews;
+    onKeyResultClick?: (keyResult: OKRKeyResult, objective: OKRObjective) => void;
+    renderObjectiveFooter?: (objective: OKRObjective) => ReactNode;
+    renderKeyResultFooter?: (keyResult: OKRKeyResult, objective: OKRObjective) => ReactNode;
+}

package/dist/components/OKR/OKR/OKR.style.d.ts

@@ -0,0 +1,19 @@
+import type { ViewProps } from 'app-studio';
+import type { Status } from '../../StatusIndicator/StatusIndicator/StatusIndicator.type';
+import type { OKRStatus } from './OKR.props';
+declare type ThemeMode = 'light' | 'dark';
+declare type OKRTheme = {
+    container: ViewProps;
+    objectiveCard: ViewProps;
+    tag: ViewProps;
+    keyResultItem: ViewProps;
+    divider: ViewProps;
+};
+export declare const getOKRTheme: (mode: ThemeMode) => OKRTheme;
+export declare const STATUS_METADATA: Record<OKRStatus, {
+    indicator: Status;
+    label: string;
+}>;
+export declare const deriveStatusFromProgress: (progress: number) => OKRStatus;
+export declare const clampProgress: (value?: number | undefined) => number;
+export {};

package/dist/components/OKR/OKR/OKR.view.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { OKRProps } from './OKR.props';
+declare const OKRView: React.FC<OKRProps>;
+export default OKRView;

package/dist/components/OKR/OKR.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { OKRProps } from './OKR/OKR.props';
+export declare const OKR: React.FC<OKRProps>;
+export default OKR;

package/dist/components/index.d.ts

@@ -36,6 +36,7 @@ export * from './Message/Message';
 export * from './MediaPreview';
 export * from './Modal/Modal';
 export * from './NavigationMenu/NavigationMenu';
+export * from './OKR/OKR';
 export * from './Table/Table';
 export * from './Tabs/Tabs';
 export * from './Text/Text';
@@ -62,6 +63,7 @@ export * from './Command/Command';
 export * from './Tooltip/Tooltip';
 export * from './Tree/Tree';
 export * from './Flow/Flow';
+export * from './OKR/OKR';
 export * from './ChatInput/ChatInput';
 export * from './Background/Background';
 export { default as AgentChat } from './adk/AgentChat/AgentChat';
@@ -106,6 +108,7 @@ export * from './Toggle/Toggle/Toggle.props';
 export * from './ToggleGroup/ToggleGroup/ToggleGroup.props';
 export * from './HoverCard/HoverCard/HoverCard.props';
 export * from './NavigationMenu/NavigationMenu/NavigationMenu.props';
+export * from './OKR/OKR/OKR.props';
 export * from './DropdownMenu/DropdownMenu/DropdownMenu.props';
 export * from './ColorPicker/ColorPicker/ColorPicker.props';
 export * from './EmojiPicker/EmojiPicker/EmojiPicker.props';
@@ -122,6 +125,7 @@ export * from './Command/Command/Command.props';
 export * from './Tooltip/Tooltip/Tooltip.props';
 export * from './Tree/Tree/Tree.props';
 export * from './Flow/Flow/Flow.props';
+export * from './OKR/OKR/OKR.props';
 export * from './ChatInput/ChatInput/ChatInput.props';
 export * from './Background/Background/Background.props';
 export type { AgentRunRequest, MessagePart, AgentMessage, MessageAttachment, AgentChatViews, AgentChatEventHandlers, AgentChatProps, } from './adk/AgentChat/AgentChat/AgentChat.props';

package/dist/pages/okr.page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CalendarPage: () => React.JSX.Element;
+export default CalendarPage;