@orbit_ui_toolkit/orbitui-kit 0.1.29 → 0.1.31

package/dist/components/CoverflowCarousel/CoverflowCarousel.d.ts

@@ -0,0 +1,18 @@
+import { default as React, ReactNode } from 'react';
+export interface CoverflowCarouselProps {
+    /** Array of React elements to render as carousel items */
+    items: ReactNode[];
+    /** Initial active slide index */
+    initialIndex?: number;
+    /** Callback fired when the active index changes */
+    onIndexChange?: (index: number) => void;
+    /** Additional CSS classes for the container */
+    className?: string;
+    /** Height of the carousel container (e.g. "h-[400px]", "h-96") */
+    heightClass?: string;
+    /** Whether to auto-play the carousel */
+    autoPlay?: boolean;
+    /** Interval in milliseconds for auto-play */
+    autoPlayInterval?: number;
+}
+export declare const CoverflowCarousel: React.FC<CoverflowCarouselProps>;

package/dist/components/CoverflowCarousel/CoverflowCarousel.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CoverflowCarousel } from './CoverflowCarousel';
+declare const meta: Meta<typeof CoverflowCarousel>;
+export default meta;
+type Story = StoryObj<typeof CoverflowCarousel>;
+export declare const Default: Story;
+export declare const AutoPlay: Story;

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

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

package/dist/components/DocumentManagement/CreateTemplate.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { Template } from './types';
+interface CreateTemplateProps {
+    initialTemplate?: Partial<Template>;
+    onSave?: (template: Template) => void;
+    onAutosave?: (template: Template) => void;
+}
+export declare const CreateTemplate: React.FC<CreateTemplateProps>;
+export default CreateTemplate;

package/dist/components/DocumentManagement/CreateTemplate.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CreateTemplate } from './CreateTemplate';
+declare const meta: Meta<typeof CreateTemplate>;
+export default meta;
+type Story = StoryObj<typeof CreateTemplate>;
+export declare const EmptyCanvasEditor: Story;
+export declare const PreloadedOfferLetter: Story;
+export declare const PreloadedCompensationHike: Story;
+export declare const SaveLoggerDemo: Story;

package/dist/components/DocumentManagement/GeneratedDocument.d.ts

@@ -0,0 +1,19 @@
+import { Template } from './types';
+export interface GeneratedDocumentRef {
+    /** Prints the document beautifully and displays the browser save dialogue for saving as a vector PDF */
+    print: () => void;
+    /** Copies a stripped, formatted text-only representation of the document to the clipboard */
+    copyText: () => Promise<void>;
+}
+export interface GeneratedDocumentProps {
+    /** The document template configuration containing layout, options, titles and HTML structure */
+    template: Template;
+    /** Key-value pairs for variables/placeholders present in the template (e.g. { employeeName: 'John Doe' }) */
+    data: Record<string, string>;
+    /** Optional custom CSS classes for the outer container */
+    className?: string;
+    /** Optional custom filename for printing/saving */
+    pdfTitle?: string;
+}
+export declare const GeneratedDocument: import('react').ForwardRefExoticComponent<GeneratedDocumentProps & import('react').RefAttributes<GeneratedDocumentRef>>;
+export default GeneratedDocument;

package/dist/components/DocumentManagement/GeneratedDocument.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { GeneratedDocument } from './GeneratedDocument';
+declare const meta: Meta<typeof GeneratedDocument>;
+export default meta;
+type Story = StoryObj<typeof GeneratedDocument>;
+export declare const EmployeeOfferLetter: Story;
+export declare const CompensationAppraisal: Story;
+export declare const MinimalWithoutActions: Story;

package/dist/components/DocumentManagement/components/Blocks.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { Block, TitleBlockData, ParagraphBlockData, DividerBlockData, TableBlockData, SignatureBlockData, FooterBlockData, HeaderBlockData } from '../types';
+interface BlockWrapperProps {
+    block: Block;
+    children: React.ReactNode;
+}
+export declare const BlockWrapper: React.FC<BlockWrapperProps>;
+export declare const HeaderBlock: React.FC<{
+    data: HeaderBlockData;
+}>;
+export declare const TitleBlock: React.FC<{
+    data: TitleBlockData;
+}>;
+export declare const ParagraphBlock: React.FC<{
+    data: ParagraphBlockData;
+}>;
+export declare const DividerBlock: React.FC<{
+    data: DividerBlockData;
+}>;
+export declare const SignatureBlock: React.FC<{
+    data: SignatureBlockData;
+}>;
+export declare const TableBlock: React.FC<{
+    data: TableBlockData;
+}>;
+export declare const FooterBlock: React.FC<{
+    data: FooterBlockData;
+}>;
+export {};

package/dist/components/DocumentManagement/components/BodyBlock.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { BodyBlockData } from '../types';
+interface BodyBlockProps {
+    data: BodyBlockData;
+}
+export declare const BodyBlock: React.FC<BodyBlockProps>;
+export {};

package/dist/components/DocumentManagement/components/PreviewPanel.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare const PreviewPanel: React.FC;
+export default PreviewPanel;

package/dist/components/DocumentManagement/components/PropertiesPanel.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const PropertiesPanel: React.FC;

package/dist/components/DocumentManagement/components/SidebarFields.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare const SidebarFields: React.FC;
+export default SidebarFields;

package/dist/components/DocumentManagement/components/TemplateCanvas.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare const TemplateCanvas: React.FC;
+export default TemplateCanvas;

package/dist/components/DocumentManagement/components/TemplateEditorPage.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const TemplateEditorPage: React.FC;

package/dist/components/DocumentManagement/components/Toolbar.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Toolbar: React.FC;

package/dist/components/DocumentManagement/context.d.ts

@@ -0,0 +1,56 @@
+import { default as React } from 'react';
+import { Block, BlockType, Template, CustomVariable, HeaderOptions, FooterOptions, SignatureOptions } from './types';
+export interface TemplateEditorContextType {
+    templateName: string;
+    templateCategory: string;
+    blocks: Block[];
+    selectedBlockId: string | null;
+    activeTab: 'edit' | 'preview';
+    autosave: boolean;
+    canUndo: boolean;
+    canRedo: boolean;
+    placeholders: string[];
+    customVariables: CustomVariable[];
+    headerOptions: HeaderOptions;
+    footerOptions: FooterOptions;
+    signatureOptions: SignatureOptions;
+    contentHtml: string;
+    contentDelta: string;
+    letterTitle: string;
+    toAddress: string;
+    reLine: string;
+    subjectLine: string;
+    setTemplateName: (name: string) => void;
+    setTemplateCategory: (category: string) => void;
+    addBlock: (type: BlockType) => void;
+    updateBlock: (id: string, data: Partial<Block>) => void;
+    removeBlock: (id: string) => void;
+    moveBlock: (id: string, direction: 'up' | 'down') => void;
+    selectBlock: (id: string | null) => void;
+    setActiveTab: (tab: 'edit' | 'preview') => void;
+    toggleAutosave: () => void;
+    undo: () => void;
+    redo: () => void;
+    loadDemo: (type: 'offer' | 'hike' | 'promotion' | 'experience') => void;
+    saveTemplate: () => void;
+    clearCanvas: () => void;
+    addCustomVariable: (variable: CustomVariable) => void;
+    removeCustomVariable: (key: string) => void;
+    setHeaderOptions: (opts: HeaderOptions) => void;
+    setFooterOptions: (opts: FooterOptions) => void;
+    setSignatureOptions: (opts: SignatureOptions) => void;
+    setContentDelta: (delta: string) => void;
+    setContentHtml: (html: string) => void;
+    setLetterTitle: (title: string) => void;
+    setToAddress: (address: string) => void;
+    setReLine: (re: string) => void;
+    setSubjectLine: (sub: string) => void;
+}
+export declare const TemplateEditorProvider: React.FC<{
+    children: React.ReactNode;
+    initialTemplate?: Partial<Template>;
+    presets?: Record<string, any>;
+    onSave?: (template: Template) => void;
+    onAutosave?: (template: Template) => void;
+}>;
+export declare const useTemplateEditor: () => TemplateEditorContextType;

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

@@ -0,0 +1,6 @@
+export { CreateTemplate } from './CreateTemplate';
+export { TemplateEditorProvider, useTemplateEditor } from './context';
+export { GeneratedDocument } from './GeneratedDocument';
+export type { GeneratedDocumentProps, GeneratedDocumentRef } from './GeneratedDocument';
+export * from './types';
+export { compileBlockHTML, replacePlaceholders, getPlaceholderLabel } from './utils';

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

@@ -0,0 +1,103 @@
+export type BlockType = 'header' | 'body' | 'footer' | 'title' | 'paragraph' | 'divider' | 'signature' | 'table';
+export interface BaseBlock {
+    id: string;
+    type: BlockType;
+}
+export interface HeaderBlockData extends BaseBlock {
+    type: 'header';
+    logoUrl?: string;
+    companyName: string;
+    address: string;
+    title: string;
+    dateField: string;
+}
+export interface BodyBlockData extends BaseBlock {
+    type: 'body';
+    content: string;
+}
+export interface FooterBlockData extends BaseBlock {
+    type: 'footer';
+    signatureText?: string;
+    hrName: string;
+    footerNotes?: string;
+    contactInfo?: string;
+}
+export interface TitleBlockData extends BaseBlock {
+    type: 'title';
+    text: string;
+    align: 'left' | 'center' | 'right';
+    level: 1 | 2 | 3;
+}
+export interface ParagraphBlockData extends BaseBlock {
+    type: 'paragraph';
+    text: string;
+}
+export interface DividerBlockData extends BaseBlock {
+    type: 'divider';
+    style: 'solid' | 'dashed' | 'dotted';
+    color: string;
+    thickness: number;
+}
+export interface SignatureBlockData extends BaseBlock {
+    type: 'signature';
+    title: string;
+    signerName: string;
+    signatureStyle: 'handwritten' | 'classic' | 'typed';
+}
+export interface TableBlockData extends BaseBlock {
+    type: 'table';
+    headers: string[];
+    rows: string[][];
+}
+export type Block = HeaderBlockData | BodyBlockData | FooterBlockData | TitleBlockData | ParagraphBlockData | DividerBlockData | SignatureBlockData | TableBlockData;
+export interface Template {
+    id: string;
+    name: string;
+    category: string;
+    headerOptions: HeaderOptions;
+    footerOptions: FooterOptions;
+    signatureOptions: SignatureOptions;
+    letterTitle: string;
+    toAddress: string;
+    reLine: string;
+    subjectLine: string;
+    contentHtml: string;
+    contentDelta: string;
+    placeholders: string[];
+    customVariables?: CustomVariable[];
+    createdAt: string;
+    updatedAt?: string;
+    blocks?: any[];
+}
+export interface HeaderOptions {
+    companyName: string;
+    subheading: string;
+    logoUrl?: string;
+    address: string;
+    phone: string;
+    website: string;
+    includeSeal: boolean;
+    includeContactInfo: boolean;
+    includeDate: boolean;
+}
+export interface FooterOptions {
+    includeFooter: boolean;
+    includeDocumentName: boolean;
+    includeVersionNumber: boolean;
+    includePageNumber: boolean;
+    documentName?: string;
+    version?: string;
+}
+export interface SignatureOptions {
+    includeSignature: boolean;
+    signerName: string;
+    title: string;
+    signatureStyle: 'handwritten' | 'classic' | 'typed';
+}
+export type VariableType = 'text' | 'number' | 'date' | 'dropdown';
+export interface CustomVariable {
+    key: string;
+    label: string;
+    type: VariableType;
+    options?: string[];
+}

package/dist/components/DocumentManagement/utils.d.ts

@@ -0,0 +1,13 @@
+import { Block, BlockType } from './types';
+export declare const generateId: () => string;
+export declare const extractPlaceholders: (blocks: Block[]) => string[];
+export declare const getPlaceholderLabel: (placeholder: string) => string;
+export declare const getDefaultBlockData: (type: BlockType) => Block;
+export declare const replacePlaceholders: (text: string, values: Record<string, string>, highlight?: boolean) => string;
+export declare const compileBlockHTML: (block: Block, placeholderValues?: Record<string, string>) => string;
+export declare const DEMO_TEMPLATES: Record<string, {
+    name: string;
+    category: string;
+    version?: string;
+    blocks: Block[];
+}>;

package/dist/index.d.ts

@@ -14,6 +14,7 @@ export * from './components/AppLayout/AppLayout';
 export * from './components/SocialLayout/SocialLayout';
 export * from './components/InboxLayout/InboxLayout';
 export * from './components/Avatar/Avatar';
+export * from './components/Image/Image';
 export * from './components/Chat';
 export * from './components/Stack';
 export * from './components/Dialog/BaseDialog';
@@ -43,3 +44,4 @@ export * from './components/charts/HeatMap/OrbitHeatMap';
 export * from './components/charts/ComposedChart/OrbitComposedChart';
 export * from './components/charts/AnalyticsCard/OrbitAnalyticsCard';
 export * from './components/SeatLayout';
+export * from './components/DocumentManagement';