@nice2dev/ui-diagrams 1.0.28 → 1.1.5

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @nice2dev/ui-diagrams — Changelog
 
+## 1.1.5
+
+No changes in this release.
+
+## 1.0.29
+
+### Patch Changes
+
+- Library-wide consistency pass + showcase overhaul.
+  - **Universal app shell:** every genuine multi-panel editor/studio/designer/builder/workspace standardized onto `NiceAppShell` (slots + `flush`), incl. `NiceTeamsWorkspace` and `NiceAPIDesigner`. No public API changes — internal layout only.
+  - **Icons:** foreign icons (emoji, raw unicode glyphs, inline `<svg>`, FontAwesome) replaced with `@nice2dev/icons` / `NiceIcon` built-ins across the packages; ~110 built-in icon paths added to `NiceIcon`.
+  - **Control sizing:** every basic control now honours the full `xs · sm · md · lg · xl` size scale with working CSS — fixed `NiceCard`, `NiceAlert`, `NiceSkeleton`, `NiceDivider`, `NiceSearchInput`, `NiceCallout`, `NiceStatistic`, `NiceSegmentedControl`, `NiceCheckbox`, `NiceParagraph`, and a `NiceSpinner` CSS-shadow regression (`md` baseline unchanged). `NiceNumericInput` gained a `size` prop.
+  - **NiceKioskShell:** the `style` prop now overrides the default full-screen `position: fixed` (so it can be embedded contained).
+  - **Input devices + spatial navigation:** `NiceGamepad` / `NiceMicrophone` / `NiceDeviceManager` / `NiceDeviceTile` and `NavShell` spatial-navigation support.
+  - **Audio:** AudioVerse → `@nice2dev/ui-audio` parity (15 controls; optional `recharts` visualizers).
+  - **Display atoms + forms:** standardized atoms (`NiceBadge`/`NiceTag`/`NiceAvatarGroup`/`NiceProgress`/…), removed the deprecated `NiceStatusBadge` (migrated to `NiceBadge` variants), entity validation builder, selectable `NiceCard`.
+  - **Editors inside satellites** (`ui-ai`/`ui-api`/`ui-bi`/`ui-math`/`ui-video`/`ui-audio`/`events`) now declare `@nice2dev/ui` (and where used `@nice2dev/icons` / `@nice2dev/ui-core`) as peer dependencies.
+
 All notable changes to the diagram editor package.
 
 ## [0.2.0] — 2026-03-25

package/dist/__tests__/setup.d.ts

@@ -1,2 +1 @@
-
 //# sourceMappingURL=setup.d.ts.map

package/dist/components/AnimationTimeline.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { DiagramAnimation } from '../types/diagramTypes';
-
 export interface AnimationTimelineProps {
     animations: readonly DiagramAnimation[];
     onAdd?: (anim: Omit<DiagramAnimation, 'id'>) => void;

package/dist/components/DiagramCanvas.d.ts

@@ -2,7 +2,6 @@ import { default as React } from 'react';
 import { AnimationState } from '../core/animationEngine';
 import { ParticleEngineState } from '../core/diagramParticleEngine';
 import { DiagramNode, DiagramEdge, DiagramGroup, DiagramViewport, DiagramThemeOverrides, DiagramViewMode, Point, Size } from '../types/diagramTypes';
-
 export interface DiagramCanvasProps {
     nodes: readonly DiagramNode[];
     edges: readonly DiagramEdge[];

package/dist/components/DiagramCellRenderer.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { NiceDiagramDocument, DiagramNode, DiagramEdge } from '../types/diagramTypes';
-
 export interface DiagramCellRendererProps {
     /** Full diagram document to render. */
     document?: NiceDiagramDocument;

package/dist/components/DiagramMinimap.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { DiagramNode, DiagramEdge, DiagramViewport } from '../types/diagramTypes';
-
 export interface DiagramMinimapProps {
     nodes: readonly DiagramNode[];
     edges: readonly DiagramEdge[];

package/dist/components/DiagramPropertyPanel.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { DiagramNode, DiagramEdge } from '../types/diagramTypes';
-
 export interface DiagramPropertyPanelProps {
     selectedNode?: DiagramNode | null;
     selectedEdge?: DiagramEdge | null;

package/dist/components/DiagramToolbar.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { LayoutAlgorithm, NodeShape, DiagramType, DiagramViewMode } from '../types/diagramTypes';
-
 export type DiagramTool = 'select' | 'addNode' | 'addEdge' | 'pan' | 'delete' | 'text' | 'freehand';
 export interface DiagramToolbarProps {
     activeTool: DiagramTool;

package/dist/components/NiceDatabaseSchemaViewer.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface DatabaseColumn {
     name: string;
     type: string;

package/dist/components/NiceDecisionTreeEditor.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface DecisionNode {
     id: string;
     type: DecisionNodeType;

package/dist/components/NiceDependencyGraph.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface DependencyNode {
     id: string;
     name: string;

package/dist/components/NiceDiagramEditor.d.ts

@@ -1,7 +1,6 @@
 import { NiceComponentTutorial } from '@nice2dev/ui';
 import { default as React } from 'react';
 import { NiceDiagramDocument, DiagramType } from '../types/diagramTypes';
-
 export interface NiceDiagramEditorProps {
     /** Initial document (optional — empty diagram created if omitted) */
     initialDocument?: NiceDiagramDocument;

package/dist/components/NiceDiagramEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NiceDiagramEditor.d.ts","sourceRoot":"","sources":["../../src/components/NiceDiagramEditor.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAIL,KAAK,qBAAqB,EAE3B,MAAM,cAAc,CAAC;AACtB,OAAO,KAA4D,MAAM,OAAO,CAAC;AAqBjF,OAAO,KAAK,EACV,mBAAmB,EACnB,WAAW,EAKZ,MAAM,uBAAuB,CAAC;AAU/B,MAAM,WAAW,sBAAsB;IACrC,qEAAqE;IACrE,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACxD,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,6BAA6B;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB,uBAAuB;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAID,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAya9D,CAAC"}
+{"version":3,"file":"NiceDiagramEditor.d.ts","sourceRoot":"","sources":["../../src/components/NiceDiagramEditor.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAKL,KAAK,qBAAqB,EAE3B,MAAM,cAAc,CAAC;AACtB,OAAO,KAA4D,MAAM,OAAO,CAAC;AAqBjF,OAAO,KAAK,EACV,mBAAmB,EACnB,WAAW,EAKZ,MAAM,uBAAuB,CAAC;AAU/B,MAAM,WAAW,sBAAsB;IACrC,qEAAqE;IACrE,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACxD,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,6BAA6B;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB,uBAAuB;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAID,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA8Z9D,CAAC"}

package/dist/components/NiceDiagramViewer.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { NiceDiagramDocument } from '../types/diagramTypes';
-
 export interface NiceDiagramViewerProps {
     /** The document to display */
     document: NiceDiagramDocument;

package/dist/components/NiceNetworkTopology.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface NetworkDevice {
     id: string;
     name: string;

package/dist/components/NiceOrgChartVisualizer.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface OrgEmployee {
     id: string;
     name: string;

package/dist/components/NiceProcessMiningDiagram.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface ProcessEvent {
     caseId: string;
     activity: string;

package/dist/components/NiceWorkflowVisualizer.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { NodeShape } from '../types/diagramTypes';
-
 export interface WorkflowStep {
     id: string;
     name: string;

package/dist/components/collaborativeDiagram.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { NiceDiagramDocument, DiagramNode, DiagramEdge, DiagramGroup } from '../types/diagramTypes';
-
 export interface YDoc {
     getMap<T>(name: string): YMap<T>;
     getArray<T>(name: string): YArray<T>;

package/dist/components/diagramAdapters.d.ts

@@ -1,5 +1,4 @@
 import { NiceDiagramDocument, DiagramNode, DiagramEdge, DiagramGroup, DiagramAnimation, DiagramType } from '../types/diagramTypes';
-
 export interface SimpleNode {
     id: string;
     label: string;

package/dist/components/diagramTemplates.d.ts

@@ -1,5 +1,4 @@
 import { NiceDiagramDocument } from '../types/diagramTypes';
-
 export interface DiagramTemplate {
     id: string;
     name: string;

package/dist/components/shapeRegistry.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface ShapeDefinition {
     /** Unique shape identifier */
     id: string;

package/dist/components/snapGuides.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface Point {
     x: number;
     y: number;

package/dist/components/workflowIntegrations.d.ts

@@ -1,5 +1,4 @@
 import { WorkflowData } from './NiceWorkflowVisualizer';
-
 export interface BPMNDefinitions {
     process?: BPMNProcess | BPMNProcess[];
     collaboration?: BPMNCollaboration;

package/dist/core/DiagramModel.d.ts

@@ -1,5 +1,4 @@
 import { NiceDiagramDocument, DiagramNode, DiagramEdge, DiagramGroup, DiagramAnimation, DiagramAnimationMode, DiagramViewport, DiagramViewMode, DiagramPlayerConfig, DiagramStylePresetConfig, DiagramType, Point, Size, NodeShape } from '../types/diagramTypes';
-
 export declare class DiagramModel {
     private doc;
     private undoStack;

package/dist/core/animationEngine.d.ts

@@ -1,5 +1,4 @@
 import { DiagramAnimation, EasingType } from '../types/diagramTypes';
-
 export declare function getEasing(name: EasingType): (t: number) => number;
 export interface AnimationState {
     opacity: number;

package/dist/core/conditionalStyling.d.ts

@@ -1,5 +1,4 @@
 import { DiagramNode, DiagramEdge, NodeStyle, EdgeStyle, NodeShape } from '../types/diagramTypes';
-
 /** Condition operator for style rules. */
 export type StyleConditionOperator = 'equals' | 'not_equals' | 'greater_than' | 'greater_than_or_equals' | 'less_than' | 'less_than_or_equals' | 'contains' | 'not_contains' | 'starts_with' | 'ends_with' | 'regex' | 'is_null' | 'is_not_null' | 'is_empty' | 'is_not_empty' | 'in' | 'not_in' | 'between';
 /** A single condition. */

package/dist/core/dataBinding.d.ts

@@ -1,5 +1,4 @@
 import { DiagramNode, DiagramEdge, DiagramDataBinding, NodeShape } from '../types/diagramTypes';
-
 export interface DataRecord {
     [key: string]: unknown;
 }

package/dist/core/diagramParticleEngine.d.ts

@@ -1,5 +1,4 @@
 import { LiquidFlowConfig, Point } from '../types/diagramTypes';
-
 export interface Particle {
     x: number;
     y: number;

package/dist/core/diagramSearch.d.ts

@@ -1,5 +1,4 @@
 import { DiagramNode, DiagramEdge, DiagramGroup, NodeShape } from '../types/diagramTypes';
-
 /** Search scope. */
 export type SearchScope = 'all' | 'nodes' | 'edges' | 'groups' | 'labels' | 'data';
 /** Match type. */

package/dist/core/diagramStylePresets.d.ts

@@ -1,5 +1,4 @@
 import { DiagramStylePreset, DiagramStylePresetConfig, DiagramStylePresetCategory, NodeStyle, EdgeStyle, DiagramThemeOverrides } from '../types/diagramTypes';
-
 export declare const DIAGRAM_STYLE_PRESETS: DiagramStylePreset[];
 export interface NodeStyleCatalogEntry {
     id: string;

package/dist/core/diagramTemplateGallery.d.ts

@@ -1,5 +1,4 @@
 import { NiceDiagramDocument, DiagramType } from '../types/diagramTypes';
-
 export interface DiagramTemplate {
     id: string;
     name: string;

package/dist/core/diagramVersioning.d.ts

@@ -1,5 +1,4 @@
 import { NiceDiagramDocument } from '../types/diagramTypes';
-
 /** Type of change in a version. */
 export type DiagramChangeType = 'node-added' | 'node-removed' | 'node-moved' | 'node-resized' | 'node-restyled' | 'node-relabeled' | 'edge-added' | 'edge-removed' | 'edge-restyled' | 'edge-rerouted' | 'group-added' | 'group-removed' | 'group-modified' | 'viewport-changed' | 'metadata-changed' | 'animation-added' | 'animation-removed' | 'animation-modified' | 'theme-changed' | 'title-changed';
 /** A single change in a diff. */

package/dist/core/exportEngine.d.ts

@@ -1,5 +1,4 @@
 import { NiceDiagramDocument, DiagramExportOptions } from '../types/diagramTypes';
-
 /**
  * Export diagram to SVG string.
  */

package/dist/core/i18n.d.ts

@@ -1,5 +1,4 @@
 import { default as React, ReactNode } from 'react';
-
 export type NiceTranslateFn = (key: string, fallback?: string) => string;
 interface I18nContextValue {
     locale: string;

package/dist/core/layoutEngine.d.ts

@@ -1,5 +1,4 @@
 import { DiagramNode as _DiagramNode, DiagramEdge as _DiagramEdge, LayoutOptions, Point as _Point } from '../types/diagramTypes';
-
 export interface LayoutResult {
     positions: Map<string, _Point>;
 }

package/dist/core/serialization.d.ts

@@ -1,5 +1,4 @@
 import { NiceDiagramDocument } from '../types/diagramTypes';
-
 export interface ParseResult {
     ok: boolean;
     document?: NiceDiagramDocument;

package/dist/core/snapGrid.d.ts

@@ -1,5 +1,4 @@
 import { Point, Size } from '../types/diagramTypes';
-
 export interface GridConfig {
     /** Grid cell size in px (default 20) */
     size: number;

package/dist/hooks/useDiagramEditor.d.ts

@@ -1,6 +1,5 @@
 import { DiagramModel } from '../core/DiagramModel';
 import { NiceDiagramDocument, DiagramNode, DiagramEdge, DiagramGroup, DiagramAnimation, DiagramAnimationMode, DiagramViewport, DiagramViewMode, DiagramPlayerConfig, DiagramStylePresetConfig, LayoutOptions, NodeShape, Point, Size } from '../types/diagramTypes';
-
 export interface UseDiagramEditorReturn {
     /** Current document (read-only) */
     document: Readonly<NiceDiagramDocument>;