ToolJet/frontend/assets/images/icons/widgets/index.jsx

184 lines
5.8 KiB
React
Raw Normal View History

Feat :: Editor UI revamp (#7275) * temp commit :: editor redesign * fix :: components panel ui * style updates * fix :: arrangement widget list * fix :: light mode widget list * style fixes query manager * updates * updates heaer styles * global settings fix * left sidebar states and icon change * cleanup * minor fixes :: review * fix opacity mode toggle * detailing in hover states , bugfixes * fix :: coloring whole app , debugger ui * cleanup * fix :: revert some changes , fix statistics widget * feat :: navbar with new layout * fix :: lint warnings * cleanup * cleanup * minor fixes * fix :: reusing serchbox * removed unwanted prop * Revert "cleanup" This reverts commit b18abe19fbd82246611153634c79934ad9012101. * fix :: icons sidebar * fix :: padding searchbar * style fix * radix :: dark theme for portals * fix :: icon styles * fix :: all codehinter styles * update :: base bg color app * fix :: viewer color * minor fixes :: icon left sidebar * typo * fix :: styling save message header * icon :: fix for layout and inspector queries * fix :: canvas and editor bg * fix :: release btn style * fix :: navbar border * undo redo tooltip * fix :: page input * remove released btn icon * fix :: for icon not loading proper in inspector * fix :: dark mode toggle icon size * fix :: share app ui * fix :: style fixes , inspector runpy icon * fix :: ui runpy codehinter * fix :: inputs in gds connection * cleanup * fix :: copilot codehinter ui * fix :: share modal button * fix :: canvas bg text * style fix debugger * fix :: whole dahsboard layout and border for all codehinters * fix :: icon fills * fix :: icon fill color sidebar * darkmode fill color * minor style fix * Widget inspector redesign (#7355) * Setup Storybook * Update storybook config * Add tab and toggle group component * Created list component * Properties tab * update codehinter dropdown components * Refactor styling * Inspector header changes * Fix es lint issue * Fix * feat :: styling color picker styles panel * Fix color picker alignment * feat :: remove alpha * Fix UI bugs * fix :: color picker * Ui fix * Backward compatible pagination changes * fix * Feedback changes * UI feedback * Check fix * Fix * fix :: canvas bg popover * Styles fix * Fix conflct issues * minor style fix style tab * Fix * review comments fix :: hovering in color picker * Code review and design feedback * UI feedback * Fix UI styles * Fix pagination issue * fix :: dark mode issues in select , number input * fix :: remove extra boreder * fix :: table column popover ui and component popover inspector * fix :: datepickre input table column * fix :: colopicker in table column inspector * fix :: link column type ui in table * fix :: column delete ui and delete not triggering * Fix list item not dragging * fix :: closing of popover on link column select * style fix table popover * Pass dark mode to Event manager button * fix :: ux event manager * cleanup * cleanup * fix :: delete page modal ui --------- Co-authored-by: stepinfwd <stepinfwd@gmail.com> * style fixes --------- Co-authored-by: Nakul Nagargade <133095394+nakulnagargade@users.noreply.github.com>
2023-09-04 08:00:39 +00:00
import React from 'react';
import BoundedBox from './boundedbox.jsx';
import Button from './button.jsx';
import ButtonGroup from './buttongroup.jsx';
import Calendar from './calendar.jsx';
import Chart from './chart.jsx';
import Checkbox from './checkbox.jsx';
import Circularprogressbar from './circularprogressbar.jsx';
import Codeeditor from './codeeditor.jsx';
import Colorpicker from './colorpicker.jsx';
import Container from './container.jsx';
import Customcomponent from './customcomponent.jsx';
import Datepicker from './datepicker.jsx';
import Daterangepicker from './daterangepicker.jsx';
import Divider from './divider.jsx';
import DividerHorizondal from './dividerhorizontal.jsx';
import Downstatistics from './downstatistics.jsx';
import Dropdown from './dropdown.jsx';
import Filepicker from './filepicker.jsx';
import Form from './form.jsx';
import Frame from './frame.jsx';
import Group from './group.jsx';
import Html from './html.jsx';
import Icon from './icon.jsx';
import Iframe from './iframe.jsx';
import Image from './image.jsx';
import Kanban from './kanban.jsx';
import Kanbanboard from './kanbanboard.jsx';
import Link from './link.jsx';
import Listview from './listview.jsx';
import Map from './map.jsx';
import Modal from './modal.jsx';
import Multiselect from './multiselect.jsx';
import Numberinput from './numberinput.jsx';
import Pagination from './pagination.jsx';
import Passwordinput from './passwordinput.jsx';
import Pdf from './pdf.jsx';
import Qrscanner from './qrscanner.jsx';
import RadioButton from './radio-button.jsx';
import Rangeslider from './rangeslider.jsx';
import Rating from './rating.jsx';
import Spinner from './spinner.jsx';
import Statistics from './statistics.jsx';
import Steps from './steps.jsx';
import Svgimage from './svgimage.jsx';
import Table from './table.jsx';
import Tabs from './tabs.jsx';
import Tags from './tags.jsx';
import Text from './text.jsx';
import TextArea from './textarea.jsx';
import Texteditor from './texteditor.jsx';
import Textinput from './textinput.jsx';
import Timeline from './timeline.jsx';
import Timer from './timer.jsx';
import Toggleswitch from './toggleswitch.jsx';
import Treeselect from './treeselect.jsx';
import Upstatistics from './upstatistics.jsx';
import Verticaldivider from './verticaldivider.jsx';
const WidgetIcon = (props) => {
switch (props.name) {
case 'boundedbox':
return <BoundedBox {...props} />;
case 'button':
return <Button {...props} />;
case 'buttongroup':
return <ButtonGroup {...props} />;
case 'calendar':
return <Calendar {...props} />;
case 'chart':
return <Chart {...props} />;
case 'checkbox':
return <Checkbox {...props} />;
case 'circularprogressbar':
return <Circularprogressbar {...props} />;
case 'codeeditor':
return <Codeeditor {...props} />;
case 'colorpicker':
return <Colorpicker {...props} />;
case 'container':
return <Container {...props} />;
case 'customcomponent':
return <Customcomponent {...props} />;
case 'datepicker':
return <Datepicker {...props} />;
case 'daterangepicker':
return <Daterangepicker {...props} />;
case 'divider':
return <Divider {...props} />;
case 'divider-horizondal':
return <DividerHorizondal {...props} />;
case 'downstatistics':
return <Downstatistics {...props} />;
case 'dropdown':
return <Dropdown {...props} />;
case 'filepicker':
return <Filepicker {...props} />;
case 'form':
return <Form {...props} />;
case 'frame':
return <Frame {...props} />;
case 'group':
return <Group {...props} />;
case 'html':
return <Html {...props} />;
case 'icon':
return <Icon {...props} />;
case 'iframe':
return <Iframe {...props} />;
case 'image':
return <Image {...props} />;
case 'kanban':
return <Kanban {...props} />;
case 'kanbanboard':
return <Kanbanboard {...props} />;
case 'link':
return <Link {...props} />;
case 'listview':
return <Listview {...props} />;
case 'map':
return <Map {...props} />;
case 'modal':
return <Modal {...props} />;
case 'multiselect':
return <Multiselect {...props} />;
case 'numberinput':
return <Numberinput {...props} />;
case 'pagination':
return <Pagination {...props} />;
case 'passwordinput':
return <Passwordinput {...props} />;
case 'pdf':
return <Pdf {...props} />;
case 'qrscanner':
return <Qrscanner {...props} />;
case 'radio-button':
return <RadioButton {...props} />;
case 'rangeslider':
return <Rangeslider {...props} />;
case 'rating':
return <Rating {...props} />;
case 'richtexteditor':
return <Texteditor {...props} />;
case 'spinner':
return <Spinner {...props} />;
case 'starrating':
return <Rating {...props} />;
case 'statistics':
return <Statistics {...props} />;
case 'steps':
return <Steps {...props} />;
case 'svgimage':
return <Svgimage {...props} />;
case 'table':
return <Table {...props} />;
case 'tabs':
return <Tabs {...props} />;
case 'tags':
return <Tags {...props} />;
case 'text':
return <Text {...props} />;
case 'textarea':
return <TextArea {...props} />;
case 'textinput':
return <Textinput {...props} />;
case 'timeline':
return <Timeline {...props} />;
case 'timer':
return <Timer {...props} />;
case 'toggleswitch':
return <Toggleswitch {...props} />;
case 'treeselect':
return <Treeselect {...props} />;
case 'upstatistics':
return <Upstatistics {...props} />;
case 'verticaldivider':
return <Verticaldivider {...props} />;
default:
return <BoundedBox {...props} />;
}
};
export default WidgetIcon;