@stoker-platform/web-app 0.5.79 → 0.5.80

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @stoker-platform/web-app
 
+## 0.5.80
+
+### Patch Changes
+
+- fix: improve board card header padding
+- fix: account for excluded status values
+- fix: fix photo upload closure issue
+
 ## 0.5.79
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@stoker-platform/web-app",
-    "version": "0.5.79",
+    "version": "0.5.80",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE.md",
     "scripts": {

package/src/Cards.tsx

@@ -218,7 +218,13 @@ function CardItem({ index, style, data }: CardItemProps) {
                         )}
                         onClick={() => goToRecord(collection, record)}
                     >
-                        <div id={`${statusValue}-${record.id}-header`} className="grid gap-0.5 p-6">
+                        <div
+                            id={`${statusValue}-${record.id}-header`}
+                            className={cn(
+                                "grid gap-0.5 p-6",
+                                ((!isPending && !isDisabled && hasUpdateAccess) || isPending) && "pr-0",
+                            )}
+                        >
                             <button
                                 className={cn(
                                     titleClass,
@@ -255,7 +261,7 @@ function CardItem({ index, style, data }: CardItemProps) {
                                 </div>
                             )
                         ) : (
-                            <div className="ml-auto relative bottom-1.5 p-6">
+                            <div className="ml-auto relative bottom-1.5 p-6 pl-4">
                                 <LoadingSpinner size={7} />
                             </div>
                         )}

package/src/Collection.tsx

@@ -424,7 +424,7 @@ function Collection({
     const getKeysLength = useCallback(() => {
         let length = 1
         if (tab === "cards") {
-            length = statusValues.current?.length || 1
+            length = (statusValues.current?.length || 1) - (cardsConfig?.excludeValues?.length || 0)
             if (!isPreloadCacheEnabled && !isServerReadOnly) {
                 length++
             }

package/src/Form.tsx

@@ -2596,8 +2596,13 @@ function RecordForm({
     )
 
     const handlePermissionsConfirm = useCallback(
-        async (selectedPermissions: FilePermissions) => {
-            if (permissionsContext === "files") {
+        async (
+            selectedPermissions: FilePermissions,
+            contextOverride?: "files" | "image-create" | "image-update",
+            imageUpdateOverrides?: { pendingImage: { fieldName: string; file: File }; resolver: () => void },
+        ) => {
+            const context = contextOverride ?? permissionsContext
+            if (context === "files") {
                 if (isMultipleFileUpload) {
                     if (pendingUploadFiles.length > 0) {
                         setQueuedUploads((prev) => [
@@ -2627,7 +2632,7 @@ function RecordForm({
                 return
             }
 
-            if (permissionsContext === "image-create") {
+            if (context === "image-create") {
                 if (!pendingUploadFile || !pendingImageFieldName) return
                 setQueuedImageUploads((prev) => ({
                     ...prev,
@@ -2642,9 +2647,11 @@ function RecordForm({
                 return
             }
 
-            if (permissionsContext === "image-update") {
-                if (!pendingImageForUpdate || !id || !currentUser) return
-                const { fieldName, file } = pendingImageForUpdate
+            if (context === "image-update") {
+                const effectivePendingImage = imageUpdateOverrides?.pendingImage ?? pendingImageForUpdate
+                const effectiveResolver = imageUpdateOverrides?.resolver ?? imageUpdateResolver
+                if (!effectivePendingImage || !id || !currentUser) return
+                const { fieldName, file } = effectivePendingImage
                 const basePath = computeBasePath(id)
                 const filename = file.name.trim()
                 const validationError = validateStorageName(filename)
@@ -2653,9 +2660,9 @@ function RecordForm({
                     setShowPermissionsDialog(false)
                     setPendingImageForUpdate(null)
                     setPermissionsContext("files")
-                    if (imageUpdateResolver) {
+                    if (effectiveResolver) {
                         setIsUploading((prev) => ({ ...prev, [fieldName]: false }))
-                        imageUpdateResolver()
+                        effectiveResolver()
                     }
                     return
                 }
@@ -2689,9 +2696,9 @@ function RecordForm({
                     setShowPermissionsDialog(false)
                     setPendingImageForUpdate(null)
                     setPermissionsContext("files")
-                    if (imageUpdateResolver) {
+                    if (effectiveResolver) {
                         setIsUploading((prev) => ({ ...prev, [fieldName]: false }))
-                        imageUpdateResolver()
+                        effectiveResolver()
                     }
                     return
                 }
@@ -2733,9 +2740,9 @@ function RecordForm({
                 setShowPermissionsDialog(false)
                 setPendingImageForUpdate(null)
                 setPermissionsContext("files")
-                if (imageUpdateResolver) {
+                if (effectiveResolver) {
                     setIsUploading((prev) => ({ ...prev, [fieldName]: false }))
-                    imageUpdateResolver()
+                    effectiveResolver()
                 }
                 return
             }
@@ -2786,7 +2793,10 @@ function RecordForm({
                 setIsMultipleFileUpload(false)
                 setImageUpdateResolver(() => resolve)
                 if (shouldSkipPermissionsDialog()) {
-                    setTimeout(() => handlePermissionsConfirm(getDefaultPermissions()), 0)
+                    handlePermissionsConfirm(getDefaultPermissions(), "image-update", {
+                        pendingImage: { fieldName, file },
+                        resolver: resolve,
+                    })
                 } else {
                     setShowPermissionsDialog(true)
                 }