@devstgo/stgo-salta-components-react 0.1.0

package/dist/contexts/WebSocketContext.d.ts

@@ -0,0 +1,10 @@
+type WebSocketContextType = {
+    sendMessage: (msg: any) => void;
+    isConnected: boolean;
+    reconnect: () => void;
+};
+export declare const WebSocketProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useWebSocket: () => WebSocketContextType;
+export {};

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useAutoModeTimer';
+export * from './useScreenSize';

package/dist/hooks/useAutoModeTimer.d.ts

@@ -0,0 +1 @@
+export declare const useAutoModeTimer: (intervalMs?: number) => void;

package/dist/hooks/useScreenSize.d.ts

@@ -0,0 +1,6 @@
+export declare const useScreenSize: () => {
+    width: number;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+};

package/dist/index.d.ts

@@ -0,0 +1,33 @@
+export { initLibConfig, getConfig } from './config';
+export type { Config } from './config';
+export * from './components/buttons';
+export * from './components/modos';
+export * from './components/nodos';
+export * from './components/overlay';
+export * from './components/simulation-views';
+export * from './components/DynamicLucideIcon';
+export { default as FontSizeManager } from './components/FontSizeManager';
+export { default as ControlPanel } from './components/control-panel';
+export { default as LayoutIframe } from './components/layout-iframe';
+export { default as LayoutTransparent } from './components/layout-transparent';
+export { default as LayoutWorld } from './components/layout-world';
+export { default as Layout } from './components/layout';
+export { default as MinimizeWrapper } from './components/minimize-wrapper';
+export { default as PointButton } from './components/point-button';
+export { default as ShipNavigation } from './components/ship-navigation';
+export { default as TitleSection } from './components/title-section';
+export { default as VideoBackground } from './components/video-background';
+export * from './components/websocket-status';
+export * from './hooks';
+export { default as FullScreenPage } from './pages/FullScreenPage';
+export { default as ItemPage } from './pages/ItemPage';
+export type { Item, ItemDetail, ItemCard, LinkItem, ItemPageProps } from './pages/ItemPage';
+export { default as SlidePage } from './pages/SlidePage';
+export { default as WorldPage } from './pages/WorldPage';
+export * from './contexts/EventContext';
+export * from './contexts/MinimizeContext';
+export * from './contexts/ShowcaseContext';
+export * from './contexts/VideoContext';
+export * from './contexts/WebSocketContext';
+export { default as RouteListener } from './utils/RouteListener';
+export * from './utils/utils';

package/dist/pages/FullScreenPage.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+export interface FullScreenProps {
+    video?: string;
+    returnUrl: string;
+}
+declare const FullScreenPage: React.FC<FullScreenProps>;
+export default FullScreenPage;

package/dist/pages/ItemPage.d.ts

@@ -0,0 +1,105 @@
+export interface ItemCard {
+    title: string;
+    subtitle: string;
+    imageUrl: string;
+    webUrl: string;
+}
+export interface ItemDetail {
+    name: string;
+    items: Item[];
+}
+export interface LinkItem {
+    text?: string | null;
+    icon: string;
+    url: string;
+    transparent: boolean;
+}
+export interface PptItem {
+    name?: string | null;
+    icon?: string | null;
+    image: Media[] | null;
+}
+export interface MediaFormat {
+    name: string;
+    hash: string;
+    ext: string;
+    mime: string;
+    path: string | null;
+    width: number;
+    height: number;
+    size: number;
+    sizeInBytes: number;
+    url: string;
+}
+export interface MediaFormats {
+    thumbnail: MediaFormat;
+    large: MediaFormat;
+    small: MediaFormat;
+    medium: MediaFormat;
+}
+export interface Media {
+    documentId: string;
+    name: string;
+    alternativeText: string;
+    caption: string;
+    width: number;
+    height: number;
+    formats: MediaFormats;
+    hash: string;
+    ext: string;
+    mime: string;
+    size: number;
+    url: string;
+    previewUrl: string | null;
+    provider: string;
+    provider_metadata: any | null;
+    createdAt: string;
+    updatedAt: string;
+    publishedAt: string;
+}
+export interface TabFeature {
+    description?: string;
+    text?: string;
+}
+export interface TabCard {
+    id?: number;
+    title: string;
+    subtitle: string;
+    tagName?: string | null;
+    tagUrl?: string | null;
+    width?: "full" | "half" | "third";
+    features?: TabFeature[];
+    images?: any[];
+}
+export interface Tab {
+    id?: number;
+    name: string;
+    icon?: string | null;
+    cards?: TabCard[];
+}
+export interface Item {
+    slug: string;
+    shortName?: string | null;
+    title: string;
+    subtitle?: string | null;
+    homeButton?: string | null;
+    playButton?: string | null;
+    nodesId?: number | null;
+    cards?: ItemCard[] | null;
+    simulation?: ItemDetail | null;
+    webUrl?: string | null;
+    links?: LinkItem[] | null;
+    thumb?: string | null;
+    background?: string | null;
+    videoBackground?: string | null;
+    ppts?: PptItem[] | null;
+    tab?: Tab[] | null;
+}
+export interface ItemPageProps {
+    world: "catalog" | "showcases" | "developments" | "platforms" | "app-library";
+    worldSlug?: string;
+    overlay?: boolean;
+    itemsData: Item[];
+}
+declare const ItemPage: React.FC<ItemPageProps>;
+export default ItemPage;

package/dist/pages/SlidePage.d.ts

@@ -0,0 +1,4 @@
+import { ItemPageProps } from './ItemPage';
+
+declare const SlidePage: React.FC<ItemPageProps>;
+export default SlidePage;

package/dist/pages/WorldPage.d.ts

@@ -0,0 +1,11 @@
+import { ShipNavigationItem } from '../components/ship-navigation';
+import { Item } from './ItemPage';
+
+interface WorldProps {
+    items?: ShipNavigationItem[];
+    world: "catalog" | "showcases" | "developments" | "platforms" | "";
+    overlay?: boolean;
+    title: Item;
+}
+declare const WorldPage: React.FC<WorldProps>;
+export default WorldPage;

package/dist/stgo-salta-components-react.css

@@ -0,0 +1 @@
+.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media(prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media(hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}