@onehat/ui 0.3.90 → 0.3.92

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@onehat/ui",
-	"version": "0.3.90",
+	"version": "0.3.92",
 	"description": "Base UI for OneHat apps",
 	"main": "src/index.js",
 	"type": "module",

package/src/Components/Icons/CommentDots.js

@@ -0,0 +1,14 @@
+// Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+import { Icon } from 'native-base';
+
+function SvgComponent(props) {
+	return (
+		<Icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {...props}>
+		<Path d="M256 448c141.4 0 256-93.1 256-208S397.4 32 256 32 0 125.1 0 240c0 45.1 17.7 86.8 47.7 120.9-1.9 24.5-11.4 46.3-21.4 62.9-5.5 9.2-11.1 16.6-15.2 21.6-2.1 2.5-3.7 4.4-4.9 5.7-.6.6-1 1.1-1.3 1.4l-.3.3c-4.6 4.6-5.9 11.4-3.4 17.4 2.5 6 8.3 9.9 14.8 9.9 28.7 0 57.6-8.9 81.6-19.3 22.9-10 42.4-21.9 54.3-30.6 31.8 11.5 67 17.9 104.1 17.9zM128 208a32 32 0 110 64 32 32 0 110-64zm128 0a32 32 0 110 64 32 32 0 110-64zm96 32a32 32 0 1164 0 32 32 0 11-64 0z" />
+ 		</Icon>
+	)
+}
+
+export default SvgComponent

package/src/Components/Tab/TabBar.js

@@ -4,6 +4,7 @@ import {
 	Column,
 	Icon,
 	Row,
+	ScrollView,
 	Text,
 } from 'native-base';
 import {
@@ -433,7 +434,12 @@ function TabBar(props) {
 					bg={styles.TAB_BAR_BG}
 					h={isCollapsed ? '30px' : tabHeight}
 				>
-					{renderedTabs}
+					<ScrollView
+						horizontal={true}
+						h={isCollapsed ? '30px' : tabHeight}
+					>
+						{renderedTabs}
+					</ScrollView>
 					<Row flex={1} h="100%" justifyContent="flex-end">
 						<Row h="100%">
 							{renderedToggleButton}

package/src/Components/index.js

@@ -52,6 +52,7 @@ import ClockRotateLeft from '../Components/Icons/ClockRotateLeft.js';
 import Clone from '../Components/Icons/Clone.js';
 import Collapse from '../Components/Icons/Collapse.js';
 import Comment from '../Components/Icons/Comment.js';
+import CommentDots from '../Components/Icons/CommentDots.js';
 import CommentRegular from '../Components/Icons/CommentRegular.js';
 import Comments from '../Components/Icons/Comments.js';
 import CommentsRegular from '../Components/Icons/CommentsRegular.js';
@@ -276,6 +277,7 @@ const components = {
 	Clone,
 	Collapse,
 	Comment,
+	CommentDots,
 	CommentRegular,
 	Comments,
 	CommentsRegular,