@1urso/generic-editor 0.1.25 → 0.1.26

package/dist/editor/components/Canvas.d.ts

@@ -1,2 +1,5 @@
 import { default as React } from 'react';
-export declare const Canvas: React.FC;
+interface CanvasProps {
+}
+export declare const Canvas: React.FC<CanvasProps>;
+export {};

package/dist/editor/components/DraggableElement.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { IElement } from '../types';
+import { IElement } from '../context';
 interface DraggableElementProps {
     element: IElement;
     isSelected: boolean;

package/dist/editor/components/ElementContextMenu.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { IElement } from '../types';
+import { IElement } from '../context';
 export declare const ElementContextMenu: React.FC<{
     children: React.ReactNode;
     element: IElement;

package/dist/editor/context.d.ts

@@ -1,5 +1,59 @@
 import { default as React, ReactNode } from 'react';
-import { IEditorState, IElement, IListSettings, IProp } from './types';
+export interface IElementCondition {
+    id: string;
+    property: string;
+    operator: 'equals' | 'notEquals' | 'contains' | 'greaterThan' | 'lessThan' | 'truthy' | 'falsy';
+    value: string;
+    style: React.CSSProperties;
+}
+export interface IElementFormatting {
+    type: 'text' | 'number' | 'date' | 'boolean' | 'map';
+    dateFormat?: string;
+    numberFormat?: 'decimal' | 'currency' | 'percent';
+    currencySymbol?: string;
+    decimalPlaces?: number;
+    trueLabel?: string;
+    falseLabel?: string;
+    mapping?: Record<string, string>;
+}
+export interface IElement {
+    id: string;
+    type: 'text' | 'image' | 'box';
+    content: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    rotation?: number;
+    style?: React.CSSProperties;
+    dataBinding?: string;
+    formatting?: IElementFormatting;
+    conditions?: IElementCondition[];
+    autoGrow?: boolean;
+}
+export interface IListSettings {
+    sortProp?: string;
+    sortOrder: 'asc' | 'desc';
+    newestPosition?: 'top' | 'bottom';
+    scrollDirection?: 'up' | 'down';
+    containerHeight?: number;
+}
+export interface IProp {
+    name: string;
+    dataName: string;
+}
+interface IEditorState {
+    elements: IElement[];
+    selectedElementId: string | null;
+    isList: boolean;
+    mockData: any[];
+    singleMockData: Record<string, any>;
+    listSettings: IListSettings;
+    canvasHeight?: number;
+    availableProps: IProp[];
+    availableFonts: string[];
+    theme: 'light' | 'dark';
+}
 interface IEditorContext {
     state: IEditorState;
     addElement: (element: Omit<IElement, 'id' | 'x' | 'y' | 'width' | 'height'> & Partial<Pick<IElement, 'x' | 'y' | 'width' | 'height'>>) => void;
@@ -7,7 +61,7 @@ interface IEditorContext {
     selectElement: (id: string | null) => void;
     moveElement: (dragIndex: number, hoverIndex: number) => void;
     updateElement: (id: string, updates: Partial<IElement>) => void;
-    setMockData: (data: Record<string, unknown>[], singleData: Record<string, unknown>) => void;
+    setMockData: (data: any[], singleData: Record<string, any>) => void;
     updateListSettings: (settings: Partial<IListSettings>) => void;
     setCanvasHeight: (height: number) => void;
     loadState: (savedState: Partial<IEditorState>) => void;

package/dist/editor/index.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-import { IEditorState, IElement, ILayout } from './types';
+import { ILayout } from './types';
 interface EditorProps {
     layout: ILayout;
-    initialState?: string | IElement[] | Partial<IEditorState>;
+    initialState?: any;
     onSave?: (json: string) => void;
     theme?: 'light' | 'dark';
 }

package/dist/editor/types.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-export interface IProp {
+interface IProp {
     name: string;
     dataName: string;
 }
@@ -8,57 +7,4 @@ export interface ILayout {
     props: IProp[];
     isList?: boolean;
 }
-export interface IElementCondition {
-    id: string;
-    property: string;
-    operator: 'equals' | 'notEquals' | 'contains' | 'greaterThan' | 'lessThan' | 'truthy' | 'falsy';
-    value: string;
-    style: React.CSSProperties;
-}
-export interface IElementFormatting {
-    type: 'text' | 'number' | 'date' | 'boolean' | 'map';
-    dateFormat?: string;
-    numberFormat?: 'decimal' | 'currency' | 'percent';
-    currencySymbol?: string;
-    decimalPlaces?: number;
-    trueLabel?: string;
-    falseLabel?: string;
-    mapping?: Record<string, string>;
-}
-export interface IElement {
-    id: string;
-    type: 'text' | 'image' | 'box';
-    content: string;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    rotation?: number;
-    style?: React.CSSProperties;
-    dataBinding?: string;
-    formatting?: IElementFormatting;
-    conditions?: IElementCondition[];
-    autoGrow?: boolean;
-    parentId?: string;
-    autoGrowContainer?: boolean;
-}
-export interface IListSettings {
-    sortProp?: string;
-    sortOrder: 'asc' | 'desc';
-    newestPosition?: 'top' | 'bottom';
-    scrollDirection?: 'up' | 'down';
-    containerHeight?: number;
-    entryAnimation?: 'slideIn' | 'fadeIn' | 'scaleIn' | 'none';
-}
-export interface IEditorState {
-    elements: IElement[];
-    selectedElementId: string | null;
-    isList: boolean;
-    mockData: Record<string, unknown>[];
-    singleMockData: Record<string, unknown>;
-    listSettings: IListSettings;
-    canvasHeight?: number;
-    availableProps: IProp[];
-    availableFonts: string[];
-    theme: 'light' | 'dark';
-}
+export {};

package/dist/editor/utils/helpers.d.ts

@@ -1,3 +1,3 @@
-import { IElementFormatting } from '../types';
-export declare const formatValue: (value: unknown, formatting: IElementFormatting) => string;
-export declare const checkCondition: (propValue: unknown, operator: string, ruleValue: string) => boolean;
+import { IElementFormatting } from '../context';
+export declare const formatValue: (value: any, formatting: IElementFormatting) => string;
+export declare const checkCondition: (propValue: any, operator: string, ruleValue: string) => boolean;

package/dist/editor/utils/htmlGenerator.d.ts

@@ -1,9 +1,9 @@
-import { IElement, IListSettings } from '../types';
+import { IElement, IListSettings } from '../context';
 interface RenderOptions {
     isList?: boolean;
     listSettings?: IListSettings;
     canvasHeight?: number;
 }
-export declare const generateHTML: (elements: IElement[], data: unknown, options?: RenderOptions) => string;
+export declare const generateHTML: (elements: IElement[], data: any, options?: RenderOptions) => string;
 export declare const getRendererCode: () => string;
 export {};