@controleonline/ui-default 1.0.281 → 1.0.283

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@controleonline/ui-default",
-  "version": "1.0.281",
+  "version": "1.0.283",
   "author": "ControleOnline",
   "description": "ControleOnline Default Quasar UI Component",
   "license": "MIT",
@@ -16,7 +16,7 @@
     "last 1 version, not dead, ie >= 11"
   ],
   "dependencies": {
-    "@controleonline/ui-common": "*",
+    "@controleonline/ui-common": "1.2.103",
     "react-native-vector-icons": "^10.3.0"
   }
 }

package/src/react/components/table/DefaultTable.js

@@ -76,6 +76,7 @@ const DefaultTable = ({
   showSearch = null,
   showRowActions = true,
   showToolbar = true,
+  showCompactCaption = true,
   showAdministrativeTools = true,
   showToolbarActions = null,
   showToolbarControls = null,
@@ -285,6 +286,7 @@ const DefaultTable = ({
       showRowActions: presentationColumns !== null ? showRowActions : storeDeclaredConfigs.showRowActions === false ? false : showRowActions,
       showAdministrativeTools,
       showToolbar,
+      showCompactCaption,
       showToolbarActions:
         showToolbarActions === null
           ? storeDeclaredConfigs.showToolbarActions !== false
@@ -357,6 +359,7 @@ const DefaultTable = ({
       showRowActions,
       showAdministrativeTools,
       showToolbar,
+      showCompactCaption,
       showToolbarActions,
       showToolbarControls,
       showTotalItemsInCompactToolbar,
@@ -401,6 +404,7 @@ const DefaultTable = ({
         showRowActions,
         showAdministrativeTools,
         showToolbar,
+      showCompactCaption,
         showToolbarActions,
         showToolbarControls,
         showTotalItemsInCompactToolbar,
@@ -442,6 +446,7 @@ const DefaultTable = ({
       showRowActions,
       showAdministrativeTools,
       showToolbar,
+      showCompactCaption,
       showToolbarActions,
       showToolbarControls,
       showTotalItemsInCompactToolbar,

package/src/react/components/table/DefaultTableCompactToolbar.js

@@ -83,12 +83,12 @@ export default function DefaultTableCompactToolbar({storeName, actions = [], sho
           <Text numberOfLines={1} style={[s.small, {color: c.chipText || text, flexShrink: 1}]}>{label}</Text><Icon name="x" size={12} color={text} />
         </TouchableOpacity>;
       })}<TouchableOpacity accessibilityRole="button" onPress={() => apply({})}><Text style={[s.small, {color: muted}]}>Limpar filtros</Text></TouchableOpacity></View> : null}
-      <View style={s.secondary}>
+      {configs.showCompactCaption !== false && <View style={s.secondary}>
         <Text style={[s.small, {color: muted}]}>{configs.showTotalItemsInFooter !== false ? `${store.getters?.totalItems ?? 0} ${Number(store.getters?.totalItems) === 1 ? 'resultado' : 'resultados'}` : 'Pedidos'}</Text>
         {showControls ? <TouchableOpacity accessibilityRole="button" accessibilityLabel="Escolher ordenação" onPress={() => setModal('sort')} style={s.row}>
           <Icon name="arrow-down" size={14} color={muted} /><Text style={[s.small, {color: text}]}>{sortColumn ? labelFor(sortColumn) : 'Ordenar'} · {configs.resolvedSort?.direction === 'asc' ? '↑' : '↓'}</Text>
         </TouchableOpacity> : null}
-      </View>
+      </View>}
       <DefaultFiltersModal storeName={storeName} visible={modal === 'filters'} deferred onClose={() => setModal('')} />
       <DefaultColumnMenu storeName={storeName} visible={modal === 'columns'} onClose={() => setModal('')} />
       <DefaultCompactDialog visible={modal === 'more' || modal === 'sort'} title={modal === 'sort' ? 'Ordenação' : 'Mais opções'}

package/src/react/components/upload/DefaultUpload.styles.js

@@ -130,9 +130,9 @@ export const defaultUploadStyles = {
   attachmentsEmpty: {borderWidth: 1, borderColor: '#ddd', borderRadius: 8, padding: 10},
   attachmentsEmptyText: {color: '#666'},
   attachmentsList: {flexDirection: 'row', gap: 10},
-  attachmentCard: {width: 320, borderWidth: 1, borderColor: '#ddd', borderRadius: 8, padding: 0, overflow: 'hidden', backgroundColor: '#fff'},
-  attachmentThumb: {width: 320, height: 320, backgroundColor: '#f5f5f5', overflow: 'hidden', alignItems: 'center', justifyContent: 'center'},
-  attachmentImage: {width: 320, height: 320},
+  attachmentCard: {width: 240, borderWidth: 1, borderColor: '#ddd', borderRadius: 8, padding: 0, overflow: 'hidden', backgroundColor: '#fff'},
+  attachmentThumb: {width: 240, height: 240, backgroundColor: '#f5f5f5', overflow: 'hidden', alignItems: 'center', justifyContent: 'center'},
+  attachmentImage: {width: 240, height: 240},
   attachmentActionsRow: {flexDirection: 'row', justifyContent: 'center', alignItems: 'center', gap: 8, marginTop: 2},
   attachmentIconButton: {width: 36, height: 36, borderRadius: 8, alignItems: 'center', justifyContent: 'center'},
   attachmentRemoveButton: {backgroundColor: '#b00020', paddingVertical: 6, borderRadius: 4},

package/src/react/components/upload/DefaultUploadAttachmentsList.js

@@ -76,20 +76,20 @@ export default function DefaultUploadAttachmentsList({
                   key={row.id || fileId || index}
                   style={[
                     styles.attachmentCard,
-                    // app-community#813: card principal 320x320
-                    {width: 320, padding: 0, overflow: 'hidden'},
+                    // app-community#813: card principal 240x240 (app-community#1275)
+                    {width: 240, padding: 0, overflow: 'hidden'},
                   ]}>
                   <View
                     style={[
                       styles.attachmentThumb,
-                      {width: 320, height: 320, marginBottom: 0},
+                      {width: 240, height: 240, marginBottom: 0},
                     ]}>
                     {file ? (
                       <DefaultFile
                         file={file}
                         company={company}
                         resizeMode="cover"
-                        style={{width: 320, height: 320}}
+                        style={{width: 240, height: 240}}
                       />
                     ) : null}
                   </View>