@mgonza02/goal-image-gallery 1.0.0 → 1.0.1

package/MIGRATION.md

@@ -22,7 +22,7 @@ import { CommonImageGallery } from './components/common/common-image-gallery';
 
 #### After
 ```javascript
-import GoalImageGallery from './components/common/goal-image-gallery';
+import { GoalImageGallery } from '@mgonza02/goal-image-gallery';
 
 <GoalImageGallery
   imageCodes={photos.map(p => p.image_code)}
@@ -237,9 +237,11 @@ const handleImageUpload = async (imageData) => {
 
 ### Step 1: Install Dependencies
 ```bash
-# Ensure you have required dependencies
-npm install @mui/material @mui/icons-material
-npm install react-dropzone
+# Install the new package
+npm install @mgonza02/goal-image-gallery
+
+# Ensure you have required peer dependencies
+npm install @mui/material @mui/icons-material @emotion/react @emotion/styled
 ```
 
 ### Step 2: Update Imports
@@ -249,7 +251,7 @@ npm install react-dropzone
 // import Gallery from 'react-photo-gallery';
 
 // Add new import
-import GoalImageGallery from './components/common/goal-image-gallery';
+import { GoalImageGallery } from '@mgonza02/goal-image-gallery';
 ```
 
 ### Step 3: Convert Data Format

package/QUICK_REFERENCE.md

@@ -1,9 +1,15 @@
 # GoalImageGallery - Quick Reference
 
+## Installation
+
+```bash
+npm install @mgonza02/goal-image-gallery
+```
+
 ## Basic Usage
 
 ```javascript
-import GoalImageGallery from './components/common/goal-image-gallery';
+import { GoalImageGallery } from '@mgonza02/goal-image-gallery';
 
 // Read-only gallery
 <GoalImageGallery imageCodes={['img1', 'img2']} canEdit={false} />

package/README.md

@@ -40,8 +40,12 @@ The `GoalImageGallery` is a modern, feature-rich image gallery component for the
 
 ## Installation
 
+```bash
+npm install @mgonza02/goal-image-gallery
+```
+
 ```javascript
-import GoalImageGallery from './components/common/goal-image-gallery';
+import { GoalImageGallery } from '@mgonza02/goal-image-gallery';
 ```
 
 ## Basic Usage
@@ -367,7 +371,7 @@ goal-image-gallery/
 
 #### Main Component
 ```javascript
-import { GoalImageGallery } from '@goal/components/common/goal-image-gallery';
+import { GoalImageGallery } from '@mgonza02/goal-image-gallery';
 ```
 
 #### Sub-components
@@ -377,7 +381,7 @@ import {
   ImageGalleryModal, 
   ImageGalleryItem,
   ImageGalleryEmptyState
-} from '@goal/components/common/goal-image-gallery';
+} from '@mgonza02/goal-image-gallery';
 ```
 
 #### Custom Hooks
@@ -387,7 +391,7 @@ import {
   useImageZoom,
   useClipboard,
   useKeyboardNavigation
-} from '@goal/components/common/goal-image-gallery';
+} from '@mgonza02/goal-image-gallery';
 ```
 
 #### Styled Components
@@ -396,7 +400,7 @@ import {
   StyledImageContainer,
   ImageOverlay,
   StyledModalContainer
-} from '@goal/components/common/goal-image-gallery';
+} from '@mgonza02/goal-image-gallery';
 ```
 
 #### Utility Functions
@@ -408,7 +412,7 @@ import {
   getGridColumns,
   isValidImageFile,
   formatFileSize
-} from '@goal/components/common/goal-image-gallery';
+} from '@mgonza02/goal-image-gallery';
 ```
 
 ### Using Individual Components
@@ -418,7 +422,7 @@ import {
   ImageGalleryGrid, 
   ImageGalleryModal, 
   useImageGallery 
-} from '@goal/components/common/goal-image-gallery';
+} from '@mgonza02/goal-image-gallery';
 
 function CustomGallery() {
   const { imageList, openImage, handleOpenImage } = useImageGallery({
@@ -450,12 +454,12 @@ The component is now ready for export as an independent package:
 
 ```json
 {
-  "name": "@goal/image-gallery",
+  "name": "@mgonza02/goal-image-gallery",
   "version": "1.0.0",
   "description": "Enhanced, modular image gallery component for React applications",
-  "main": "index.js",
-  "module": "index.js",
-  "types": "index.d.ts"
+  "main": "lib/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts"
 }
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mgonza02/goal-image-gallery",
-    "version": "1.0.0",
+    "version": "1.0.1",
     "description": "Enhanced, modular image gallery component for React applications",
     "main": "lib/index.js",
     "module": "lib/index.js",
@@ -21,11 +21,11 @@
     "license": "MIT",
     "repository": {
         "type": "git",
-        "url": "https://github.com/goal-systems/goal-image-gallery"
+        "url": "git+https://github.com/mgonza02/goal-image-gallery.git"
     },
-    "homepage": "https://github.com/goal-systems/goal-image-gallery#readme",
+    "homepage": "https://github.com/mgonza02/goal-image-gallery#readme",
     "bugs": {
-        "url": "https://github.com/goal-systems/goal-image-gallery/issues"
+        "url": "https://github.com/mgonza02/goal-image-gallery/issues"
     },
     "publishConfig": {
         "access": "public"