@mriqbox/ui-kit 3.3.2 → 3.4.1

package/bin/cli.js

@@ -51,6 +51,8 @@ const COMPONENT_MAP = {
     'MriSectionHeader': 'molecules',
     'MriDatePicker': 'molecules',
     'MriDrawer': 'molecules',
+    'MriPlayerVitals': 'molecules',
+    'MriVitalAdjustModal': 'molecules',
 
     // Organisms
     'MriCalendar': 'organisms',
@@ -59,6 +61,7 @@ const COMPONENT_MAP = {
     'MriSidebar': 'organisms',
     'MriTopbar': 'organisms',
     'MriTable': 'organisms',
+    'MriPlayerScreenStream': 'organisms',
 };
 
 function toPascalCase(str) {
@@ -174,7 +177,7 @@ async function checkDependencies(filePath, installDir) {
 program
     .name('mri-ui')
     .description('Add Mri UI components to your project')
-    .version('3.3.2');
+    .version('3.4.1');
 
 program
     .command('add <component>')

package/dist/components/atoms/MriScrollArea.stories.d.ts

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

package/dist/components/molecules/MriMultiSelect.d.ts

@@ -0,0 +1,19 @@
+export interface MriMultiSelectOption {
+    label: string;
+    value: string | number;
+}
+interface MriMultiSelectProps {
+    options: MriMultiSelectOption[];
+    value: (string | number)[];
+    onChange: (value: (string | number)[]) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    className?: string;
+    disabled?: boolean;
+    maxVisibleValues?: number;
+    isLoading?: boolean;
+    error?: boolean | string;
+}
+export declare function MriMultiSelect({ options, value, onChange, placeholder, searchPlaceholder, emptyMessage, className, disabled, maxVisibleValues, isLoading, error, }: MriMultiSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/molecules/MriMultiSelect.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MriMultiSelect } from './MriMultiSelect';
+
+declare const meta: Meta<typeof MriMultiSelect>;
+export default meta;
+type Story = StoryObj<typeof MriMultiSelect>;
+export declare const Default: Story;
+export declare const ManySelected: Story;
+export declare const Error: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;

package/dist/components/molecules/MriPlayerVitals.d.ts

@@ -0,0 +1,26 @@
+export interface VitalsData {
+    health: number;
+    armor: number;
+    metadata?: {
+        hunger?: number;
+        thirst?: number;
+        stress?: number;
+        isdead?: boolean;
+        [key: string]: unknown;
+    };
+    [key: string]: unknown;
+}
+export interface MriPlayerVitalsProps {
+    vitals: VitalsData;
+    size?: 'mini' | 'compact' | 'full';
+    onAction?: (vital: string, label: string, value: number) => void;
+    className?: string;
+    labels?: {
+        health?: string;
+        armor?: string;
+        hunger?: string;
+        thirst?: string;
+        stress?: string;
+    };
+}
+export declare function MriPlayerVitals({ vitals, size, onAction, className, labels }: MriPlayerVitalsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/MriPlayerVitals.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MriPlayerVitals } from './MriPlayerVitals';
+
+declare const meta: Meta<typeof MriPlayerVitals>;
+export default meta;
+type Story = StoryObj<typeof MriPlayerVitals>;
+export declare const Compact: Story;
+export declare const Mini: Story;
+export declare const Full: Story;
+export declare const CriticalState: Story;

package/dist/components/molecules/MriVitalAdjustModal.d.ts

@@ -0,0 +1,29 @@
+import { LucideIcon } from 'lucide-react';
+
+export interface MriVitalAdjustModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSubmit: (value: number) => void;
+    vital: 'health' | 'armor' | 'hunger' | 'thirst' | 'stress';
+    currentValue: number;
+    playerName: string;
+    title?: string;
+    description?: string;
+    icon?: LucideIcon;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    newValueLabel?: string;
+    showFullProgress?: boolean;
+    labels?: {
+        health?: string;
+        armor?: string;
+        hunger?: string;
+        thirst?: string;
+        stress?: string;
+        newValue?: string;
+        confirm?: string;
+        cancel?: string;
+        playerNameLabel?: string;
+    };
+}
+export declare function MriVitalAdjustModal({ isOpen, onClose, onSubmit, vital, currentValue, playerName, labels, icon, showFullProgress, title, description, confirmLabel, cancelLabel, newValueLabel }: MriVitalAdjustModalProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/molecules/MriVitalAdjustModal.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MriVitalAdjustModal } from './MriVitalAdjustModal';
+
+declare const meta: Meta<typeof MriVitalAdjustModal>;
+export default meta;
+type Story = StoryObj<typeof MriVitalAdjustModal>;
+export declare const Health: Story;
+export declare const CustomIcon: Story;
+export declare const CustomLabels: Story;
+export declare const HiddenProgress: Story;
+export declare const Armor: Story;
+export declare const Hunger: Story;
+export declare const Thirst: Story;
+export declare const Stress: Story;

package/dist/components/organisms/MriPlayerScreenStream.d.ts

@@ -0,0 +1,41 @@
+export interface MriPlayerScreenStreamProps {
+    playerId: number | string;
+    playerName?: string;
+    className?: string;
+    onFpsUpdate?: (fps: number) => void;
+    autoPlay?: boolean;
+    muted?: boolean;
+    isMock?: boolean;
+    showKeyboard?: boolean;
+    onSendNui?: (method: string, data?: unknown) => Promise<unknown>;
+    onNuiEvent?: (event: string, callback: (data: unknown) => void) => () => void;
+    signaling?: {
+        init: (url: string | null, id: string, provider: string) => void;
+        disconnect: () => void;
+        send: (msg: unknown) => void;
+        onMessage: (callback: (msg: unknown) => void) => () => void;
+        onConnect: (callback: () => void) => void;
+        isConnected?: () => boolean;
+    };
+    subscribeFromCF?: (sessionId: string, trackName: string) => Promise<{
+        pc: RTCPeerConnection;
+        stream: MediaStream;
+    }>;
+    webrtcConfig?: {
+        url: string | null;
+        provider: 'websocket' | 'fivem-native' | 'cloudflare-sfu';
+        iceServers?: RTCIceServer[];
+    };
+    selfId?: string | number;
+    labels?: {
+        connecting?: string;
+        error_title?: string;
+        error_desc?: string;
+        retry?: string;
+        live?: string;
+        stable?: string;
+        mock_active?: string;
+        simulator?: string;
+    };
+}
+export declare function MriPlayerScreenStream({ playerId, className, onFpsUpdate, autoPlay, muted, isMock, showKeyboard, onSendNui, onNuiEvent, signaling, subscribeFromCF, webrtcConfig, selfId, labels }: MriPlayerScreenStreamProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/MriPlayerScreenStream.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MriPlayerScreenStream } from './MriPlayerScreenStream';
+
+declare const meta: Meta<typeof MriPlayerScreenStream>;
+export default meta;
+type Story = StoryObj<typeof MriPlayerScreenStream>;
+export declare const MockFeed: Story;
+export declare const WithKeyboard: Story;
+export declare const Loading: Story;

package/dist/index.d.ts

@@ -29,10 +29,14 @@ export * from './components/molecules/MriSectionHeader';
 export * from './components/molecules/MriDatePicker';
 export * from './components/molecules/MriColorPicker';
 export * from './components/molecules/MriCreatableCombobox';
+export * from './components/molecules/MriPlayerVitals';
+export * from './components/molecules/MriVitalAdjustModal';
+export * from './components/molecules/MriMultiSelect';
 export * from './components/organisms/MriCalendar';
 export * from './components/organisms/MriPageHeader';
 export * from './components/organisms/MriSidebar';
 export * from './components/organisms/MriTopbar';
-export * from './components/organisms/MriTable';
+export * from './components/organisms/MriTopbar';
 export * from './components/organisms/MriKeyboardVisualizer';
+export * from './components/organisms/MriPlayerScreenStream';
 export * from './lib/utils';