@mriqbox/ui-kit 3.5.2 → 3.6.0

package/bin/cli.js

@@ -62,6 +62,9 @@ const COMPONENT_MAP = {
     'MriTopbar': 'organisms',
     'MriTable': 'organisms',
     'MriPlayerScreenStream': 'organisms',
+
+    // Templates
+    'MriDashboardLayout': 'templates',
 };
 
 function toPascalCase(str) {
@@ -140,7 +143,7 @@ async function processComponent(componentName, installDir) {
 
         // Rewrite imports to be flat
         // Replace @/components/(atoms|molecules|organisms)/ with @/components/ui/
-        content = content.replace(/@\/components\/(?:atoms|molecules|organisms)\//g, '@/components/ui/');
+        content = content.replace(/@\/components\/(?:atoms|molecules|organisms|templates)\//g, '@/components/ui/');
 
         fs.writeFileSync(destPath, content);
 
@@ -177,7 +180,7 @@ async function checkDependencies(filePath, installDir) {
 program
     .name('mri-ui')
     .description('Add Mri UI components to your project')
-    .version('3.5.2');
+    .version('3.6.0');
 
 program
     .command('add <component>')

package/dist/components/templates/MriDashboardLayout.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+
+export type MriDashboardSidebarPosition = 'left' | 'right';
+export type MriDashboardTopbarPlacement = 'aside' | 'below';
+export interface MriDashboardLayoutProps {
+    sidebar?: ReactNode;
+    topbar?: ReactNode;
+    header?: ReactNode;
+    footer?: ReactNode;
+    children?: ReactNode;
+    sidebarPosition?: MriDashboardSidebarPosition;
+    topbarPlacement?: MriDashboardTopbarPlacement;
+    className?: string;
+    contentClassName?: string;
+    mainClassName?: string;
+}
+export declare function MriDashboardLayout({ sidebar, topbar, header, footer, children, sidebarPosition, topbarPlacement, className, contentClassName, mainClassName, }: MriDashboardLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/templates/MriDashboardLayout.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MriDashboardLayout } from './MriDashboardLayout';
+
+declare const meta: Meta<typeof MriDashboardLayout>;
+export default meta;
+export declare const Default: StoryObj<typeof MriDashboardLayout>;
+export declare const TopbarBelow: StoryObj<typeof MriDashboardLayout>;
+export declare const SidebarRightWithFooter: StoryObj<typeof MriDashboardLayout>;

package/dist/index.d.ts

@@ -36,4 +36,5 @@ export * from './components/organisms/MriTopbar';
 export * from './components/organisms/MriTopbar';
 export * from './components/organisms/MriKeyboardVisualizer';
 export * from './components/organisms/MriPlayerScreenStream';
+export * from './components/templates/MriDashboardLayout';
 export * from './lib/utils';