@onehat/ui/src/Components/index.js

Base UI for OneHat apps

import {
	HStackNative,
	VStackNative,
} from '@project-components/Gluestack';
import clsx from 'clsx';
import AddressBook from './Icons/AddressBook.js';
import Alt from './Icons/Alt.js';
import AngleLeft from './Icons/AngleLeft.js';
import AngleRight from './Icons/AngleRight.js';
import AnglesLeft from './Icons/AnglesLeft.js';
import AnglesRight from './Icons/AnglesRight.js';
import Arcs from './Icons/Arcs.js';
import Asterisk from './Icons/Asterisk.js';
import ArrowPointer from './Icons/ArrowPointer.js';
import ArrowUp from './Icons/ArrowUp.js';
import Ban from './Icons/Ban.js';
import Bars from './Icons/Bars.js';
import BarsStaggered from './Icons/BarsStaggered.js';
import BigCircle from './Icons/BigCircle.js';
import Book from './Icons/Book.js';
import Bookmark from './Icons/Bookmark.js';
import BookOpen from './Icons/BookOpen.js';
import Bug from './Icons/Bug.js';
import Building from './Icons/Building.js';
import Calendar from './Icons/Calendar.js';
import Calendar2 from './Icons/Calendar2.js';
import CalendarDays from './Icons/CalendarDays.js';
import Camera from './Icons/Camera.js';
import CaretDown from './Icons/CaretDown.js';
import CaretUp from './Icons/CaretUp.js';
import CartPlus from './Icons/CartPlus.js';
import CartShopping from './Icons/CartShopping.js';
import CashRegister from './Icons/CashRegister.js';
import Certificate from './Icons/Certificate.js';
import ChartLine from './Icons/ChartLine.js';
import ChartPie from './Icons/ChartPie.js';
import Check from './Icons/Check.js';
import CheckDouble from './Icons/CheckDouble.js';
import ChevronDown from './Icons/ChevronDown.js';
import ChevronLeft from './Icons/ChevronLeft.js';
import ChevronRight from './Icons/ChevronRight.js';
import ChevronUp from './Icons/ChevronUp.js';
import Circle from './Icons/Circle.js';
import CircleArrowRight from './Icons/CircleArrowRight.js';
import CircleExclamation from './Icons/CircleExclamation.js';
import CircleInfo from './Icons/CircleInfo.js';
import CircleQuestion from './Icons/CircleQuestion.js';
import CircleXmark from './Icons/CircleXmark.js';
import CircleXmarkRegular from './Icons/CircleXmarkRegular.js';
import Clipboard from './Icons/Clipboard.js';
import ClipboardCheck from './Icons/ClipboardCheck.js';
import ClipboardList from './Icons/ClipboardList.js';
import Clock from './Icons/Clock.js';
import ClockRegular from './Icons/ClockRegular.js';
import ClockRotateLeft from './Icons/ClockRotateLeft.js';
import Clone from './Icons/Clone.js';
import Collapse from './Icons/Collapse.js';
import Comment from './Icons/Comment.js';
import CommentDots from './Icons/CommentDots.js';
import CommentRegular from './Icons/CommentRegular.js';
import Comments from './Icons/Comments.js';
import CommentsRegular from './Icons/CommentsRegular.js';
import Copyright from './Icons/Copyright.js';
import Dot from './Icons/Dot.js';
import Download from './Icons/Download.js';
import Duplicate from './Icons/Duplicate.js';
import Edit from './Icons/Edit.js';
import EllipsisHorizontal from './Icons/EllipsisHorizontal.js';
import EllipsisVertical from './Icons/EllipsisVertical.js';
import Envelope from './Icons/Envelope.js';
import EnvelopeRegular from './Icons/EnvelopeRegular.js';
import Excel from './Icons/Excel.js';
import Exclamation from './Icons/Exclamation.js';
import Expand from './Icons/Expand.js';
import Eye from './Icons/Eye.js';
import EyeSlash from './Icons/EyeSlash.js';
import FileIcon from './Icons/File.js'; // note name change, since we have a File component
import FloppyDiskRegular from './Icons/FloppyDiskRegular.js';
import Folder from './Icons/Folder.js';
import FolderClosed from './Icons/FolderClosed.js';
import FolderOpen from './Icons/FolderOpen.js';
import FolderTree from './Icons/FolderTree.js';
import FullWidth from './Icons/FullWidth.js';
import Gauge from './Icons/Gauge.js';
import Gear from './Icons/Gear.js';
import Gears from './Icons/Gears.js';
import Gift from './Icons/Gift.js';
import Grip from './Icons/Grip.js';
import GripLines from './Icons/GripLines.js';
import GripLinesVertical from './Icons/GripLinesVertical.js';
import GripVertical from './Icons/GripVertical.js';
import Hammer from './Icons/Hammer.js';
import Hand from './Icons/Hand.js';
import HighPriority from './Icons/HighPriority.js';
import House from './Icons/House.js';
import Images from './Icons/Images.js';
import Info from './Icons/Info.js';
import ItunesNote from './Icons/ItunesNote.js';
import Js from './Icons/Js.js';
import Leaf from './Icons/Leaf.js';
import Link from './Icons/Link.js';
import List from './Icons/List.js';
import ListCheck from './Icons/ListCheck.js';
import LocationDot from './Icons/LocationDot.js';
import Loop from './Icons/Loop.js';
import Loop1 from './Icons/Loop1.js';
import LoopAll from './Icons/LoopAll.js';
import LowPriority from './Icons/LowPriority.js';
import MagnifyingGlass from './Icons/MagnifyingGlass.js';
import Maximize from './Icons/Maximize.js';
import MedPriority from './Icons/MedPriority.js';
import Microphone from './Icons/Microphone.js';
import Minimize from './Icons/Minimize.js';
import Minus from './Icons/Minus.js';
import MobileScreenButton from './Icons/MobileScreenButton.js';
import MoneyBill from './Icons/MoneyBill.js';
import MoneyBillWave from './Icons/MoneyBillWave.js';
import Mouth from './Icons/Mouth.js';
import Music from './Icons/Music.js';
import Na from './Icons/Na.js';
import NoLoop from './Icons/NoLoop.js';
import NoReorderRows from './Icons/NoReorderRows.js';
import ObjectGroupRegular from './Icons/ObjectGroupRegular.js';
import Pause from './Icons/Pause.js';
import Pdf from './Icons/Pdf.js';
import Pencil from './Icons/Pencil.js';
import Phone from './Icons/Phone.js';
import Play from './Icons/Play.js';
import Plus from './Icons/Plus.js';
import Presentation from './Icons/Presentation.js';
import Print from './Icons/Print.js';
import Question from './Icons/Question.js';
import Rate5x from './Icons/Rate-.5x.js';
import Rate25x from './Icons/Rate-.25x.js';
import Rate75x from './Icons/Rate-.75x.js';
import Rate15x from './Icons/Rate-1.5x.js';
import Rate125x from './Icons/Rate-1.25x.js';
import Rate175x from './Icons/Rate-1.75x.js';
import Rate1x from './Icons/Rate-1x.js';
import Rate2x from './Icons/Rate-2x.js';
import RateIcon5x from './Icons/RateIcon-.5x.js';
import RateIcon25x from './Icons/RateIcon-.25x.js';
import RateIcon75x from './Icons/RateIcon-.75x.js';
import RateIcon15x from './Icons/RateIcon-1.5x.js';
import RateIcon125x from './Icons/RateIcon-1.25x.js';
import RateIcon175x from './Icons/RateIcon-1.75x.js';
import RateIcon1x from './Icons/RateIcon-1x.js';
import RateIcon2x from './Icons/RateIcon-2x.js';
import RectangleXmark from './Icons/RectangleXmark.js';
import RectangleXmarkRegular from './Icons/RectangleXmarkRegular.js';
import ReorderRows from './Icons/ReorderRows.js';
import RightFromBracket from './Icons/RightFromBracket.js';
import RightLeft from './Icons/RightLeft.js';
import RightToBracket from './Icons/RightToBracket.js';
import Rotate from './Icons/Rotate.js';
import RotateLeft from './Icons/RotateLeft.js';
import RotateRight from './Icons/RotateRight.js';
import ScrewdriverWrench from './Icons/ScrewdriverWrench.js';
import Scroll from './Icons/Scroll.js';
import Share from './Icons/Share.js';
import Shop from './Icons/Shop.js';
import SideBySide from './Icons/SideBySide.js';
import SortDownAlt from './Icons/SortDownAlt.js';
import SortDown from './Icons/SortDown.js';
import SortUpAlt from './Icons/SortUpAlt.js';
import SortUp from './Icons/SortUp.js';
import Square from './Icons/Square.js';
import SquareCheck from './Icons/SquareCheck.js';
import SquareCheckRegular from './Icons/SquareCheckRegular.js';
import SquareMinus from './Icons/SquareMinus.js';
import SquareRegular from './Icons/SquareRegular.js';
import Stop from './Icons/Stop.js';
import Store from './Icons/Store.js';
import Table from './Icons/Table.js';
import ThumbsDown from './Icons/ThumbsDown.js';
import ThumbsDownRegular from './Icons/ThumbsDownRegular.js';
import ThumbsUp from './Icons/ThumbsUp.js';
import ThumbsUpRegular from './Icons/ThumbsUpRegular.js';
import Trash from './Icons/Trash.js';
import TrashCan from './Icons/TrashCan.js';
import TriangleExclamation from './Icons/TriangleExclamation.js';
import Truck from './Icons/Truck.js';
import TruckFast from './Icons/TruckFast.js';
import Upload from './Icons/Upload.js';
import UploadDownload from './Icons/UploadDownload.js';
import User from './Icons/User.js';
import UserGroup from './Icons/UserGroup.js';
import UserPlus from './Icons/UserPlus.js';
import UserSecret from './Icons/UserSecret.js';
import Video from './Icons/Video.js';
import X from './Icons/X.js';
import Xmark from './Icons/Xmark.js';

// import AccordionGridPanel from './Panel/AccordionGridPanel.js';
import ArrayCheckboxGroup from './Form/Field/Checkbox/ArrayCheckboxGroup.js';
import ArrayCombo from './Form/Field/Combo/ArrayCombo.js';
import ArrayRadioGroup from './Form/Field/RadioGroup/ArrayRadioGroup.js';
// import BackButton from './Buttons/BackButton.js';
import Blank from './Blank.js';
import BooleanCombo from './Form/Field/Combo/BooleanCombo.js';
import Button from './Buttons/Button.js';
// import CartButtonWithBadge from './Buttons/CartButtonWithBadge.js';
// import CKEditor from './Form/Field/CKEditor/CKEditor.js'; // web only
import Checkbox from './Form/Field/Checkbox/Checkbox.js';
import CheckboxGroup from './Form/Field/Checkbox/CheckboxGroup.js';
import Color from './Form/Field/Color.js';
import Combo from './Form/Field/Combo/Combo.js';
// import { ComboEditor } from './Form/Field/Combo/Combo.js';
import Container from './Container/Container.js';
import ContainerColumn from './Container/ContainerColumn.js';
import DataMgt from './Screens/DataMgt.js';
import Date from './Form/Field/Date.js';
import DateRange from './Filter/DateRange.js';
import DisplayField from './Form/Field/DisplayField.js';
import ExpandButton from './Buttons/ExpandButton.js';
import FieldSet from './Form/FieldSet.js';
import FiltersForm from './Form/FiltersForm.js';
// import FiltersToolbar from './Toolbar/FiltersToolbar.js';
import Form from './Form/Form.js';
import Grid from './Grid/Grid.js';
import GridPanel from './Panel/GridPanel.js';
import IconButton from './Buttons/IconButton.js';
import Input from './Form/Field/Input.js';
import IntervalsCombo from './Form/Field/Combo/IntervalsCombo.js';
import Json from './Form/Field/Json.js';
import Label from './Form/Label.js';
import MeterTypesCombo from './Form/Field/Combo/MeterTypesCombo.js';
import MeterTypeText from './Viewer/MeterTypeText.js';
import MonthsCombo from './Form/Field/Combo/MonthsCombo.js';
import Number from './Form/Field/Number.js';
import NumberRange from './Filter/NumberRange.js';
import Panel from './Panel/Panel.js';
// import Picker from './Panel/Picker.js';
import PlusMinusButton from './Buttons/PlusMinusButton.js';
import RadioGroup from './Form/Field/RadioGroup/RadioGroup.js';
import Slider from './Form/Field/Slider.js';
import SquareButton from './Buttons/SquareButton.js';
import TabPanel from './Panel/TabPanel.js';
import Tag from './Form/Field/Tag/Tag.js';
import TextArea from './Form/Field/TextArea.js';
import Text from './Form/Field/Text.js';
import TextWithLinks from './Viewer/TextWithLinks.js';
import TimezonesCombo from './Form/Field/Combo/TimezonesCombo.js';
import Toggle from './Form/Field/Toggle.js';
import Toolbar from './Toolbar/Toolbar.js';
import Tree from './Tree/Tree.js';
import TreeNode from './Tree/TreeNode.js';
import YearsCombo from './Form/Field/Combo/YearsCombo.js';
import _ from 'lodash';

const components = {
	Column: VStackNative,
	Row: HStackNative,
	AddressBook,
	Alt,
	AngleLeft,
	AngleRight,
	AnglesLeft,
	AnglesRight,
	Arcs,
	Asterisk,
	ArrowPointer,
	ArrowUp,
	Ban,
	Bars,
	BarsStaggered,
	BigCircle,
	Book,
	Bookmark,
	BookOpen,
	Bug,
	Building,
	Calendar,
	Calendar2,
	CalendarDays,
	Camera,
	CaretDown,
	CaretUp,
	CartPlus,
	CartShopping,
	CashRegister,
	Certificate,
	ChartLine,
	ChartPie,
	Check,
	CheckDouble,
	ChevronDown,
	ChevronLeft,
	ChevronRight,
	ChevronUp,
	Circle,
	CircleArrowRight,
	CircleExclamation,
	CircleInfo,
	CircleQuestion,
	CircleXmark,
	CircleXmarkRegular,
	Clipboard,
	ClipboardCheck,
	ClipboardList,
	Clock,
	ClockRegular,
	ClockRotateLeft,
	Clone,
	Collapse,
	Comment,
	CommentDots,
	CommentRegular,
	Comments,
	CommentsRegular,
	Copyright,
	Dot,
	Download,
	Duplicate,
	Edit,
	EllipsisHorizontal,
	EllipsisVertical,
	Envelope,
	EnvelopeRegular,
	Excel,
	Exclamation,
	Expand,
	Eye,
	EyeSlash,
	FileIcon,
	FloppyDiskRegular,
	Folder,
	FolderClosed,
	FolderOpen,
	FolderTree,
	FullWidth,
	Gauge,
	Gear,
	Gears,
	Gift,
	Grip,
	GripLines,
	GripLinesVertical,
	GripVertical,
	Hammer,
	Hand,
	HighPriority,
	House,
	Images,
	Info,
	ItunesNote,
	Js,
	Leaf,
	Link,
	List,
	ListCheck,
	LocationDot,
	Loop,
	Loop1,
	LoopAll,
	LowPriority,
	MagnifyingGlass,
	Maximize,
	MedPriority,
	Microphone,
	Minimize,
	Minus,
	MobileScreenButton,
	MoneyBill,
	MoneyBillWave,
	Mouth,
	Music,
	Na,
	NoLoop,
	NoReorderRows,
	ObjectGroupRegular,
	Pause,
	Pdf,
	Pencil,
	Phone,
	Play,
	Plus,
	Presentation,
	Print,
	Question,
	Rate5x,
	Rate25x,
	Rate75x,
	Rate15x,
	Rate125x,
	Rate175x,
	Rate1x,
	Rate2x,
	RateIcon5x,
	RateIcon25x,
	RateIcon75x,
	RateIcon15x,
	RateIcon125x,
	RateIcon175x,
	RateIcon1x,
	RateIcon2x,
	RectangleXmark,
	RectangleXmarkRegular,
	ReorderRows,
	RightFromBracket,
	RightLeft,
	RightToBracket,
	Rotate,
	RotateLeft,
	RotateRight,
	ScrewdriverWrench,
	Scroll,
	Share,
	Shop,
	SideBySide,
	SortDownAlt,
	SortDown,
	SortUpAlt,
	SortUp,
	Square,
	SquareCheck,
	SquareCheckRegular,
	SquareMinus,
	SquareRegular,
	Stop,
	Store,
	Table,
	ThumbsDown,
	ThumbsDownRegular,
	ThumbsUp,
	ThumbsUpRegular,
	Trash,
	TrashCan,
	TriangleExclamation,
	Truck,
	TruckFast,
	Upload,
	UploadDownload,
	User,
	UserGroup,
	UserPlus,
	UserSecret,
	Video,
	X,
	Xmark,

	// AccordionGridPanel,
	ArrayCheckboxGroup,
	ArrayCombo,
	ArrayRadioGroup,
	// BackButton,
	Blank,
	BooleanCombo,
	Button,
	// CartButtonWithBadge,
	Checkbox,
	CheckboxGroup,
	// CKEditor,
	Color,
	Combo,
	// ComboEditor,
	Container,
	ContainerColumn,
	DataMgt,
	Date,
	DateRange,
	DisplayField,
	ExpandButton,
	FieldSet,
	FiltersForm,
	// FiltersToolbar,
	Form,
	Grid,
	GridPanel,
	IconButton,
	Input,
	IntervalsCombo,
	Json,
	Label,
	MeterTypesCombo,
	MeterTypeText,
	MonthsCombo,
	Number,
	NumberRange,
	Panel,
	// Picker,
	PlusMinusButton,
	RadioGroup,
	Slider,
	SquareButton,
	TabPanel,
	Tag,
	Text,
	TextArea,
	TextWithLinks,
	TimezonesCombo,
	Toggle,
	Toolbar,
	Tree,
	TreeNode,
	YearsCombo,
};
export default components;