@controleonline/ui-default 1.0.281 → 1.0.282

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@controleonline/ui-default",
-  "version": "1.0.281",
+  "version": "1.0.282",
   "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'}