@devstgo/stgo-salta-components-react 0.1.0

package/README.md

@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

package/dist/components/DynamicLucideIcon.d.ts

@@ -0,0 +1,7 @@
+interface DynamicIconProps {
+    iconName?: string | null;
+    className?: string;
+    size?: number;
+}
+export declare function DynamicLucideIcon({ iconName, className, }: DynamicIconProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/FontSizeManager.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+/**
+ * Componente que lee el parámetro 'size' de la URL y aplica
+ * el tamaño de fuente base al elemento HTML.
+ */
+declare const FontSizeManager: React.FC;
+export default FontSizeManager;

package/dist/components/buttons/CardsButton.d.ts

@@ -0,0 +1,5 @@
+interface CardsButtonProps {
+    onClick?: () => void;
+}
+export declare const CardsButton: React.FC<CardsButtonProps>;
+export {};

package/dist/components/buttons/IconButton.d.ts

@@ -0,0 +1,9 @@
+import { LucideIcon } from 'lucide-react';
+
+interface IconButtonProps {
+    Icon: LucideIcon;
+    onClick?: () => void;
+    delay?: number;
+}
+export declare const IconButton: React.FC<IconButtonProps>;
+export {};

package/dist/components/buttons/LinkItemButton.d.ts

@@ -0,0 +1,8 @@
+import { LinkItem } from '../../pages/ItemPage';
+
+interface LinkItemButtonProps {
+    item: LinkItem;
+    onClick?: () => void;
+}
+export declare const LinkItemButton: React.FC<LinkItemButtonProps>;
+export {};

package/dist/components/buttons/MinimizeButton.d.ts

@@ -0,0 +1 @@
+export default function MinimizeButton(): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/buttons/NodosButton.d.ts

@@ -0,0 +1,6 @@
+interface NodosButtonProps {
+    label: string;
+    onClick?: () => void;
+}
+export declare const NodosButton: React.FC<NodosButtonProps>;
+export {};

package/dist/components/buttons/SimulacionButton.d.ts

@@ -0,0 +1,5 @@
+interface SimulacionButtonProps {
+    onClick?: () => void;
+}
+export declare const SimulacionButton: React.FC<SimulacionButtonProps>;
+export {};

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

@@ -0,0 +1,6 @@
+export * from './CardsButton';
+export * from './IconButton';
+export * from './LinkItemButton';
+export * from './MinimizeButton';
+export * from './NodosButton';
+export * from './SimulacionButton';

package/dist/components/control-panel.d.ts

@@ -0,0 +1 @@
+export default function ControlPanel(): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout-iframe.d.ts

@@ -0,0 +1,4 @@
+export default function RootLayout({ showControlPanel, iframeSrc }: {
+    showControlPanel?: boolean | undefined;
+    iframeSrc?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout-transparent.d.ts

@@ -0,0 +1,3 @@
+export default function RootLayout({ showControlPanel }: {
+    showControlPanel?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout-world.d.ts

@@ -0,0 +1,9 @@
+import { ShipNavigationItem } from './ship-navigation';
+
+interface WorldProps {
+    items: ShipNavigationItem[];
+    world: "catalog" | "showcases" | "developments" | "platforms" | "";
+    worldSlug?: string;
+}
+declare const WorldLayout: React.FC<WorldProps>;
+export default WorldLayout;

package/dist/components/layout.d.ts

@@ -0,0 +1,5 @@
+interface RootLayoutProps {
+    className?: string;
+}
+export default function RootLayout({ className }: RootLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/minimize-wrapper.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+export default function MinimizeWrapper({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/modos/CardsMode.d.ts

@@ -0,0 +1,8 @@
+import { ItemCard } from '../../pages/ItemPage';
+
+interface CardsModeProps {
+    onClose: () => void;
+    cards: ItemCard[];
+}
+export default function CardsModel({ onClose, cards }: CardsModeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/modos/IframeMode.d.ts

@@ -0,0 +1,7 @@
+interface IframeModeProps {
+    src: string;
+    transparent?: boolean;
+    onClose: () => void;
+}
+export default function IframeMode({ src, transparent, onClose }: Readonly<IframeModeProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/modos/LauncherMode.d.ts

@@ -0,0 +1,5 @@
+interface LauncherModeProps {
+    onClose: () => void;
+}
+export default function LauncherMode({ onClose }: LauncherModeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/modos/LightBoxMode.d.ts

@@ -0,0 +1,7 @@
+
+interface LightBoxModeProps {
+    onClose: () => void;
+    images: string[];
+}
+export default function LightBoxMode({ onClose, images }: LightBoxModeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/modos/SimulationMode.d.ts

@@ -0,0 +1,8 @@
+import { ItemDetail } from '../../pages/ItemPage';
+
+interface SimulationModeProps {
+    item: ItemDetail;
+    onClose: () => void;
+}
+export default function SimulationMode({ item, onClose }: SimulationModeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/modos/VideoMode.d.ts

@@ -0,0 +1,6 @@
+interface VideoModeProps {
+    source: string;
+    onClose: () => void;
+}
+export default function VideoMode({ onClose, source }: VideoModeProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+export * from './CardsMode';
+export * from './IframeMode';
+export * from './LauncherMode';
+export * from './LightBoxMode';
+export * from './SimulationMode';
+export * from './VideoMode';

package/dist/components/nodos/custom-modal.d.ts

@@ -0,0 +1,7 @@
+interface CustomModalProps {
+    showLinkModal: boolean;
+    setShowLinkModal: (show: boolean) => void;
+    modalUrl: string;
+}
+export default function CustomModal({ showLinkModal, setShowLinkModal, modalUrl, }: CustomModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+export * from './custom-modal';
+export * from './interactive-visualization';
+export * from './mobile-message';
+export * from './no-product-modal';

package/dist/components/nodos/interactive-visualization.d.ts

@@ -0,0 +1,103 @@
+type RingNode = {
+    id: number;
+    label: string;
+    color: string;
+    icon: string;
+    active: boolean;
+    url: string;
+};
+type Product = {
+    id: string;
+    label: string;
+    innerRingIds: number[];
+    outerRingIds: number[];
+    expandableNodeIds?: number[];
+    url: string;
+};
+type ProductData = {
+    globalTags: {
+        label: string;
+        url: string;
+    }[];
+    innerRingNodes: RingNode[];
+    outerRingNodes: RingNode[];
+    products: Product[];
+    relationships: {
+        innerRing_to_products?: {
+            innerRingId: number;
+            productIds: string[];
+        }[];
+        outerRing_to_products?: {
+            outerRingId: number;
+            productIds: string[];
+        }[];
+        innerRing_to_outerRing?: {
+            innerRingId: number;
+            outerRingIds: number[];
+        }[];
+        outerRing_to_innerRing?: {
+            outerRingId: number;
+            innerRingIds: number[];
+        }[];
+        innerRing_to_innerRing?: {
+            innerRingId: number;
+            innerRingIds: number[];
+        }[];
+        outerRing_to_outerRing?: {
+            outerRingId: number;
+            outerRingIds: number[];
+        }[];
+        innerRing_to_expandableNodes?: {
+            innerRingId: number;
+            expandableNodeIds: number[];
+        }[];
+        outerRing_to_expandableNodes?: {
+            outerRingId: number;
+            expandableNodeIds: number[];
+        }[];
+        expandableNode_to_innerRing?: {
+            expandableNodeId: number;
+            innerRingIds: number[];
+        }[];
+        expandableNode_to_outerRing?: {
+            expandableNodeId: number;
+            outerRingIds: number[];
+        }[];
+        expandableNode_to_expandableNodes?: {
+            expandableNodeId: number;
+            expandableNodeIds: number[];
+        }[];
+        expandableNode_to_products?: {
+            expandableNodeId: number;
+            productIds: string[];
+        }[];
+    };
+    valuePropositions?: {
+        id: number;
+        title: string;
+        description: string;
+        icon?: string;
+    }[];
+    techDevelopments?: {
+        id: number;
+        title: string;
+        description: string;
+        icon?: string;
+    }[];
+    expandableNodes?: {
+        parentId: number;
+        childNodes: {
+            id: number;
+            label: string;
+            icon?: string;
+            url?: string;
+        }[];
+    }[];
+};
+interface InteractiveVisualizationProps {
+    hotspot: number;
+    dataEs?: ProductData;
+    dataEn?: ProductData;
+}
+export default function InteractiveVisualization({ hotspot, dataEs, dataEn }: InteractiveVisualizationProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/nodos/mobile-message.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+interface MobileMessageProps {
+    onClose: () => void;
+}
+declare const MobileMessage: React.FC<MobileMessageProps>;
+export default MobileMessage;

package/dist/components/nodos/no-product-modal.d.ts

@@ -0,0 +1,8 @@
+type NoProductModalProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    type: "inner" | "outer";
+    itemName: string;
+};
+export default function NoProductModal({ isOpen, onClose, type, itemName }: NoProductModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/overlay/gradient-overlay.d.ts

@@ -0,0 +1,8 @@
+interface GradientOverlayProps {
+    size: {
+        width: number;
+        height: number;
+    };
+}
+export default function GradientOverlay({ size }: GradientOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/overlay/immersive-modal.d.ts

@@ -0,0 +1,6 @@
+interface ImmersiveModalProps {
+    onClose: () => void;
+    hotspot: number;
+}
+export default function ImmersiveModal({ onClose, hotspot }: ImmersiveModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,3 @@
+export * from './gradient-overlay';
+export * from './immersive-modal';
+export * from './warp-overlay';

package/dist/components/overlay/warp-overlay.d.ts

@@ -0,0 +1,11 @@
+interface WarpOverlayProps {
+    isOpen: boolean;
+    onClose: () => void;
+    size: {
+        width: number;
+        height: number;
+    };
+    hotspot: number;
+}
+export default function WarpOverlay({ isOpen, onClose, size, hotspot }: WarpOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/point-button.d.ts

@@ -0,0 +1,7 @@
+interface PointButtonProps {
+    dest: string;
+    x: string;
+    y: string;
+}
+export default function PointButton({ x, y, dest }: PointButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ship-navigation.d.ts

@@ -0,0 +1,14 @@
+export interface ShipNavigationItem {
+    name: string;
+    slug: string;
+    label: string;
+    icon?: string;
+}
+interface ShipNavigationProps {
+    items: ShipNavigationItem[];
+    parent?: string;
+    selectedShip: string;
+    onShipSelect: (ship: string) => void;
+}
+export default function ShipNavigation({ items, parent, selectedShip, onShipSelect }: ShipNavigationProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/simulation-views/InfoCard.d.ts

@@ -0,0 +1,15 @@
+import { CardData } from './types';
+
+interface InfoCardProps {
+    card: CardData;
+    isExpanded: boolean;
+    isOtherExpanded: boolean;
+    collapsedUniformHeight?: boolean;
+    onToggle: () => void;
+    onClose: () => void;
+    expandedContent?: React.ReactNode;
+    delay?: number;
+    gridSpan?: boolean;
+}
+export declare function InfoCard({ card, isExpanded, isOtherExpanded, collapsedUniformHeight, onToggle, onClose, expandedContent, delay, gridSpan, }: Readonly<InfoCardProps>): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/simulation-views/TabView.d.ts

@@ -0,0 +1,10 @@
+import { Tab } from './types';
+
+interface TabViewProps {
+    tab?: Tab;
+    tabIndex?: number;
+    expandedCardId: string | null;
+    setExpandedCardId: (id: string | null) => void;
+}
+export declare function TabView({ tab, tabIndex, expandedCardId, setExpandedCardId }: Readonly<TabViewProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/simulation-views/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export { InfoCard } from './InfoCard';
+export { TabView } from './TabView';

package/dist/components/simulation-views/types.d.ts

@@ -0,0 +1,85 @@
+export type ViewLevel = 'basic' | 'medium' | 'advanced' | null;
+export interface CardData {
+    id: string;
+    title: string;
+    description: string;
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    tag: string;
+    tagColor?: string;
+    tagUrl?: string;
+    keyPoints?: string[];
+    images?: any[];
+    width?: 'full' | 'half' | 'third';
+}
+export interface Feature {
+    text?: string;
+    description?: string;
+}
+export interface ContentCard {
+    title: string;
+    subtitle: string;
+    tagName?: string;
+    tagUrl?: string;
+    width: 'full' | 'half' | 'third';
+    features: Feature[];
+    images?: any[];
+}
+export interface Tab {
+    name: string;
+    icon?: string;
+    cards: ContentCard[];
+}
+export interface MetricData {
+    label: string;
+    value: string;
+    color: string;
+}
+export interface CapabilityData {
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    title: string;
+    description: string;
+}
+export interface UseCaseData {
+    title: string;
+    description: string;
+    stat: string;
+}
+export interface TechStackData {
+    category: string;
+    technologies: string;
+}
+export interface RoadmapItem {
+    quarter: string;
+    title: string;
+    description: string;
+}
+export interface ResourceItem {
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    title: string;
+    description: string;
+    category?: string;
+    url?: string;
+}
+export interface SpecificationData {
+    label: string;
+    value: string;
+}
+export interface IntegrationData {
+    name: string;
+    available: boolean;
+}
+export interface SimulationInfoData {
+    title: string;
+    subtitle: string;
+    views: {
+        basic: CardData[];
+        medium: CardData[];
+        advanced: CardData[];
+    };
+}

package/dist/components/title-section.d.ts

@@ -0,0 +1,8 @@
+import { Item } from '../pages/ItemPage';
+
+interface TitleSectionProps {
+    home?: string;
+    item?: Item;
+}
+export default function TitleSection({ home, item }: TitleSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/video-background.d.ts

@@ -0,0 +1,5 @@
+export interface VideoBackgroundProps {
+    returnUrlOnEnded?: string;
+}
+declare const VideoBackground: React.FC<VideoBackgroundProps>;
+export default VideoBackground;

package/dist/components/websocket-status.d.ts

@@ -0,0 +1 @@
+export declare function WebSocketStatusWidget(): import("react/jsx-runtime").JSX.Element;

package/dist/config.d.ts

@@ -0,0 +1,16 @@
+export interface Config {
+    remoteUrl: string;
+    wsUrl?: string;
+    wsRoom?: string;
+    cinematics?: boolean;
+    cinematicsOnChangeLocation?: boolean;
+    baseUrl?: string;
+    backgroundIframeUrl?: string;
+    showcasesUrl?: string[];
+    controlPanelLevels?: {
+        title: string;
+        slug: string;
+    }[];
+}
+export declare const initLibConfig: (cfg: Config) => void;
+export declare const getConfig: () => Config;

package/dist/contexts/EventContext.d.ts

@@ -0,0 +1,11 @@
+type EventContextType = {
+    lastEvent: any;
+    setLastEvent: (data: any) => void;
+    internalEvent: any;
+    setInternalEvent: (data: any) => void;
+};
+export declare const EventProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useEvent: () => EventContextType;
+export {};

package/dist/contexts/MinimizeContext.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+
+interface MinimizeContextType {
+    isMinimized: boolean;
+    setMinimized: (value: boolean) => void;
+    toggleMinimized: () => void;
+}
+export declare const MinimizeProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useMinimize: () => MinimizeContextType;
+export declare const useOptionalMinimize: () => MinimizeContextType | undefined;
+export {};

package/dist/contexts/ShowcaseContext.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+
+interface ShowcaseContextType {
+    isAutoMode: boolean;
+    toggleAutoMode: () => void;
+    setIsAutoMode: (value: boolean) => void;
+}
+export declare const ShowcaseProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useShowcase: () => ShowcaseContextType;
+export {};

package/dist/contexts/VideoContext.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+
+interface VideoContextType {
+    currentVideo: string;
+    setVideo: (videoUrl: string, smooth?: boolean) => void;
+    isTransitioning: boolean;
+}
+export declare function VideoProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useVideo(): VideoContextType;
+export {};