@selkirk-systems/attachments 1.0.4

package/lib/stores/PhotosStore.js

@@ -0,0 +1,81 @@
+import update from "@mbernal/simple-immutable";
+import { CreateStore, setFalse, setStore, setTrue, setValues, withPayload } from "@selkirk-systems/state-management";
+import { CLEAR_PHOTOS, DELETED_IMAGE, DELETE_IMAGE, FETCHED_PHOTOS, FETCH_PHOTOS, FILE_DELETED, FILE_DOWNLOAD, FILE_DOWNLOADED, HIDE_IMAGE_VIEWER_DIALOG, IMAGE_UPLOAD_COMPLETE, SET_UPLOAD_PROGRESS, SHOW_IMAGE_VIEWER_DIALOG } from "../constants/PhotosConstants";
+
+
+const PhotoStore = CreateStore( {
+
+    name: "PhotoStore",
+
+    events: {
+        [IMAGE_UPLOAD_COMPLETE]: setTrue( "reload" ),
+        [FETCH_PHOTOS]: setFalse( "reload" ).setTrue( "fetching" ),
+        [FETCHED_PHOTOS]: withPayload().setValues( "photos" ).setFalse( "fetching" ),
+        [CLEAR_PHOTOS]: setStore( () => init() ),
+        [DELETE_IMAGE]: setTrue( "deleting" ),
+        [SHOW_IMAGE_VIEWER_DIALOG]: withPayload().setValues( "imageViewer" ),
+        [HIDE_IMAGE_VIEWER_DIALOG]: setValues( "imageViewer", {} ),
+        [SET_UPLOAD_PROGRESS]: ( action, state ) => {
+
+            const payload = action.payload;
+
+            if ( payload.error || payload.progress !== 100 ) return state;
+
+
+            const matchIndex = state.photos.findIndex( p => p.name.toLowerCase() === payload.id.toLowerCase() );
+
+            if ( matchIndex >= 0 ) {
+                return update( state, {
+                    [`set photos.${matchIndex}`]: payload.response.data[0]
+                } )
+            }
+
+            return update( state, {
+                'unshift photos': Array.isArray( payload.response.data ) ? payload.response.data : [payload.response.data]
+            } )
+
+        },
+        [FILE_DELETED]: ( action, state ) => {
+            const { fileName } = action.payload;
+            const index = state.photos.findIndex( p => p.name === fileName );
+
+            if ( index < 0 ) return state;
+
+            return update( state, {
+                'splice photos': [[index, 1]],
+                'set deleting': false
+            } );
+        },
+        [DELETED_IMAGE]: ( action, state ) => {
+
+            const name = action.payload;
+            const index = state.photos.findIndex( p => p.name === name );
+
+            if ( index < 0 ) return state;
+
+            return update( state, {
+                'splice photos': [[index, 1]],
+                'set deleting': false
+            } );
+
+        }
+
+
+    },
+
+    state: init()
+
+} );
+
+function init() {
+    return {
+        imageViewer: {},
+        fetching: true,
+        deleting: false,
+        reload: false,
+        photos: []
+    }
+}
+
+
+export default PhotoStore;

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@selkirk-systems/attachments",
+  "version": "1.0.4",
+  "description": "Attachment and photo upload components for Selkirk Systems web projects",
+  "keywords": [],
+  "author": "Marcos Bernal <mbernal@selkirksystems.com>",
+  "license": "ISC",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "directories": {
+    "dist": "dist",
+    "lib": "lib"
+  },
+  "files": [
+    "dist/**",
+    "lib/**"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://galderak@bitbucket.org/selkirk/web-component-library.git"
+  },
+  "scripts": {
+    "docs": "jsdoc --configure ../../jsdoc.json -r ./lib -d docs",
+    "build": "del dist /Q && cross-env CI=false NODE_ENV=production babel lib --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,__snapshots__",
+    "prepublishOnly": "npm run build"
+  },
+  "bugs": {
+    "url": "https://bitbucket.org/selkirk/web-component-library/issues"
+  },
+  "homepage": "https://bitbucket.org/selkirk/web-component-library#readme",
+  "peerDependencies": {
+    "@selkirk-systems/fetch": "^1.8.0",
+    "@selkirk-systems/layout": "^1.3.1",
+    "@selkirk-systems/selkirk-components": "^1.0.0",
+    "@selkirk-systems/selkirk-utils": "^1.0.0",
+    "@selkirk-systems/state-management": "^2.0.0",
+    "lucide-react": "*",
+    "primereact": "^10.9.4",
+    "react": "^19.0.0"
+  },
+  "dependencies": {
+    "@mbernal/simple-immutable": "*",
+    "clsx": "^2.1.1",
+    "memoizee": "*"
+  },
+  "gitHead": "6662f923b61e841ddd3a8f6f048da254637fcc8e"
+}