@mriqbox/ui-kit 4.6.4 → 4.7.1

package/bin/cli.js

@@ -182,7 +182,7 @@ async function checkDependencies(filePath, installDir) {
 program
     .name('mri-ui')
     .description('Add Mri UI components to your project')
-    .version('4.6.4');
+    .version('4.7.1');
 
 program
     .command('add <component>')

package/dist/components/molecules/MriBlipPicker.constants.d.ts

@@ -0,0 +1,11 @@
+export interface BlipColor {
+    id: number;
+    name: string;
+    hex: string;
+}
+export interface BlipManifestEntry {
+    id: number;
+    /** Nome sem extensão e sem o prefixo numérico. Ex: "radar_higher" */
+    name: string;
+}
+export declare const DEFAULT_BLIP_COLORS: BlipColor[];

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

@@ -0,0 +1,29 @@
+import { BlipColor, BlipManifestEntry } from './MriBlipPicker.constants';
+
+export interface MriBlipPickerProps {
+    sprite: number;
+    color: number;
+    scale?: number;
+    enabled?: boolean;
+    onChange: (val: {
+        sprite: number;
+        color: number;
+        scale: number;
+        enabled?: boolean;
+    }) => void;
+    /** URL base dos assets. Default: `https://assets.mriqbox.com.br/blips/` */
+    assetsBaseUrl?: string;
+    /** Lista de sprites disponíveis. Se omitido, busca `{assetsBaseUrl}manifest.json`. */
+    manifest?: BlipManifestEntry[];
+    /** Paleta de cores. Default: as 86 oficiais. */
+    colors?: BlipColor[];
+    /** Limites do slider de scale. Default: [0.5, 1.5] */
+    scaleRange?: [number, number];
+    /** Mostrar slider de scale. Default: true */
+    showScale?: boolean;
+    /** Mostrar checkbox de Enable. Default: false (usado quando o blip pode ser desabilitado) */
+    showEnable?: boolean;
+    /** Classe wrapper externa */
+    className?: string;
+}
+export declare function MriBlipPicker({ sprite, color, scale, enabled, onChange, assetsBaseUrl, manifest: providedManifest, colors, scaleRange, showScale, showEnable, className, }: MriBlipPickerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MriBlipPicker } from './MriBlipPicker';
+
+declare const meta: Meta<typeof MriBlipPicker>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default usa um manifest mockado para o Storybook não depender da CDN.
+ * No uso real, omita `manifest` e o componente busca de `{assetsBaseUrl}manifest.json`.
+ */
+export declare const Default: Story;
+export declare const WithEnableToggle: Story;
+export declare const WithoutScale: Story;
+/**
+ * Sem prop `manifest` — o componente faz fetch de `{assetsBaseUrl}manifest.json`.
+ * No Storybook (sem CDN), exibirá mensagem de erro e permitirá editar ID manualmente.
+ */
+export declare const FetchFromCDN: Story;
+export declare const CustomPalette: Story;

package/dist/components/molecules/MriMarkerPicker.constants.d.ts

@@ -0,0 +1,17 @@
+export interface MarkerType {
+    id: number;
+    name: string;
+    description?: string;
+}
+export interface MarkerColor {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
+export interface MarkerScale {
+    x: number;
+    y: number;
+    z: number;
+}
+export declare const DEFAULT_MARKER_TYPES: MarkerType[];

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

@@ -0,0 +1,21 @@
+import { MarkerColor, MarkerScale, MarkerType } from './MriMarkerPicker.constants';
+
+export interface MriMarkerPickerProps {
+    type: number;
+    color: MarkerColor;
+    scale: MarkerScale;
+    onChange: (val: {
+        type: number;
+        color: MarkerColor;
+        scale: MarkerScale;
+    }) => void;
+    /** Lista customizada de marker types. Default: 44 oficiais. */
+    markerTypes?: MarkerType[];
+    /** URL opcional para previews dos markers. Se fornecido, mostra `{url}{idPadded2}.webp` */
+    previewsBaseUrl?: string;
+    /** Modo de scale. 'uniform' usa 1 input que aplica em x/y/z. 'xyz' permite editar separado. Default 'uniform'. */
+    scaleMode?: "uniform" | "xyz";
+    /** Classe wrapper externa */
+    className?: string;
+}
+export declare function MriMarkerPicker({ type, color, scale, onChange, markerTypes, previewsBaseUrl, scaleMode, className, }: MriMarkerPickerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MriMarkerPicker } from './MriMarkerPicker';
+
+declare const meta: Meta<typeof MriMarkerPicker>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const VerticalCylinderGreen: Story;
+export declare const XYZScaleMode: Story;
+export declare const DollarSign: Story;
+export declare const NumberMarker: Story;

package/dist/index.d.ts

@@ -37,6 +37,10 @@ export * from './components/molecules/MriSearchInput';
 export * from './components/molecules/MriSectionHeader';
 export * from './components/molecules/MriDatePicker';
 export * from './components/molecules/MriColorPicker';
+export * from './components/molecules/MriBlipPicker';
+export * from './components/molecules/MriBlipPicker.constants';
+export * from './components/molecules/MriMarkerPicker';
+export * from './components/molecules/MriMarkerPicker.constants';
 export * from './components/molecules/MriPlayerVitals';
 export * from './components/molecules/MriVitalAdjustModal';
 export * from './components/organisms/MriCalendar';