@app-studio/web 0.9.35 → 0.9.36

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;