@onehat/ui 0.4.102 → 0.4.103

package/src/Components/Grid/Grid.js

@@ -296,6 +296,11 @@ function GridComponent(props) {
 		footerToolbarRef = useRef(null),
 		rowRefs = useRef([]),
 		previousEntitiesLength = useRef(0),
+		paginationSelectionGuardRef = useRef({
+			source: null,
+			pending: new Set(),
+			expiresAt: 0,
+		}),
 		hasRemeasuredAfterRowsAppeared = useRef(false),
 		[isInited, setIsInited] = useState(false),
 		[isReady, setIsReady] = useState(false),
@@ -305,20 +310,6 @@ function GridComponent(props) {
 		showRowHandle = showSelectHandle || areRowsDragSource || (canRowsReorder && isReorderMode),
 		rowLongPressDelay = rowLongPressDelayMs ?? ((areRowsDragSource || canRowsReorder) ? 800 : undefined),
 		[lastMeasuredContainerHeight, setLastMeasuredContainerHeight] = useState(0),
-		getMeasurementPhase = () => {
-			return measurementPhaseRaw.current;
-		},
-		setMeasurementPhase = (phase) => {
-			measurementPhaseRaw.current = phase;
-			forceUpdate();
-		},
-		getMeasuredRowHeight = () => {
-			return measuredRowHeightRaw.current;
-		},
-		setMeasuredRowHeight = (height) => {
-			measuredRowHeightRaw.current = height;
-			forceUpdate();
-		},
 		getIsExpanded = (index) => {
 			return !!expandedRowsRef.current[index];
 		},
@@ -427,13 +418,15 @@ function GridComponent(props) {
 			}
 		},
 		getFooterToolbarItems = () => {
-			// Process additionalToolbarButtons to evaluate getIsButtonDisabled functions
+			// Process additionalToolbarButtons to evaluate functions
 			const processedButtons = _.map(additionalToolbarButtons, (config) => {
 				const processedConfig = { ...config };
-				// If the button has an getIsButtonDisabled function, evaluate it with current selection
 				if (_.isFunction(config.getIsButtonDisabled)) {
 					processedConfig.isDisabled = config.getIsButtonDisabled(selection);
 				}
+				if (_.isFunction(config.getText)) {
+					processedConfig.text = config.getText(selection);
+				}
 				return processedConfig;
 			});
 			const items = _.map(processedButtons, (config, ix) => getIconButtonFromConfig(config, ix, self));
@@ -1018,6 +1011,151 @@ function GridComponent(props) {
 			marker.remove();
 			cachedDragElements.current = null;
 		},
+		applySelectorSelected = () => {
+			if (disableSelectorSelected || !selectorId) {
+				return
+			}
+
+			if (previousSelectorId.current && selectorId !== previousSelectorId.current) {
+				Repository.pauseEvents();
+				Repository.clearFilters(previousSelectorId.current);
+				Repository.resumeEvents();
+			}
+			previousSelectorId.current = selectorId;
+
+			let value = null;
+			if (selectorSelected) {
+				value = selectorSelected[selectorSelectedField];
+			}
+			if (noSelectorMeansNoResults && _.isEmpty(selectorSelected)) {
+				value = 'NO_MATCHES';
+			}
+
+			Repository.filter(selectorId, value, false); // false so it doesn't clear existing filters
+		},
+		onGridKeyDown = (e) => {
+			if (isInlineEditorShown) {
+				return;
+			}
+			if (disableWithSelection) {
+				return;
+			}
+			const {
+					shiftKey = false,
+				} = e;
+			if (selectionMode === SELECTION_MODE_MULTI && shiftKey) {
+				switch(e.key) {
+					case 'ArrowDown':
+						e.preventDefault();
+						addNextToSelection();
+						break;
+					case 'ArrowUp':
+						e.preventDefault();
+						addPrevToSelection();
+						break;
+				}
+			} else {
+				// selectionMode is SELECTION_MODE_SINGLE
+				switch(e.key) {
+					case 'Enter':
+						// NOTE: This is never being reached.
+						// The event is getting captured somwhere else,
+						// but I can't find where.
+						// e.preventDefault();
+						
+						// launch inline or windowed editor
+						// const p = props;
+						// debugger;
+						break;
+					case 'ArrowDown':
+						e.preventDefault();
+						selectNext();
+						break;
+					case 'ArrowUp':
+						e.preventDefault();
+						selectPrev();
+						break;
+				}
+			}
+		},
+		showColumnsSelector = () => {
+			const
+				modalItems = _.map(localColumnsConfig, (config, ix) => {
+					return {
+						name: config.id,
+						label: config.header,
+						type: config.isHidable ? 'Checkbox' : 'Text',
+						isEditable: config.isHidable ?? false,
+					};
+				}),
+				startingValues = (() => {
+					const startingValues = {};
+					_.each(localColumnsConfig, (config) => {
+						const value = !config.isHidden; // checkbox implies to show it, so flip the polarity
+						startingValues[config.id] = config.isHidable ? value : 'Always shown';
+					});
+					return startingValues;
+				})();
+			
+			showModal({
+				title: 'Column Selector',
+				includeReset: true,
+				includeCancel: true,
+				h: 800,
+				w: styles.FORM_STACK_ROW_THRESHOLD + 10,
+				body: <Form
+							editorType={EDITOR_TYPE__PLAIN}
+							columnDefaults={{
+								labelWidth: '250px',
+							}}
+							items={[
+								{
+									name: 'instructions',
+									type: 'DisplayField',
+									text: 'Please select which columns to show in the grid.',
+									className: 'mb-3',
+								},
+								{
+									type: 'FieldSet',
+									title: 'Columns',
+									reference: 'columns',
+									showToggleAllCheckbox: true,
+									items: [
+										...modalItems,
+									],
+								}
+							]}
+							startingValues={startingValues}
+							onSave={(values)=> {
+								hideModal();
+
+								const newColumnsConfig = _.cloneDeep(localColumnsConfig);
+								_.each(newColumnsConfig, (config, ix) => {
+									if (config.isHidable) {
+										newColumnsConfig[ix].isHidden = !values[config.id]; // checkbox implies to show it, so flip the polarity
+									}
+								});
+								setLocalColumnsConfig(newColumnsConfig);
+							}}
+						/>,
+			});
+		},
+
+		// These methods relate to auto-pageSize measurement and adjustment:
+		getMeasurementPhase = () => {
+			return measurementPhaseRaw.current;
+		},
+		setMeasurementPhase = (phase) => {
+			measurementPhaseRaw.current = phase;
+			forceUpdate();
+		},
+		getMeasuredRowHeight = () => {
+			return measuredRowHeightRaw.current;
+		},
+		setMeasuredRowHeight = (height) => {
+			measuredRowHeightRaw.current = height;
+			forceUpdate();
+		},
 		calculatePageSize = (containerHeight, useActualMeasurements = false) => {
 			if (DEBUG) {
 				console.log(`${getMeasurementPhase()}, calculatePageSize A containerHeight=${containerHeight}, useActualMeasurements=${useActualMeasurements}, measuredRowHeight=${getMeasuredRowHeight()}`);
@@ -1202,6 +1340,7 @@ function GridComponent(props) {
 						if (DEBUG) {
 							console.log(`${getMeasurementPhase()}, applyMeasuredRowHeight B Repository.setPageSize(${newPageSize})`);
 						}
+						startAutoPageSizeSelectionGuard();
 						Repository.setPageSize(newPageSize);
 					}
 				}
@@ -1261,6 +1400,7 @@ function GridComponent(props) {
 						if (DEBUG) {
 							console.log(`${getMeasurementPhase()}, adjustPageSizeToHeight D Repository.setPageSize(${pageSize})`);
 						}
+						startAutoPageSizeSelectionGuard();
 						Repository.setPageSize(pageSize);
 					}
 				}
@@ -1279,136 +1419,51 @@ function GridComponent(props) {
 			}
 		},
 		debouncedAdjustPageSizeToHeight = useCallback(_.debounce(adjustPageSizeToHeight, 200), []),
-		applySelectorSelected = () => {
-			if (disableSelectorSelected || !selectorId) {
-				return
-			}
-
-			if (previousSelectorId.current && selectorId !== previousSelectorId.current) {
-				Repository.pauseEvents();
-				Repository.clearFilters(previousSelectorId.current);
-				Repository.resumeEvents();
-			}
-			previousSelectorId.current = selectorId;
 
-			let value = null;
-			if (selectorSelected) {
-				value = selectorSelected[selectorSelectedField];
-			}
-			if (noSelectorMeansNoResults && _.isEmpty(selectorSelected)) {
-				value = 'NO_MATCHES';
-			}
-
-			Repository.filter(selectorId, value, false); // false so it doesn't clear existing filters
+		// These methods guard for selection/pagination interaction
+		// (If user makes a selection during the auto-pageSize adjustment, 
+		// we don't want to clear the selection if the current selection 
+		// would still be valid with the new page size):
+		clearPaginationSelectionGuard = () => {
+			paginationSelectionGuardRef.current = {
+				source: null,
+				pending: new Set(),
+				expiresAt: 0,
+			};
 		},
-		onGridKeyDown = (e) => {
-			if (isInlineEditorShown) {
+		startAutoPageSizeSelectionGuard = () => {
+			if (disableWithSelection || !deselectAll) {
 				return;
 			}
-			if (disableWithSelection) {
-				return;
+			paginationSelectionGuardRef.current = {
+				source: 'autoPageSize',
+				pending: new Set(['changePage', 'changePageSize',]),
+				expiresAt: Date.now() + 5000,
+			};
+		},
+		consumePaginationSelectionGuard = (eventType) => {
+			const guard = paginationSelectionGuardRef.current;
+			if (guard.source !== 'autoPageSize') {
+				return false;
 			}
-			const {
-					shiftKey = false,
-				} = e;
-			if (selectionMode === SELECTION_MODE_MULTI && shiftKey) {
-				switch(e.key) {
-					case 'ArrowDown':
-						e.preventDefault();
-						addNextToSelection();
-						break;
-					case 'ArrowUp':
-						e.preventDefault();
-						addPrevToSelection();
-						break;
-				}
-			} else {
-				// selectionMode is SELECTION_MODE_SINGLE
-				switch(e.key) {
-					case 'Enter':
-						// NOTE: This is never being reached.
-						// The event is getting captured somwhere else,
-						// but I can't find where.
-						// e.preventDefault();
-						
-						// launch inline or windowed editor
-						// const p = props;
-						// debugger;
-						break;
-					case 'ArrowDown':
-						e.preventDefault();
-						selectNext();
-						break;
-					case 'ArrowUp':
-						e.preventDefault();
-						selectPrev();
-						break;
-				}
+			if (Date.now() > guard.expiresAt) {
+				clearPaginationSelectionGuard();
+				return false;
+			}
+			if (!guard.pending.has(eventType)) {
+				return false;
 			}
-		},
-		showColumnsSelector = () => {
-			const
-				modalItems = _.map(localColumnsConfig, (config, ix) => {
-					return {
-						name: config.id,
-						label: config.header,
-						type: config.isHidable ? 'Checkbox' : 'Text',
-						isEditable: config.isHidable ?? false,
-					};
-				}),
-				startingValues = (() => {
-					const startingValues = {};
-					_.each(localColumnsConfig, (config) => {
-						const value = !config.isHidden; // checkbox implies to show it, so flip the polarity
-						startingValues[config.id] = config.isHidable ? value : 'Always shown';
-					});
-					return startingValues;
-				})();
-			
-			showModal({
-				title: 'Column Selector',
-				includeReset: true,
-				includeCancel: true,
-				h: 800,
-				w: styles.FORM_STACK_ROW_THRESHOLD + 10,
-				body: <Form
-							editorType={EDITOR_TYPE__PLAIN}
-							columnDefaults={{
-								labelWidth: '250px',
-							}}
-							items={[
-								{
-									name: 'instructions',
-									type: 'DisplayField',
-									text: 'Please select which columns to show in the grid.',
-									className: 'mb-3',
-								},
-								{
-									type: 'FieldSet',
-									title: 'Columns',
-									reference: 'columns',
-									showToggleAllCheckbox: true,
-									items: [
-										...modalItems,
-									],
-								}
-							]}
-							startingValues={startingValues}
-							onSave={(values)=> {
-								hideModal();
 
-								const newColumnsConfig = _.cloneDeep(localColumnsConfig);
-								_.each(newColumnsConfig, (config, ix) => {
-									if (config.isHidable) {
-										newColumnsConfig[ix].isHidden = !values[config.id]; // checkbox implies to show it, so flip the polarity
-									}
-								});
-								setLocalColumnsConfig(newColumnsConfig);
-							}}
-						/>,
-			});
+			guard.pending.delete(eventType);
+
+			if (!guard.pending.size) {
+				clearPaginationSelectionGuard();
+			}
+
+			return true;
 		};
 
+
 	if (forceLoadOnRender && disableLoadOnRender) {
 		throw new Error('incompatible config! forceLoadOnRender and disableLoadOnRender cannot both be true');
 	}
@@ -1531,7 +1586,27 @@ function GridComponent(props) {
 		// set up @onehat/data repository
 		const
 			setTrue = () => setIsLoading(true),
-			setFalse = () => setIsLoading(false),
+			setFalse = () => {
+				setIsLoading(false);
+				clearPaginationSelectionGuard();
+			},
+			onPaginationEvent = (eventType) => {
+				if (consumePaginationSelectionGuard(eventType)) {
+					return;
+				}
+				if (!disableWithSelection && deselectAll) {
+					deselectAll();
+				}
+				if (eventType === 'changePage' && showRowExpander) {
+					expandedRowsRef.current = {}; // clear expanded rows
+				}
+			},
+			onChangePageSize = () => {
+				if (disableWithSelection || !deselectAll) {
+					return;
+				}
+				onPaginationEvent('changePageSize');
+			},
 			onChangeFilters = () => {
 				if (DEBUG) {
 					console.log('onChangeFilters, reload and re-measure');
@@ -1546,20 +1621,16 @@ function GridComponent(props) {
 				}
 			},
 			onChangePage = () => {
-				if (showRowExpander) {
-					expandedRowsRef.current = {}; // clear expanded rows
-				}
+				onPaginationEvent('changePage');
 			};
 
 		Repository.on('beforeLoad', setTrue);
 		Repository.on('load', setFalse);
-		if (!disableWithSelection) {
-			Repository.ons(['changePage', 'changePageSize',], deselectAll);
-		}
+		Repository.on('changePage', onChangePage);
+		Repository.on('changePageSize', onChangePageSize);
 		Repository.ons(['changeData', 'change'], forceUpdate);
 		Repository.on('changeFilters', onChangeFilters);
 		Repository.on('changeSorters', onChangeSorters);
-		Repository.on('changePage', onChangePage);
 
 		applySelectorSelected();
 
@@ -1578,13 +1649,11 @@ function GridComponent(props) {
 		return () => {
 			Repository.off('beforeLoad', setTrue);
 			Repository.off('load', setFalse);
-			if (!disableWithSelection) {
-				Repository.offs(['changePage', 'changePageSize',], deselectAll);
-			}
+			Repository.off('changePage', onChangePage);
+			Repository.off('changePageSize', onChangePageSize);
 			Repository.offs(['changeData', 'change'], forceUpdate);
 			Repository.off('changeFilters', onChangeFilters);
 			Repository.off('changeSorters', onChangeSorters);
-			Repository.off('changePage', onChangePage);
 		};
 	}, [isInited]);
 
@@ -1600,8 +1669,8 @@ function GridComponent(props) {
 
 	}, [selectorId, selectorSelected]);
 
-	// Effect to trigger row height measurement after render
 	useEffect(() => {
+		// trigger row height measurement after render
 		if (getMeasurementPhase() === PHASES__MEASURING) {
 			// Small delay to ensure elements are fully rendered
 			const timer = setTimeout(async () => {
@@ -1637,13 +1706,13 @@ function GridComponent(props) {
 		}
 	}, [autoAdjustPageSizeToHeight]);
 
-	// Reset measurement when rows were first empty then became populated
 	useEffect(() => {
+		// Reset measurement when rows were first empty then became populated
 		const
 			currentLength = entities?.length || 0,
 			wasEmpty = previousEntitiesLength.current === 0,
 			isNowPopulated = currentLength > 0,
-			hasPhantomRecord = entities?.some(entity => entity?.isPhantom);
+			hasPhantomRecord = entities?.some(entity => !entity.isDestroyed && entity?.isPhantom);
 			
 		// NOTE: The Repository was reloading when a phantom record was added,
 		// and this broke the Editor because selection was being reset to zero.
@@ -1674,6 +1743,15 @@ function GridComponent(props) {
 		previousEntitiesLength.current = currentLength;
 	}, [entities?.length, autoAdjustPageSizeToHeight]);
 
+	
+	// Memoize footer toolbar items to avoid unnecessary re-renders, but only if they don't have dynamic properties
+	const
+		hasDynamicFooterToolbarItems = useMemo(() => _.some(additionalToolbarButtons, (config) => {
+			return _.isFunction(config.getIsButtonDisabled) || _.isFunction(config.getText);
+		}), [additionalToolbarButtons]),
+		memoizedFooterToolbarItemComponents = useMemo(() => getFooterToolbarItems(), [Repository?.hash, additionalToolbarButtons, isReorderMode]),
+		footerToolbarItemComponents = hasDynamicFooterToolbarItems ? getFooterToolbarItems() : memoizedFooterToolbarItemComponents;
+
 	if (canUser && !canUser('view')) {
 		return <Unauthorized />;
 	}
@@ -1685,8 +1763,6 @@ function GridComponent(props) {
 
 	isAddingRaw.current = isAdding;
 
-	const footerToolbarItemComponents = useMemo(() => getFooterToolbarItems(), [Repository?.hash, additionalToolbarButtons, isReorderMode]);
-
 	if (!isInited) {
 		// first time through, render a placeholder so we can get container dimensions
 		return <VStackNative

package/src/Components/Hoc/withPresetButtons.js

@@ -39,7 +39,7 @@ const presetButtons = [
 	DOWNLOAD,
 ];
 
-export default function withPresetButtons(WrappedComponent, isGrid = false) {
+export default function withPresetButtons(WrappedComponent) {
 	return forwardRef((props, ref) => {
 
 		if (props.disablePresetButtons || props.alreadyHasWithPresetButtons) {
@@ -64,7 +64,7 @@ export default function withPresetButtons(WrappedComponent, isGrid = false) {
 			{
 				// extract and pass down
 				isEditor = false,
-				isTree = false,
+				isTree = false, // from withWindowedEditor or withSideEditor in Tree
 				canDeleteRootNode = false,
 				isSideEditor = false,
 				canEditorViewOnly = false,
@@ -74,10 +74,10 @@ export default function withPresetButtons(WrappedComponent, isGrid = false) {
 				disableAdd = !isEditor,
 				disableEdit = !isEditor,
 				disableDelete = !isEditor,
-				disableView = !isGrid,
-				disableCopy = !isGrid,
+				disableView = isTree,
+				disableCopy = isTree,
 				disableDuplicate = !isEditor,
-				disablePrint = !isGrid,
+				disablePrint = isTree,
 				protectedValues, // records with these values cannot be edited or deleted
 				addDisplayMsg,
 				editDisplayMsg,
@@ -434,6 +434,18 @@ export default function withPresetButtons(WrappedComponent, isGrid = false) {
 				}
 			},
 			onUploadDownload = () => {
+				const onUploadDecorator = async () => {
+					if (onUpload) {
+						await onUpload();
+					}
+					if (Repository && !Repository.isDestroyed) {
+						if (Repository.loadRootNodes) {
+							await Repository.loadRootNodes(1);
+						} else {
+							await Repository.reload();
+						}
+					}
+				};
 				showModal({
 					body: <UploadsDownloadsWindow
 								reference="uploadsDownloads"
@@ -442,7 +454,7 @@ export default function withPresetButtons(WrappedComponent, isGrid = false) {
 								columnsConfig={props.columnsConfig}
 								uploadHeaders={uploadHeaders}
 								uploadParams={uploadParams}
-								onUpload={onUpload}
+								onUpload={onUploadDecorator}
 								downloadHeaders={downloadHeaders}
 								downloadParams={downloadParams}
 							/>,

package/src/Components/Icons/ArrowsLeftRight.js

@@ -0,0 +1,10 @@
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 512 512',
+	path: <Path d="M406.6 374.6l96-96c12.5-12.5 12.5-32.8 0-45.3l-96-96c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l41.4 41.4H109.2l41.4-41.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-96 96c-12.5 12.5-12.5 32.8 0 45.3l96 96c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 288h293.5l-41.4 41.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/Bar.js

@@ -0,0 +1,10 @@
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 228.6 32.7',
+	path: <Path d="M212.2 32.7c9 0 16.3-7.3 16.3-16.3S221.2.1 212.2.1H16.3C7.3 0 0 7.3 0 16.3s7.3 16.3 16.3 16.3h195.9z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/Box.js

@@ -0,0 +1,11 @@
+// Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 448 512',
+	path: <Path d="M50.7 58.5L0 160h208V32H93.7c-18.2 0-34.8 10.3-43 26.5zM240 160h208L397.3 58.5c-8.2-16.2-24.8-26.5-43-26.5H240v128zm208 32H0v224c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V192z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/BoxOpen.js

@@ -0,0 +1,11 @@
+// Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 640 512',
+	path: <Path d="M58.9 42.1c3-6.1 9.6-9.6 16.3-8.7L320 64l244.8-30.6c6.7-.8 13.3 2.7 16.3 8.7l41.7 83.4c9 17.9-.6 39.6-19.8 45.1l-163.4 46.7c-13.9 4-28.8-1.9-36.2-14.3L320 64l-83.4 139c-7.4 12.4-22.3 18.3-36.2 14.3L37.1 170.6c-19.3-5.5-28.8-27.2-19.8-45.1l41.6-83.4zM321.1 128l54.9 91.4c14.9 24.8 44.6 36.6 72.5 28.6L576 211.6v167c0 22-15 41.2-36.4 46.6l-204.1 51c-10.2 2.6-20.9 2.6-31 0l-204.1-51C79 419.7 64 400.5 64 378.5v-167L191.6 248c27.8 8 57.6-3.8 72.5-28.6l54.8-91.4h2.2z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/Bucket.js

@@ -0,0 +1,10 @@
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 448 512',
+	path: <Path d="M96 152v8H48v-8C48 68.1 116.1 0 200 0h48c83.9 0 152 68.1 152 152v8h-48v-8c0-57.4-46.6-104-104-104h-48C142.6 48 96 94.6 96 152zM0 224c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32h-5.1l-22.4 213c-2.6 24.4-23.2 43-47.7 43H107.2c-24.6 0-45.2-18.5-47.7-43L37.1 256H32c-17.7 0-32-14.3-32-32z" />,
+});
+
+export default SvgComponent

package/src/Components/Icons/Bump.js

@@ -0,0 +1,21 @@
+// from https://www.flaticon.com/free-icon/kick_1928
+import { createIcon } from "../Gluestack/icon";
+import Svg, { G, Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 415.89 249.77',
+	path: <G>
+				<Path
+					d="M112.65 231.72c-.66-6.8-1.84-12.86-1.72-18.89.33-16.05 14.69-27.22 30.49-24.08 16.26 3.24 31.22 10.07 46.06 17.13 2.67 1.27 4.91 1.38 7.7.51 27.09-8.43 54.23-16.72 81.35-25.06 18.68-5.75 37.38-11.47 56.04-17.3 6.36-1.99 6.65-2.74 4.74-8.92-.6-1.95-1.16-3.9-1.81-5.84-3.21-9.63-5.67-19.61-9.84-28.8-6.8-14.96-20.99-21.74-37.12-19.8-13.07 1.57-26.23 2.48-39.35 3.65-2.91.26-5.84.4-9.18.62v31.62h-17.24v-32c-5.36-.35-10.43-.67-16.02-1.04v28.89h-17.41v-31.17c-5.27-1.02-10.13-1.95-15.52-2.99v26.04h-17.14v-21.87c0-9.08.1-9.38-8.62-12.19-10.91-3.51-19.56-9.1-22.74-20.89-.49-1.82-1.44-3.51-2.18-5.26-8.4-19.74-16.75-39.5-25.25-59.2C95.44-.8 95.24-.7 89.56 1.09 61.6 9.89 33.62 18.7 5.66 27.51c-1.89.6-3.75 1.27-5.66 1.92 4.29 26.31 8.49 52.19 12.75 78.06.67 4.05 1.17 7.71-1.81 11.42-1.94 2.41-2.86 5.85-3.62 8.98-2.48 10.16-1.27 20.26 1.25 30.23 4.98 19.73 14.07 37.71 25.15 54.52 6.63 10.05 11.26 20.62 14.48 32.04 1.51 5.36 2.32 5.86 7.86 4.36 6.94-1.88 13.79-4.1 20.67-6.21 12.17-3.74 24.34-7.52 35.94-11.11zm265.05-54.59c-3.46-6.2-6.98-11.72-9.73-17.6-9.46-20.18-4.21-36.18 15.57-46.3 6.45-3.3 13.71-5.05 20.63-7.43 3.88-1.33 7.81-2.5 11.72-3.74-3.25-1.48-6.41-2.02-9.5-2.8-11.7-2.92-23.75-4.93-34.98-9.13-16.55-6.19-25.42-18.84-25.73-36.94-.16-9.73 2.56-18.76 6.39-27.57 1.74-4 3.24-8.11 5.26-13.23-3.27 2.05-5.42 3.46-7.62 4.77-7.11 4.24-13.98 8.99-21.42 12.58-19.72 9.5-38.29 5.49-52.49-11.15-4.47-5.23-8.15-11.13-12.33-16.91-4.01 1.74-8.35 3.63-12.9 5.61 7.09 14.48 16.55 26.54 30.26 34.76 15.95 9.57 32.7 9.59 50.24 2.79-2.22 29.1 9.78 49.09 36.23 59.96-.26.63-.29.94-.46 1.09-.9.83-1.84 1.61-2.75 2.43-8.16 7.33-13.65 16.18-14.99 27.22-2.33 19.23 6.48 34.69 17.05 50.05 4.05-2.98 7.85-5.76 11.54-8.48z"
+				/>
+				<Path
+					d="M112.65 231.72c-11.6 3.59-23.76 7.36-35.94 11.11-6.88 2.11-13.73 4.33-20.67 6.21-5.53 1.5-6.34 1-7.86-4.36-3.22-11.42-7.85-21.99-14.48-32.04-11.08-16.81-20.17-34.79-25.15-54.52-2.52-9.98-3.73-20.07-1.25-30.23.76-3.13 1.68-6.56 3.62-8.98 2.98-3.71 2.48-7.37 1.81-11.42C8.49 81.62 4.29 55.75 0 29.43c1.9-.65 3.77-1.33 5.66-1.92C33.62 18.7 61.6 9.89 89.56 1.09 95.24-.7 95.44-.8 97.89 4.88c8.5 19.7 16.84 39.46 25.25 59.2.74 1.75 1.69 3.45 2.18 5.26 3.18 11.8 11.83 17.38 22.74 20.89 8.71 2.81 8.62 3.11 8.62 12.19v21.87h17.14V98.25c5.39 1.04 10.25 1.97 15.52 2.99v31.17h17.41v-28.89c5.59.36 10.66.69 16.02 1.04v32h17.24v-31.62c3.34-.22 6.27-.36 9.18-.62 13.12-1.17 26.27-2.08 39.35-3.65 16.13-1.94 30.32 4.84 37.12 19.8 4.18 9.19 6.63 19.17 9.84 28.8.64 1.93 1.21 3.89 1.81 5.84 1.91 6.18 1.62 6.93-4.74 8.92-18.66 5.83-37.35 11.55-56.04 17.3-27.12 8.34-54.25 16.63-81.35 25.06-2.79.87-5.03.76-7.7-.51-14.84-7.06-29.8-13.89-46.06-17.13-15.8-3.14-30.16 8.03-30.49 24.08-.12 6.03 1.06 12.09 1.72 18.89z"
+				/>
+				<Path
+					d="M377.7 177.13c-3.69 2.71-7.49 5.5-11.54 8.48-10.57-15.37-19.38-30.82-17.05-50.05 1.34-11.04 6.83-19.89 14.99-27.22.91-.82 1.85-1.6 2.75-2.43.17-.15.2-.46.46-1.09-26.44-10.87-38.45-30.86-36.23-59.96-17.54 6.8-34.29 6.78-50.24-2.79-13.71-8.22-23.17-20.28-30.26-34.76 4.55-1.98 8.89-3.87 12.9-5.61 4.18 5.78 7.86 11.68 12.33 16.91 14.2 16.64 32.76 20.65 52.49 11.15 7.43-3.58 14.3-8.33 21.42-12.58 2.21-1.32 4.36-2.72 7.62-4.77-2.03 5.12-3.52 9.23-5.26 13.23-3.83 8.81-6.55 17.84-6.39 27.57.3 18.09 9.17 30.74 25.73 36.94 11.23 4.2 23.28 6.21 34.98 9.13 3.1.77 6.25 1.31 9.5 2.8-3.91 1.24-7.84 2.4-11.72 3.74-6.92 2.38-14.17 4.13-20.63 7.43-19.78 10.12-25.03 26.13-15.57 46.3 2.76 5.88 6.28 11.4 9.73 17.6z"
+				/>
+			</G>,
+});
+
+export default SvgComponent

package/src/Components/Icons/Calculator.js

@@ -0,0 +1,12 @@
+// Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
+import { createIcon } from "../Gluestack/icon";
+import Svg, { Path } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 384 512',
+	path: <Path d="M64 0C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64zm32 64h192c17.7 0 32 14.3 32 32v32c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32zm32 160a32 32 0 11-64 0 32 32 0 1164 0zM96 352a32 32 0 110-64 32 32 0 110 64zm-32 64c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32zm128-160a32 32 0 110-64 32 32 0 110 64zm32 64a32 32 0 11-64 0 32 32 0 1164 0zm64-64a32 32 0 110-64 32 32 0 110 64zm32 64a32 32 0 11-64 0 32 32 0 1164 0zm-32 128a32 32 0 110-64 32 32 0 110 64z" />,
+});
+
+export default SvgComponent
+