@mohityadav0903/branintelle-mcp 2.0.1 → 2.1.0

package/components-data.cjs

@@ -0,0 +1,157 @@
+/**
+ * Branintelle UI Library - Component Metadata
+ * AUTO-GENERATED FROM SOURCE CODE - DO NOT MANUALLY EDIT
+ * 
+ * This file contains REAL component APIs extracted directly from TypeScript source files.
+ * Every @Input(), @Output(), interface, and type is verified against the actual codebase.
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+// Load raw API data
+const rawApiData = JSON.parse(
+  fs.readFileSync(path.join(__dirname, 'real-component-api.cjs.json'), 'utf-8')
+);
+
+// Helper to convert kebab-case to PascalCase
+function formatComponentName(kebabName) {
+  return kebabName
+    .split('-')
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+    .join('') + 'Component';
+}
+
+// Categorize components
+function categorizeComponent(name) {
+  if (name.includes('button')) return 'Buttons';
+  if (name.includes('dropdown') || name.includes('select')) return 'Dropdowns';
+  if (name.includes('table')) return 'Tables';
+  if (name.includes('pill') || name === 'status-pill') return 'Status & Pills';
+  if (name.includes('progress')) return 'Progress';
+  if (name.includes('card')) return 'Cards';
+  if (name.includes('stepper') || name.includes('stages')) return 'Stages & Workflows';
+  if (name.includes('search') || name.includes('filter') || name === 'checklist') return 'Search & Filters';
+  if (name === 'accordion') return 'Accordion & Expandable';
+  if (name.includes('tooltip')) return 'Tooltips & Overlays';
+  if (name === 'confirm-warning') return 'Dialogs & Modals';
+  if (name.includes('breadcrumb') || name.includes('tabs')) return 'Navigation & Breadcrumb';
+  if (name.includes('user')) return 'User Management';
+  if (name.includes('text') || name.includes('header')) return 'Text & Headers';
+  if (name.includes('menu')) return 'Filters & Menus';
+  return 'Components';
+}
+
+// Generate description
+function generateDescription(name, data) {
+  const descriptions = {
+    'custom-button': 'Primary action button with loading state and custom styling',
+    'approve-button': 'Specialized approve button with loading state',
+    'cancel-button': 'Cancel button with configurable styling',
+    'back-button': 'Navigation back button',
+    'button-image': 'Button with image/icon and text',
+    'status-pill': 'Status indicator pill with icon and customizable colors',
+    'pill-badge': 'Badge with icon and text',
+    'pill-box': 'Simple colored text pill',
+    'progress-bar': 'Linear progress bar with numeric values',
+    'segmented-progress-bar': 'Multi-segment progress bar with legend',
+    'vertical-stepper': 'Vertical step indicator for multi-step workflows',
+    'custom-breadcrumb': 'Breadcrumb navigation component',
+    'title-header-subtext': 'Header with title, description, and optional pill',
+    'help-text': 'Help text component',
+    'header-tabs': 'Tabbed navigation with status icons and counts',
+    'search-bar': 'Search input with clear functionality',
+    'checklist': 'Checkbox list with search',
+    'horizontal-card': 'Horizontal card layout with multiple data fields',
+    'info-action-card': 'Action card with image, title, and description',
+    'progress-display-card': 'Card displaying progress information',
+    'profile-image-list': 'List of user profile images with overflow indicator',
+    'single-select-dropdown': 'Single selection dropdown',
+    'multi-select-dropdown': 'Multiple selection dropdown with chips',
+    'dropdown-with-status': 'Dropdown with status indicators',
+    'multiline-option-dropdown': 'Advanced dropdown with multi-line options and search',
+    'expandable-menu-dropdown': 'Collapsible menu with icons',
+    'custom-tooltip': 'Custom tooltip with numeric values',
+    'confirm-warning': 'Confirmation dialog with customizable buttons',
+    'vertical-stages': 'Vertical workflow stages with user assignment',
+    'user-selection': 'User selection component with search and load more',
+    'accordion': 'Accordion menu with submenu items',
+    'geo-tag-filter': 'Multi-tab filter with apply/reset functionality',
+    'table-action-menu': 'Context menu for table actions',
+    'scrollable-data-table': 'Advanced data table with grouping, sorting, search, and infinite scroll',
+    'collapsable-table': 'Budget table with collapsible groups and Excel export',
+    'collapsable-table-small': 'Compact budget table with collapsible groups'
+  };
+  return descriptions[name] || `${formatComponentName(name)}`;
+}
+
+// Generate usage example
+function generateUsageExample(name, data) {
+  const inputs = Object.entries(data.inputs || {}).slice(0, 3); // Show first 3 inputs
+  const outputs = Object.entries(data.outputs || {}).slice(0, 2); // Show first 2 outputs
+  
+  const inputBindings = inputs.map(([key, value]) => {
+    let exampleValue = value.default || '';
+    if (!exampleValue) {
+      if (value.type.includes('[]')) exampleValue = '[]';
+      else if (value.type === 'boolean') exampleValue = 'false';
+      else if (value.type === 'number') exampleValue = '0';
+      else if (value.type === 'string') exampleValue = "'example'";
+      else exampleValue = '{}';
+    }
+    return `  [${key}]="${exampleValue}"`;
+  }).join('\n');
+
+  const outputBindings = outputs.map(([key]) => {
+    return `  (${key})="on${key.charAt(0).toUpperCase() + key.slice(1)}($event)"`;
+  }).join('\n');
+
+  const allBindings = [inputBindings, outputBindings].filter(Boolean).join('\n');
+
+  return `<${data.selector}\n${allBindings}>\n</${data.selector}>`;
+}
+
+// Helper to format component data
+function formatComponent(name, data) {
+  const inputs = Object.entries(data.inputs || {}).map(([key, value]) => ({
+    name: key,
+    type: value.type,
+    required: value.required,
+    default: value.default ? value.default.replace(/^'|'$/g, '') : undefined // Remove quotes from defaults
+  }));
+
+  const outputs = Object.entries(data.outputs || {}).map(([key, value]) => ({
+    name: key,
+    type: value.type
+  }));
+
+  const interfaces = Object.entries(data.interfaces || {}).map(([key, value]) => ({
+    name: key,
+    definition: value
+  }));
+
+  const types = Object.entries(data.types || {}).map(([key, value]) => ({
+    name: key,
+    definition: value
+  }));
+
+  return {
+    name: formatComponentName(name),
+    selector: data.selector,
+    inputs,
+    outputs,
+    interfaces,
+    types,
+    category: categorizeComponent(name),
+    description: generateDescription(name, data),
+    usageExample: generateUsageExample(name, data)
+  };
+}
+
+// Build components object
+const components = {};
+for (const [name, data] of Object.entries(rawApiData)) {
+  components[formatComponentName(name)] = formatComponent(name, data);
+}
+
+module.exports = components;