impact-ui 4.0.0-alpha.1 → 4.0.0-alpha.11

package/MIGRATION_GUIDE.md

@@ -1,5 +1,35 @@
 # Migrating to impact-ui v4.0
 
+## Private npm packages `@impactsmartsuite/*` (v5.0+)
+
+The UI library and MCP server are published to [npm](https://www.npmjs.com/) under the **impactsmartsuite** organization as **private** scoped packages:
+
+- `@impactsmartsuite/impact-ui`
+- `@impactsmartsuite/impact-ui-mcp-server`
+
+Your npm user (or CI token) must have permission to install and publish these packages on that org. Authenticate against the default registry (`https://registry.npmjs.org/`):
+
+```bash
+npm login
+```
+
+For automation, use a granular access token with **read/publish** as appropriate and configure `~/.npmrc` or environment-based auth (for example `//registry.npmjs.org/:_authToken=${NPM_TOKEN}`). Do not commit tokens.
+
+**Install:**
+
+```bash
+npm install @impactsmartsuite/impact-ui
+```
+
+**Imports** (same subpath style as before, with the scoped package name):
+
+```tsx
+import { Button, Badge } from '@impactsmartsuite/impact-ui';
+import { Button } from '@impactsmartsuite/impact-ui/Button';
+```
+
+---
+
 ## Quick Start: Tree Shaking Migration (2 minutes)
 
 Version 4.0 introduces **tree shaking support** for significantly smaller bundle sizes. Follow these steps to migrate:
@@ -7,7 +37,7 @@ Version 4.0 introduces **tree shaking support** for significantly smaller bundle
 ### Step 1: Update the Package
 
 ```bash
-npm install impact-ui@latest
+npm install @impactsmartsuite/impact-ui@latest
 ```
 
 ### Step 2: Run Automatic Migration
@@ -20,15 +50,15 @@ This will automatically transform all your barrel imports to direct imports:
 
 **Before:**
 ```tsx
-import { Button, Input, Card, Alert } from 'impact-ui';
+import { Button, Input, Card, Alert } from '@impactsmartsuite/impact-ui';
 ```
 
 **After:**
 ```tsx
-import { Button } from 'impact-ui/Button';
-import { Input } from 'impact-ui/Input';
-import { Card } from 'impact-ui/Card';
-import { Alert } from 'impact-ui/Alert';
+import { Button } from '@impactsmartsuite/impact-ui/Button';
+import { Input } from '@impactsmartsuite/impact-ui/Input';
+import { Card } from '@impactsmartsuite/impact-ui/Card';
+import { Alert } from '@impactsmartsuite/impact-ui/Alert';
 ```
 
 ### Step 3: Verify Changes
@@ -260,7 +290,7 @@ If you see warnings about unknown exports:
 
 ### ESLint rule not working
 
-1. Ensure the plugin is installed: `npm install impact-ui`
+1. Ensure the plugin is installed: `npm install @impactsmartsuite/impact-ui`
 2. Restart your IDE/editor
 3. Check ESLint is configured correctly
 

package/README.md

@@ -1,6 +1,6 @@
-# impact-ui
+# @impactsmartsuite/impact-ui
 
-Impact Analytics UI Component Library - A modern, accessible React component library built with TypeScript and Vite.
+Impact Analytics UI Component Library - A modern, accessible React component library built with TypeScript and Vite (private npm package).
 
 ## Features
 
@@ -15,7 +15,7 @@ Impact Analytics UI Component Library - A modern, accessible React component lib
 ## Installation
 
 ```bash
-npm install impact-ui
+npm install @impactsmartsuite/impact-ui
 ```
 
 ## Usage
@@ -23,8 +23,8 @@ npm install impact-ui
 ### Basic Example
 
 ```typescript
-import { Button } from 'impact-ui';
-import 'impact-ui/styles';
+import { Button } from '@impactsmartsuite/impact-ui';
+import '@impactsmartsuite/impact-ui/styles';
 
 function App() {
   return (
@@ -38,7 +38,7 @@ function App() {
 ### TypeScript Support
 
 ```typescript
-import { Button, type ButtonProps } from 'impact-ui';
+import { Button, type ButtonProps } from '@impactsmartsuite/impact-ui';
 
 const props: ButtonProps = {
   variant: 'primary',

package/bin/migrate.js

@@ -73,12 +73,12 @@ ${colors.bright}Examples:${colors.reset}
 
 ${colors.bright}What it does:${colors.reset}
   ${colors.red}Before:${colors.reset}
-    import { Button, Input, Card } from 'impact-ui';
+    import { Button, Input, Card } from '@impactsmartsuite/impact-ui';
 
   ${colors.green}After:${colors.reset}
-    import { Button } from 'impact-ui/Button';
-    import { Input } from 'impact-ui/Input';
-    import { Card } from 'impact-ui/Card';
+    import { Button } from '@impactsmartsuite/impact-ui/Button';
+    import { Input } from '@impactsmartsuite/impact-ui/Input';
+    import { Card } from '@impactsmartsuite/impact-ui/Card';
 
 ${colors.bright}Benefits:${colors.reset}
   - Enables tree shaking for smaller bundle sizes
@@ -202,7 +202,7 @@ function main() {
       `${colors.red}Error: Transform file not found at ${transformPath}${colors.reset}`
     );
     console.error('This might indicate a corrupted impact-ui installation.');
-    console.error('Try reinstalling: npm install impact-ui');
+    console.error('Try reinstalling: npm install @impactsmartsuite/impact-ui');
     process.exit(1);
   }
 

package/codemods/transform.js

@@ -6,15 +6,21 @@
  *
  * Before:
  *   import { Button, Input, Card } from 'impact-ui';
+ *   import { Button, Input, Card } from '@impactsmartsuite/impact-ui';
  *
  * After:
  *   import { Button } from 'impact-ui/Button';
- *   import { Input } from 'impact-ui/Input';
- *   import { Card } from 'impact-ui/Card';
+ *   import { Button } from '@impactsmartsuite/impact-ui/Button';
  */
 
 const { buildExportLookup } = require('./component-map');
 
+const BARREL_SOURCES = ['impact-ui', '@impactsmartsuite/impact-ui'];
+
+function rewriteTargetPath(componentMapPath, barrelSource) {
+  return componentMapPath.replace(/^impact-ui(?=\/|$)/, barrelSource);
+}
+
 // Build the export lookup once at module load time
 const exportLookup = buildExportLookup();
 
@@ -30,15 +36,13 @@ module.exports = function transformer(fileInfo, api, options) {
   const root = j(fileInfo.source);
   let hasChanges = false;
 
-  // Find all imports from 'impact-ui' (barrel import)
   root
-    .find(j.ImportDeclaration, {
-      source: { value: 'impact-ui' },
-    })
+    .find(j.ImportDeclaration)
+    .filter((path) => BARREL_SOURCES.includes(path.node.source.value))
     .forEach((path) => {
+      const barrelSource = path.node.source.value;
       const specifiers = path.node.specifiers;
 
-      // Handle different import types
       const namedSpecifiers = specifiers.filter(
         (s) => s.type === 'ImportSpecifier'
       );
@@ -49,22 +53,18 @@ module.exports = function transformer(fileInfo, api, options) {
         (s) => s.type === 'ImportNamespaceSpecifier'
       );
 
-      // Skip namespace imports (import * as ImpactUI from 'impact-ui')
-      // These can't be automatically migrated
       if (namespaceSpecifier) {
         console.warn(
           `Warning: Cannot migrate namespace import in ${fileInfo.path}. ` +
-            'Please manually update: import * as ... from "impact-ui"'
+            `Please manually update: import * as ... from "${barrelSource}"`
         );
         return;
       }
 
-      // Skip if no named imports
       if (namedSpecifiers.length === 0) {
         return;
       }
 
-      // Group specifiers by their target path
       const groupedImports = {};
       const unknownImports = [];
 
@@ -83,11 +83,10 @@ module.exports = function transformer(fileInfo, api, options) {
         }
       });
 
-      // Create new import declarations
       const newImports = [];
 
-      // Add grouped imports (known components)
       Object.entries(groupedImports).forEach(([targetPath, imports]) => {
+        const mappedPath = rewriteTargetPath(targetPath, barrelSource);
         const newSpecifiers = imports.map(({ importedName, localName }) => {
           if (importedName === localName) {
             return j.importSpecifier(j.identifier(importedName));
@@ -97,37 +96,33 @@ module.exports = function transformer(fileInfo, api, options) {
             j.identifier(localName)
           );
         });
-        newImports.push(j.importDeclaration(newSpecifiers, j.literal(targetPath)));
+        newImports.push(j.importDeclaration(newSpecifiers, j.literal(mappedPath)));
       });
 
-      // Keep unknown imports in a barrel import (if any)
       if (unknownImports.length > 0) {
         const unknownNames = unknownImports.map((s) => s.imported.name).join(', ');
         console.warn(
           `Warning: Unknown imports in ${fileInfo.path}: ${unknownNames}. ` +
-            'These will remain as barrel imports. Please check if they exist in impact-ui.'
+            'These will remain as barrel imports. Please check if they exist in the package.'
         );
         newImports.push(
-          j.importDeclaration(unknownImports, j.literal('impact-ui'))
+          j.importDeclaration(unknownImports, j.literal(barrelSource))
         );
       }
 
-      // Handle default import if present (keep it separate)
       if (defaultSpecifier) {
         console.warn(
           `Warning: Default import found in ${fileInfo.path}. ` +
-            'impact-ui does not have a default export. Please check your import.'
+            'The library does not have a default export. Please check your import.'
         );
       }
 
-      // Replace the original import with new imports
       if (newImports.length > 0) {
         j(path).replaceWith(newImports);
         hasChanges = true;
       }
     });
 
-  // Return transformed source or null if no changes
   if (hasChanges) {
     return root.toSource({
       quote: 'single',
@@ -138,5 +133,4 @@ module.exports = function transformer(fileInfo, api, options) {
   return null;
 };
 
-// Set the parser to handle TSX files
 module.exports.parser = 'tsx';

package/dist/_virtual/Add.js

@@ -0,0 +1,4 @@
+var Add = {};
+export {
+  Add as __exports
+};

package/dist/_virtual/AttachFile.js

@@ -0,0 +1,4 @@
+var AttachFile = {};
+export {
+  AttachFile as __exports
+};

package/dist/_virtual/AutoFixHigh.js

@@ -0,0 +1,4 @@
+var AutoFixHigh = {};
+export {
+  AutoFixHigh as __exports
+};

package/dist/_virtual/Block.js

@@ -0,0 +1,4 @@
+var Block = {};
+export {
+  Block as __exports
+};

package/dist/_virtual/BookmarkBorderOutlined.js

@@ -0,0 +1,4 @@
+var BookmarkBorderOutlined = {};
+export {
+  BookmarkBorderOutlined as __exports
+};

package/dist/_virtual/Brush.js

@@ -0,0 +1,4 @@
+var Brush = {};
+export {
+  Brush as __exports
+};

package/dist/_virtual/Cancel.js

@@ -0,0 +1,4 @@
+var Cancel = {};
+export {
+  Cancel as __exports
+};

package/dist/_virtual/CheckCircle.js

@@ -0,0 +1,4 @@
+var CheckCircle = {};
+export {
+  CheckCircle as __exports
+};

package/dist/_virtual/ChevronLeft.js

@@ -0,0 +1,4 @@
+var ChevronLeft = {};
+export {
+  ChevronLeft as __exports
+};

package/dist/_virtual/ChevronRight.js

@@ -0,0 +1,4 @@
+var ChevronRight = {};
+export {
+  ChevronRight as __exports
+};

package/dist/_virtual/ChevronRightOutlined.js

@@ -0,0 +1,4 @@
+var ChevronRightOutlined = {};
+export {
+  ChevronRightOutlined as __exports
+};

package/dist/_virtual/Clear.js

@@ -0,0 +1,4 @@
+var Clear = {};
+export {
+  Clear as __exports
+};

package/dist/_virtual/Close.js

@@ -0,0 +1,4 @@
+var Close = {};
+export {
+  Close as __exports
+};

package/dist/_virtual/CloseOutlined.js

@@ -0,0 +1,4 @@
+var CloseOutlined = {};
+export {
+  CloseOutlined as __exports
+};

package/dist/_virtual/DeleteOutlineOutlined.js

@@ -0,0 +1,4 @@
+var DeleteOutlineOutlined = {};
+export {
+  DeleteOutlineOutlined as __exports
+};

package/dist/_virtual/DeleteOutlined.js

@@ -0,0 +1,4 @@
+var DeleteOutlined = {};
+export {
+  DeleteOutlined as __exports
+};

package/dist/_virtual/DragIndicator.js

@@ -0,0 +1,4 @@
+var DragIndicator = {};
+export {
+  DragIndicator as __exports
+};

package/dist/_virtual/ErrorOutline.js

@@ -0,0 +1,4 @@
+var ErrorOutline = {};
+export {
+  ErrorOutline as __exports
+};

package/dist/_virtual/ExpandLess.js

@@ -0,0 +1,4 @@
+var ExpandLess = {};
+export {
+  ExpandLess as __exports
+};

package/dist/_virtual/ExpandMore.js

@@ -0,0 +1,4 @@
+var ExpandMore = {};
+export {
+  ExpandMore as __exports
+};

package/dist/_virtual/FileDownloadOutlined.js

@@ -0,0 +1,4 @@
+var FileDownloadOutlined = {};
+export {
+  FileDownloadOutlined as __exports
+};

package/dist/_virtual/FilterList.js

@@ -0,0 +1,4 @@
+var FilterList = {};
+export {
+  FilterList as __exports
+};

package/dist/_virtual/FilterListOutlined.js

@@ -0,0 +1,4 @@
+var FilterListOutlined = {};
+export {
+  FilterListOutlined as __exports
+};

package/dist/_virtual/FormatBold.js

@@ -0,0 +1,4 @@
+var FormatBold = {};
+export {
+  FormatBold as __exports
+};

package/dist/_virtual/FormatColorTextOutlined.js

@@ -0,0 +1,4 @@
+var FormatColorTextOutlined = {};
+export {
+  FormatColorTextOutlined as __exports
+};

package/dist/_virtual/FormatItalic.js

@@ -0,0 +1,4 @@
+var FormatItalic = {};
+export {
+  FormatItalic as __exports
+};

package/dist/_virtual/FormatListBulleted.js

@@ -0,0 +1,4 @@
+var FormatListBulleted = {};
+export {
+  FormatListBulleted as __exports
+};

package/dist/_virtual/FormatListNumbered.js

@@ -0,0 +1,4 @@
+var FormatListNumbered = {};
+export {
+  FormatListNumbered as __exports
+};

package/dist/_virtual/Image.js

@@ -0,0 +1,4 @@
+var Image = {};
+export {
+  Image as __exports
+};

package/dist/_virtual/Info.js

@@ -0,0 +1,4 @@
+var Info = {};
+export {
+  Info as __exports
+};

package/dist/_virtual/InsertEmoticon.js

@@ -0,0 +1,4 @@
+var InsertEmoticon = {};
+export {
+  InsertEmoticon as __exports
+};

package/dist/_virtual/KeyboardArrowDown.js

@@ -0,0 +1,4 @@
+var KeyboardArrowDown = {};
+export {
+  KeyboardArrowDown as __exports
+};

package/dist/_virtual/KeyboardArrowDownOutlined.js

@@ -0,0 +1,4 @@
+var KeyboardArrowDownOutlined = {};
+export {
+  KeyboardArrowDownOutlined as __exports
+};

package/dist/_virtual/KeyboardArrowLeft.js

@@ -0,0 +1,4 @@
+var KeyboardArrowLeft = {};
+export {
+  KeyboardArrowLeft as __exports
+};

package/dist/_virtual/KeyboardArrowRight.js

@@ -0,0 +1,4 @@
+var KeyboardArrowRight = {};
+export {
+  KeyboardArrowRight as __exports
+};

package/dist/_virtual/KeyboardArrowRightOutlined.js

@@ -0,0 +1,4 @@
+var KeyboardArrowRightOutlined = {};
+export {
+  KeyboardArrowRightOutlined as __exports
+};

package/dist/_virtual/KeyboardArrowUp.js

@@ -0,0 +1,4 @@
+var KeyboardArrowUp = {};
+export {
+  KeyboardArrowUp as __exports
+};

package/dist/_virtual/Link.js

@@ -0,0 +1,4 @@
+var Link = {};
+export {
+  Link as __exports
+};

package/dist/_virtual/Looks3.js

@@ -0,0 +1,4 @@
+var Looks3 = {};
+export {
+  Looks3 as __exports
+};

package/dist/_virtual/Looks4.js

@@ -0,0 +1,4 @@
+var Looks4 = {};
+export {
+  Looks4 as __exports
+};

package/dist/_virtual/Looks5.js

@@ -0,0 +1,4 @@
+var Looks5 = {};
+export {
+  Looks5 as __exports
+};

package/dist/_virtual/Looks6.js

@@ -0,0 +1,4 @@
+var Looks6 = {};
+export {
+  Looks6 as __exports
+};

package/dist/_virtual/LooksOne.js

@@ -0,0 +1,4 @@
+var LooksOne = {};
+export {
+  LooksOne as __exports
+};

package/dist/_virtual/LooksTwo.js

@@ -0,0 +1,4 @@
+var LooksTwo = {};
+export {
+  LooksTwo as __exports
+};

package/dist/_virtual/MoreHoriz.js

@@ -0,0 +1,4 @@
+var MoreHoriz = {};
+export {
+  MoreHoriz as __exports
+};

package/dist/_virtual/MoreVert.js

@@ -0,0 +1,4 @@
+var MoreVert = {};
+export {
+  MoreVert as __exports
+};

package/dist/_virtual/North.js

@@ -0,0 +1,4 @@
+var North = {};
+export {
+  North as __exports
+};

package/dist/_virtual/NotificationsOff.js

@@ -0,0 +1,4 @@
+var NotificationsOff = {};
+export {
+  NotificationsOff as __exports
+};

package/dist/_virtual/SaveOutlined.js

@@ -0,0 +1,4 @@
+var SaveOutlined = {};
+export {
+  SaveOutlined as __exports
+};

package/dist/_virtual/Search.js

@@ -0,0 +1,4 @@
+var Search = {};
+export {
+  Search as __exports
+};

package/dist/_virtual/SearchOutlined.js

@@ -0,0 +1,4 @@
+var SearchOutlined = {};
+export {
+  SearchOutlined as __exports
+};

package/dist/_virtual/SettingsOutlined.js

@@ -0,0 +1,4 @@
+var SettingsOutlined = {};
+export {
+  SettingsOutlined as __exports
+};

package/dist/_virtual/StrikethroughS.js

@@ -0,0 +1,4 @@
+var StrikethroughS = {};
+export {
+  StrikethroughS as __exports
+};

package/dist/_virtual/TableChartOutlined.js

@@ -0,0 +1,4 @@
+var TableChartOutlined = {};
+export {
+  TableChartOutlined as __exports
+};

package/dist/_virtual/Tune.js

@@ -0,0 +1,4 @@
+var Tune = {};
+export {
+  Tune as __exports
+};

package/dist/_virtual/ViewColumnOutlined.js

@@ -0,0 +1,4 @@
+var ViewColumnOutlined = {};
+export {
+  ViewColumnOutlined as __exports
+};

package/dist/_virtual/Warning.js

@@ -0,0 +1,4 @@
+var Warning = {};
+export {
+  Warning as __exports
+};

package/dist/_virtual/colorManipulator.js

@@ -0,0 +1,4 @@
+var colorManipulator = {};
+export {
+  colorManipulator as __exports
+};

package/dist/_virtual/createStyled.js

@@ -0,0 +1,4 @@
+var createStyled = {};
+export {
+  createStyled as __exports
+};

package/dist/_virtual/createSvgIcon.js

@@ -0,0 +1,4 @@
+var createSvgIcon = {};
+export {
+  createSvgIcon as __exports
+};

package/dist/_virtual/index.js

@@ -1,4 +1,6 @@
-var highchartsBorderRadius = { exports: {} };
+import { getAugmentedNamespace } from "./_commonjsHelpers.js";
+import * as index from "../node_modules/@mui/material/utils/index.js";
+const require$$0 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  highchartsBorderRadius as __module
+  require$$0 as default
 };

package/dist/_virtual/index10.js

@@ -0,0 +1,6 @@
+import { getAugmentedNamespace } from "./_commonjsHelpers.js";
+import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/getDisplayName/index.js";
+const require$$6 = /* @__PURE__ */ getAugmentedNamespace(index);
+export {
+  require$$6 as default
+};