ruflet 0.0.7 → 0.0.8

data/lib/ruflet_ui/ruflet/ui/controls/shared/view_control.rb

@@ -0,0 +1,77 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class ViewControl < Ruflet::Control
+          TYPE = "view".freeze
+          WIRE = "View".freeze
+
+          def initialize(id: nil, align: nil, animate_align: nil, animate_margin: nil, animate_offset: nil, animate_opacity: nil, animate_position: nil, animate_rotation: nil, animate_scale: nil, animate_size: nil, appbar: nil, aspect_ratio: nil, auto_scroll: nil, badge: nil, bgcolor: nil, bottom: nil, bottom_appbar: nil, can_pop: nil, col: nil, controls: nil, data: nil, decoration: nil, disabled: nil, drawer: nil, end_drawer: nil, expand: nil, expand_loose: nil, floating_action_button: nil, floating_action_button_location: nil, foreground_decoration: nil, fullscreen_dialog: nil, height: nil, horizontal_alignment: nil, key: nil, left: nil, margin: nil, navigation_bar: nil, offset: nil, opacity: nil, padding: nil, right: nil, rotate: nil, route: nil, rtl: nil, scale: nil, scroll: nil, scroll_interval: nil, services: nil, size_change_interval: nil, spacing: nil, tooltip: nil, top: nil, vertical_alignment: nil, visible: nil, width: nil, on_animation_end: nil, on_confirm_pop: nil, on_scroll: nil, on_size_change: nil)
+            props = {}
+            props[:align] = align unless align.nil?
+            props[:animate_align] = animate_align unless animate_align.nil?
+            props[:animate_margin] = animate_margin unless animate_margin.nil?
+            props[:animate_offset] = animate_offset unless animate_offset.nil?
+            props[:animate_opacity] = animate_opacity unless animate_opacity.nil?
+            props[:animate_position] = animate_position unless animate_position.nil?
+            props[:animate_rotation] = animate_rotation unless animate_rotation.nil?
+            props[:animate_scale] = animate_scale unless animate_scale.nil?
+            props[:animate_size] = animate_size unless animate_size.nil?
+            props[:appbar] = appbar unless appbar.nil?
+            props[:aspect_ratio] = aspect_ratio unless aspect_ratio.nil?
+            props[:auto_scroll] = auto_scroll unless auto_scroll.nil?
+            props[:badge] = badge unless badge.nil?
+            props[:bgcolor] = bgcolor unless bgcolor.nil?
+            props[:bottom] = bottom unless bottom.nil?
+            props[:bottom_appbar] = bottom_appbar unless bottom_appbar.nil?
+            props[:can_pop] = can_pop unless can_pop.nil?
+            props[:col] = col unless col.nil?
+            props[:controls] = controls unless controls.nil?
+            props[:data] = data unless data.nil?
+            props[:decoration] = decoration unless decoration.nil?
+            props[:disabled] = disabled unless disabled.nil?
+            props[:drawer] = drawer unless drawer.nil?
+            props[:end_drawer] = end_drawer unless end_drawer.nil?
+            props[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:floating_action_button] = floating_action_button unless floating_action_button.nil?
+            props[:floating_action_button_location] = floating_action_button_location unless floating_action_button_location.nil?
+            props[:foreground_decoration] = foreground_decoration unless foreground_decoration.nil?
+            props[:fullscreen_dialog] = fullscreen_dialog unless fullscreen_dialog.nil?
+            props[:height] = height unless height.nil?
+            props[:horizontal_alignment] = horizontal_alignment unless horizontal_alignment.nil?
+            props[:key] = key unless key.nil?
+            props[:left] = left unless left.nil?
+            props[:margin] = margin unless margin.nil?
+            props[:navigation_bar] = navigation_bar unless navigation_bar.nil?
+            props[:offset] = offset unless offset.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:padding] = padding unless padding.nil?
+            props[:right] = right unless right.nil?
+            props[:rotate] = rotate unless rotate.nil?
+            props[:route] = route unless route.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:scale] = scale unless scale.nil?
+            props[:scroll] = scroll unless scroll.nil?
+            props[:scroll_interval] = scroll_interval unless scroll_interval.nil?
+            props[:services] = services unless services.nil?
+            props[:size_change_interval] = size_change_interval unless size_change_interval.nil?
+            props[:spacing] = spacing unless spacing.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:top] = top unless top.nil?
+            props[:vertical_alignment] = vertical_alignment unless vertical_alignment.nil?
+            props[:visible] = visible unless visible.nil?
+            props[:width] = width unless width.nil?
+            props[:on_animation_end] = on_animation_end unless on_animation_end.nil?
+            props[:on_confirm_pop] = on_confirm_pop unless on_confirm_pop.nil?
+            props[:on_scroll] = on_scroll unless on_scroll.nil?
+            props[:on_size_change] = on_size_change unless on_size_change.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/controls/shared/window_control.rb

@@ -0,0 +1,56 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class WindowControl < Ruflet::Control
+          TYPE = "window".freeze
+          WIRE = "Window".freeze
+
+          def initialize(id: nil, alignment: nil, always_on_bottom: nil, always_on_top: nil, aspect_ratio: nil, badge_label: nil, bgcolor: nil, brightness: nil, data: nil, focused: nil, frameless: nil, full_screen: nil, height: nil, icon: nil, ignore_mouse_events: nil, key: nil, left: nil, max_height: nil, max_width: nil, maximizable: nil, maximized: nil, min_height: nil, min_width: nil, minimizable: nil, minimized: nil, movable: nil, opacity: nil, prevent_close: nil, progress_bar: nil, resizable: nil, shadow: nil, skip_task_bar: nil, title_bar_buttons_hidden: nil, title_bar_hidden: nil, top: nil, visible: nil, width: nil, on_event: nil)
+            props = {}
+            props[:alignment] = alignment unless alignment.nil?
+            props[:always_on_bottom] = always_on_bottom unless always_on_bottom.nil?
+            props[:always_on_top] = always_on_top unless always_on_top.nil?
+            props[:aspect_ratio] = aspect_ratio unless aspect_ratio.nil?
+            props[:badge_label] = badge_label unless badge_label.nil?
+            props[:bgcolor] = bgcolor unless bgcolor.nil?
+            props[:brightness] = brightness unless brightness.nil?
+            props[:data] = data unless data.nil?
+            props[:focused] = focused unless focused.nil?
+            props[:frameless] = frameless unless frameless.nil?
+            props[:full_screen] = full_screen unless full_screen.nil?
+            props[:height] = height unless height.nil?
+            props[:icon] = icon unless icon.nil?
+            props[:ignore_mouse_events] = ignore_mouse_events unless ignore_mouse_events.nil?
+            props[:key] = key unless key.nil?
+            props[:left] = left unless left.nil?
+            props[:max_height] = max_height unless max_height.nil?
+            props[:max_width] = max_width unless max_width.nil?
+            props[:maximizable] = maximizable unless maximizable.nil?
+            props[:maximized] = maximized unless maximized.nil?
+            props[:min_height] = min_height unless min_height.nil?
+            props[:min_width] = min_width unless min_width.nil?
+            props[:minimizable] = minimizable unless minimizable.nil?
+            props[:minimized] = minimized unless minimized.nil?
+            props[:movable] = movable unless movable.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:prevent_close] = prevent_close unless prevent_close.nil?
+            props[:progress_bar] = progress_bar unless progress_bar.nil?
+            props[:resizable] = resizable unless resizable.nil?
+            props[:shadow] = shadow unless shadow.nil?
+            props[:skip_task_bar] = skip_task_bar unless skip_task_bar.nil?
+            props[:title_bar_buttons_hidden] = title_bar_buttons_hidden unless title_bar_buttons_hidden.nil?
+            props[:title_bar_hidden] = title_bar_hidden unless title_bar_hidden.nil?
+            props[:top] = top unless top.nil?
+            props[:visible] = visible unless visible.nil?
+            props[:width] = width unless width.nil?
+            props[:on_event] = on_event unless on_event.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/controls/shared/windowdragarea_control.rb

@@ -0,0 +1,58 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class WindowDragAreaControl < Ruflet::Control
+          TYPE = "windowdragarea".freeze
+          WIRE = "WindowDragArea".freeze
+
+          def initialize(id: nil, align: nil, animate_align: nil, animate_margin: nil, animate_offset: nil, animate_opacity: nil, animate_position: nil, animate_rotation: nil, animate_scale: nil, animate_size: nil, aspect_ratio: nil, badge: nil, bottom: nil, col: nil, content: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, height: nil, key: nil, left: nil, margin: nil, maximizable: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, scale: nil, size_change_interval: nil, tooltip: nil, top: nil, visible: nil, width: nil, on_animation_end: nil, on_double_tap: nil, on_drag_end: nil, on_drag_start: nil, on_size_change: nil)
+            props = {}
+            props[:align] = align unless align.nil?
+            props[:animate_align] = animate_align unless animate_align.nil?
+            props[:animate_margin] = animate_margin unless animate_margin.nil?
+            props[:animate_offset] = animate_offset unless animate_offset.nil?
+            props[:animate_opacity] = animate_opacity unless animate_opacity.nil?
+            props[:animate_position] = animate_position unless animate_position.nil?
+            props[:animate_rotation] = animate_rotation unless animate_rotation.nil?
+            props[:animate_scale] = animate_scale unless animate_scale.nil?
+            props[:animate_size] = animate_size unless animate_size.nil?
+            props[:aspect_ratio] = aspect_ratio unless aspect_ratio.nil?
+            props[:badge] = badge unless badge.nil?
+            props[:bottom] = bottom unless bottom.nil?
+            props[:col] = col unless col.nil?
+            props[:content] = content unless content.nil?
+            props[:data] = data unless data.nil?
+            props[:disabled] = disabled unless disabled.nil?
+            props[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:height] = height unless height.nil?
+            props[:key] = key unless key.nil?
+            props[:left] = left unless left.nil?
+            props[:margin] = margin unless margin.nil?
+            props[:maximizable] = maximizable unless maximizable.nil?
+            props[:offset] = offset unless offset.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:right] = right unless right.nil?
+            props[:rotate] = rotate unless rotate.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:scale] = scale unless scale.nil?
+            props[:size_change_interval] = size_change_interval unless size_change_interval.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:top] = top unless top.nil?
+            props[:visible] = visible unless visible.nil?
+            props[:width] = width unless width.nil?
+            props[:on_animation_end] = on_animation_end unless on_animation_end.nil?
+            props[:on_double_tap] = on_double_tap unless on_double_tap.nil?
+            props[:on_drag_end] = on_drag_end unless on_drag_end.nil?
+            props[:on_drag_start] = on_drag_start unless on_drag_start.nil?
+            props[:on_size_change] = on_size_change unless on_size_change.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/cupertino_control_factory.rb

@@ -1,40 +1,13 @@
 # frozen_string_literal: true
 
-require_relative "controls/cupertino/cupertino_button_control"
-require_relative "controls/cupertino/cupertino_filled_button_control"
-require_relative "controls/cupertino/cupertino_text_field_control"
-require_relative "controls/cupertino/cupertino_switch_control"
-require_relative "controls/cupertino/cupertino_slider_control"
-require_relative "controls/cupertino/cupertino_alert_dialog_control"
-require_relative "controls/cupertino/cupertino_action_sheet_control"
-require_relative "controls/cupertino/cupertino_dialog_action_control"
-require_relative "controls/cupertino/cupertino_navigation_bar_control"
+require_relative "controls/cupertinos/ruflet_controls"
 
 module Ruflet
   module UI
-    module CupertinoControlFactory
+      module CupertinoControlFactory
       module_function
 
-      CLASS_MAP = {
-        "cupertino_button" => Controls::CupertinoButtonControl,
-        "cupertinobutton" => Controls::CupertinoButtonControl,
-        "cupertino_filled_button" => Controls::CupertinoFilledButtonControl,
-        "cupertinofilledbutton" => Controls::CupertinoFilledButtonControl,
-        "cupertino_text_field" => Controls::CupertinoTextFieldControl,
-        "cupertinotextfield" => Controls::CupertinoTextFieldControl,
-        "cupertino_switch" => Controls::CupertinoSwitchControl,
-        "cupertinoswitch" => Controls::CupertinoSwitchControl,
-        "cupertino_slider" => Controls::CupertinoSliderControl,
-        "cupertinoslider" => Controls::CupertinoSliderControl,
-        "cupertino_alert_dialog" => Controls::CupertinoAlertDialogControl,
-        "cupertinoalertdialog" => Controls::CupertinoAlertDialogControl,
-        "cupertino_action_sheet" => Controls::CupertinoActionSheetControl,
-        "cupertinoactionsheet" => Controls::CupertinoActionSheetControl,
-        "cupertino_dialog_action" => Controls::CupertinoDialogActionControl,
-        "cupertinodialogaction" => Controls::CupertinoDialogActionControl,
-        "cupertino_navigation_bar" => Controls::CupertinoNavigationBarControl,
-        "cupertinonavigationbar" => Controls::CupertinoNavigationBarControl
-      }.freeze
+      CLASS_MAP = Controls::Cupertinos::RufletControls::CLASS_MAP.freeze
     end
   end
 end

data/lib/ruflet_ui/ruflet/ui/material_control_factory.rb

@@ -1,97 +1,13 @@
 # frozen_string_literal: true
 
-require_relative "controls/material/text_control"
-require_relative "controls/material/view_control"
-require_relative "controls/material/container_control"
-require_relative "controls/material/column_control"
-require_relative "controls/material/row_control"
-require_relative "controls/material/stack_control"
-require_relative "controls/material/grid_view_control"
-require_relative "controls/material/gesture_detector_control"
-require_relative "controls/material/draggable_control"
-require_relative "controls/material/drag_target_control"
-require_relative "controls/material/text_field_control"
-require_relative "controls/material/button_control"
-require_relative "controls/material/elevated_button_control"
-require_relative "controls/material/text_button_control"
-require_relative "controls/material/filled_button_control"
-require_relative "controls/material/icon_button_control"
-require_relative "controls/material/icon_control"
-require_relative "controls/material/image_control"
-require_relative "controls/material/app_bar_control"
-require_relative "controls/material/floating_action_button_control"
-require_relative "controls/material/checkbox_control"
-require_relative "controls/material/radio_control"
-require_relative "controls/material/radio_group_control"
-require_relative "controls/material/alert_dialog_control"
-require_relative "controls/material/snack_bar_control"
-require_relative "controls/material/bottom_sheet_control"
-require_relative "controls/material/markdown_control"
-require_relative "controls/material/tabs_control"
-require_relative "controls/material/tab_control"
-require_relative "controls/material/tab_bar_control"
-require_relative "controls/material/tab_bar_view_control"
-require_relative "controls/material/navigation_bar_control"
-require_relative "controls/material/navigation_bar_destination_control"
+require_relative "controls/materials/ruflet_controls"
 
 module Ruflet
   module UI
-    module MaterialControlFactory
+      module MaterialControlFactory
       module_function
 
-      CLASS_MAP = {
-        "text" => Controls::TextControl,
-        "view" => Controls::ViewControl,
-        "column" => Controls::ColumnControl,
-        "row" => Controls::RowControl,
-        "stack" => Controls::StackControl,
-        "gridview" => Controls::GridViewControl,
-        "grid_view" => Controls::GridViewControl,
-        "container" => Controls::ContainerControl,
-        "gesturedetector" => Controls::GestureDetectorControl,
-        "gesture_detector" => Controls::GestureDetectorControl,
-        "draggable" => Controls::DraggableControl,
-        "dragtarget" => Controls::DragTargetControl,
-        "drag_target" => Controls::DragTargetControl,
-        "textfield" => Controls::TextFieldControl,
-        "text_field" => Controls::TextFieldControl,
-        "button" => Controls::ButtonControl,
-        "elevatedbutton" => Controls::ElevatedButtonControl,
-        "elevated_button" => Controls::ElevatedButtonControl,
-        "textbutton" => Controls::TextButtonControl,
-        "text_button" => Controls::TextButtonControl,
-        "filledbutton" => Controls::FilledButtonControl,
-        "filled_button" => Controls::FilledButtonControl,
-        "iconbutton" => Controls::IconButtonControl,
-        "icon_button" => Controls::IconButtonControl,
-        "icon" => Controls::IconControl,
-        "image" => Controls::ImageControl,
-        "appbar" => Controls::AppBarControl,
-        "app_bar" => Controls::AppBarControl,
-        "floatingactionbutton" => Controls::FloatingActionButtonControl,
-        "floating_action_button" => Controls::FloatingActionButtonControl,
-        "checkbox" => Controls::CheckboxControl,
-        "radio" => Controls::RadioControl,
-        "radiogroup" => Controls::RadioGroupControl,
-        "radio_group" => Controls::RadioGroupControl,
-        "alertdialog" => Controls::AlertDialogControl,
-        "alert_dialog" => Controls::AlertDialogControl,
-        "snackbar" => Controls::SnackBarControl,
-        "snack_bar" => Controls::SnackBarControl,
-        "bottomsheet" => Controls::BottomSheetControl,
-        "bottom_sheet" => Controls::BottomSheetControl,
-        "markdown" => Controls::MarkdownControl,
-        "tabs" => Controls::TabsControl,
-        "tab" => Controls::TabControl,
-        "tabbar" => Controls::TabBarControl,
-        "tab_bar" => Controls::TabBarControl,
-        "tabbarview" => Controls::TabBarViewControl,
-        "tab_bar_view" => Controls::TabBarViewControl,
-        "navigationbar" => Controls::NavigationBarControl,
-        "navigation_bar" => Controls::NavigationBarControl,
-        "navigationbardestination" => Controls::NavigationBarDestinationControl,
-        "navigation_bar_destination" => Controls::NavigationBarDestinationControl
-      }.freeze
+      CLASS_MAP = Controls::Materials::RufletControls::CLASS_MAP.freeze
     end
   end
 end

data/lib/ruflet_ui/ruflet/ui/material_control_methods.rb

@@ -43,8 +43,9 @@ module Ruflet
       end
 
       def button(**props) = build_widget(:button, **props)
-      def elevated_button(**props) = build_widget(:elevatedbutton, **props)
-      def elevatedbutton(**props) = elevated_button(**props)
+      # Ruflet currently uses a single Material button control schema.
+      # Keep elevated_button DSL available by routing to :button.
+      def elevated_button(**props) = build_widget(:button, **props)
       def text_button(**props) = build_widget(:textbutton, **props)
       def textbutton(**props) = text_button(**props)
       def filled_button(**props) = build_widget(:filledbutton, **props)
@@ -97,6 +98,46 @@ module Ruflet
       def navigationbar(**props, &block) = navigation_bar(**props, &block)
       def navigation_bar_destination(**props, &block) = build_widget(:navigationbardestination, **props, &block)
       def navigationbardestination(**props, &block) = navigation_bar_destination(**props, &block)
+      def bar_chart(**props) = build_widget(:barchart, **props)
+      def barchart(**props) = bar_chart(**props)
+      def bar_chart_group(**props) = build_widget(:barchartgroup, **props)
+      def barchartgroup(**props) = bar_chart_group(**props)
+      def bar_chart_rod(**props) = build_widget(:barchartrod, **props)
+      def barchartrod(**props) = bar_chart_rod(**props)
+      def bar_chart_rod_stack_item(**props) = build_widget(:barchartrodstackitem, **props)
+      def barchartrodstackitem(**props) = bar_chart_rod_stack_item(**props)
+      def line_chart(**props) = build_widget(:linechart, **props)
+      def linechart(**props) = line_chart(**props)
+      def line_chart_data(**props) = build_widget(:linechartdata, **props)
+      def linechartdata(**props) = line_chart_data(**props)
+      def line_chart_data_point(**props) = build_widget(:linechartdatapoint, **props)
+      def linechartdatapoint(**props) = line_chart_data_point(**props)
+      def pie_chart(**props) = build_widget(:piechart, **props)
+      def piechart(**props) = pie_chart(**props)
+      def pie_chart_section(**props) = build_widget(:piechartsection, **props)
+      def piechartsection(**props) = pie_chart_section(**props)
+      def candlestick_chart(**props) = build_widget(:candlestickchart, **props)
+      def candlestickchart(**props) = candlestick_chart(**props)
+      def candlestick_chart_spot(**props) = build_widget(:candlestickchartspot, **props)
+      def candlestickchartspot(**props) = candlestick_chart_spot(**props)
+      def radar_chart(**props) = build_widget(:radarchart, **props)
+      def radarchart(**props) = radar_chart(**props)
+      def radar_chart_title(**props) = build_widget(:radarcharttitle, **props)
+      def radarcharttitle(**props) = radar_chart_title(**props)
+      def radar_data_set(**props) = build_widget(:radardataset, **props)
+      def radardataset(**props) = radar_data_set(**props)
+      def radar_data_set_entry(**props) = build_widget(:radardatasetentry, **props)
+      def radardatasetentry(**props) = radar_data_set_entry(**props)
+      def scatter_chart(**props) = build_widget(:scatterchart, **props)
+      def scatterchart(**props) = scatter_chart(**props)
+      def scatter_chart_spot(**props) = build_widget(:scatterchartspot, **props)
+      def scatterchartspot(**props) = scatter_chart_spot(**props)
+      def chart_axis(**props) = build_widget(:chartaxis, **props)
+      def chartaxis(**props) = chart_axis(**props)
+      def chart_axis_label(**props) = build_widget(:chartaxislabel, **props)
+      def chartaxislabel(**props) = chart_axis_label(**props)
+      def web_view(**props) = build_widget(:webview, **props)
+      def webview(**props) = web_view(**props)
 
       def fab(content = nil, **props)
         mapped = props.dup
@@ -123,6 +164,7 @@ module Ruflet
         end
         mapped
       end
+
     end
   end
 end

data/lib/ruflet_ui/ruflet/ui/material_control_registry.rb

@@ -29,14 +29,19 @@ module Ruflet
         "filled_button" => "FilledButton",
         "gesturedetector" => "GestureDetector",
         "gesture_detector" => "GestureDetector",
+        "autocomplete" => "AutoComplete",
+        "auto_complete" => "AutoComplete",
         "draggable" => "Draggable",
         "dragtarget" => "DragTarget",
         "drag_target" => "DragTarget",
+        "filepicker" => "FilePicker",
+        "file_picker" => "FilePicker",
+        "camera" => "Camera",
         "textfield" => "TextField",
         "text_field" => "TextField",
         "button" => "Button",
-        "elevatedbutton" => "Button",
-        "elevated_button" => "Button",
+        "elevatedbutton" => "ElevatedButton",
+        "elevated_button" => "ElevatedButton",
         "iconbutton" => "IconButton",
         "icon_button" => "IconButton",
         "icon" => "Icon",
@@ -57,10 +62,11 @@ module Ruflet
         "navigation_bar_destination" => "NavigationBarDestination",
         "switch" => "Switch",
         "slider" => "Slider",
-        "dropdown" => "DropdownM2",
+        "dropdown" => "Dropdown",
         "dropdownm2" => "DropdownM2",
         "dropdown_m2" => "DropdownM2",
-        "option" => "Option",
+        "option" => "dropdownoption",
+        "dropdownoption" => "dropdownoption",
         "card" => "Card",
         "banner" => "Banner",
         "datepicker" => "DatePicker",
@@ -79,6 +85,8 @@ module Ruflet
         "safe_area" => "SafeArea",
         "canvas" => "Canvas",
         "line" => "Line",
+        "overlay" => "Overlay",
+        "dialogs" => "Dialogs",
         "service_registry" => "ServiceRegistry",
         "url_launcher" => "UrlLauncher",
         "clipboard" => "Clipboard",
@@ -86,14 +94,14 @@ module Ruflet
         "video" => "Video",
         "flashlight" => "Flashlight",
         "barchart" => "BarChart",
-        "barchartgroup" => "BarChartGroup",
-        "barchartrod" => "BarChartRod",
-        "barchartrodstackitem" => "BarChartRodStackItem",
+        "barchartgroup" => "group",
+        "barchartrod" => "rod",
+        "barchartrodstackitem" => "stack_item",
         "linechart" => "LineChart",
-        "linechartdata" => "LineChartData",
-        "linechartdatapoint" => "LineChartDataPoint",
+        "linechartdata" => "data",
+        "linechartdatapoint" => "p",
         "piechart" => "PieChart",
-        "piechartsection" => "PieChartSection",
+        "piechartsection" => "section",
         "candlestickchart" => "CandlestickChart",
         "candlestickchartspot" => "CandlestickChartSpot",
         "radarchart" => "RadarChart",
@@ -102,8 +110,12 @@ module Ruflet
         "radardatasetentry" => "RadarDataSetEntry",
         "scatterchart" => "ScatterChart",
         "scatterchartspot" => "ScatterChartSpot",
-        "chartaxis" => "ChartAxis",
-        "chartaxislabel" => "ChartAxisLabel"
+        "chartaxis" => "axis",
+        "chartaxislabel" => "l",
+        "datacell" => "c",
+        "datacolumn" => "c",
+        "datarow" => "r",
+        "windowdragarea" => "windowDragArea"
       }.freeze
 
       EVENT_PROPS = {
@@ -143,6 +155,8 @@ module Ruflet
         on_complete: "complete",
         on_track_change: "track_change",
         on_error: "error",
+        on_result: "result",
+        on_upload: "upload",
         on_accept: "accept",
         on_will_accept: "will_accept",
         on_accept_with_details: "accept_with_details",

data/lib/ruflet_ui/ruflet/ui/services/ruflet/accelerometer_control.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Services
+      module RufletServicesComponents
+        class AccelerometerControl < Ruflet::Control
+          TYPE = "accelerometer".freeze
+          WIRE = "Accelerometer".freeze
+
+          def initialize(id: nil, cancel_on_error: nil, data: nil, enabled: nil, interval: nil, key: nil, on_error: nil, on_reading: nil)
+            props = {}
+            props[:cancel_on_error] = cancel_on_error unless cancel_on_error.nil?
+            props[:data] = data unless data.nil?
+            props[:enabled] = enabled unless enabled.nil?
+            props[:interval] = interval unless interval.nil?
+            props[:key] = key unless key.nil?
+            props[:on_error] = on_error unless on_error.nil?
+            props[:on_reading] = on_reading unless on_reading.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/services/ruflet/barometer_control.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Services
+      module RufletServicesComponents
+        class BarometerControl < Ruflet::Control
+          TYPE = "barometer".freeze
+          WIRE = "Barometer".freeze
+
+          def initialize(id: nil, cancel_on_error: nil, data: nil, enabled: nil, interval: nil, key: nil, on_error: nil, on_reading: nil)
+            props = {}
+            props[:cancel_on_error] = cancel_on_error unless cancel_on_error.nil?
+            props[:data] = data unless data.nil?
+            props[:enabled] = enabled unless enabled.nil?
+            props[:interval] = interval unless interval.nil?
+            props[:key] = key unless key.nil?
+            props[:on_error] = on_error unless on_error.nil?
+            props[:on_reading] = on_reading unless on_reading.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/services/ruflet/battery_control.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Services
+      module RufletServicesComponents
+        class BatteryControl < Ruflet::Control
+          TYPE = "battery".freeze
+          WIRE = "Battery".freeze
+
+          def initialize(id: nil, data: nil, key: nil, on_state_change: nil)
+            props = {}
+            props[:data] = data unless data.nil?
+            props[:key] = key unless key.nil?
+            props[:on_state_change] = on_state_change unless on_state_change.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/services/ruflet/camera_control.rb

@@ -0,0 +1,58 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Services
+      module RufletServicesComponents
+        class CameraControl < Ruflet::Control
+          TYPE = "camera".freeze
+          WIRE = "Camera".freeze
+
+          def initialize(id: nil, align: nil, animate_align: nil, animate_margin: nil, animate_offset: nil, animate_opacity: nil, animate_position: nil, animate_rotation: nil, animate_scale: nil, animate_size: nil, aspect_ratio: nil, badge: nil, bottom: nil, col: nil, content: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, height: nil, key: nil, left: nil, margin: nil, offset: nil, opacity: nil, preview_enabled: nil, right: nil, rotate: nil, rtl: nil, scale: nil, size_change_interval: nil, tooltip: nil, top: nil, visible: nil, width: nil, on_animation_end: nil, on_error: nil, on_size_change: nil, on_state_change: nil, on_stream_image: nil)
+            props = {}
+            props[:align] = align unless align.nil?
+            props[:animate_align] = animate_align unless animate_align.nil?
+            props[:animate_margin] = animate_margin unless animate_margin.nil?
+            props[:animate_offset] = animate_offset unless animate_offset.nil?
+            props[:animate_opacity] = animate_opacity unless animate_opacity.nil?
+            props[:animate_position] = animate_position unless animate_position.nil?
+            props[:animate_rotation] = animate_rotation unless animate_rotation.nil?
+            props[:animate_scale] = animate_scale unless animate_scale.nil?
+            props[:animate_size] = animate_size unless animate_size.nil?
+            props[:aspect_ratio] = aspect_ratio unless aspect_ratio.nil?
+            props[:badge] = badge unless badge.nil?
+            props[:bottom] = bottom unless bottom.nil?
+            props[:col] = col unless col.nil?
+            props[:content] = content unless content.nil?
+            props[:data] = data unless data.nil?
+            props[:disabled] = disabled unless disabled.nil?
+            props[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:height] = height unless height.nil?
+            props[:key] = key unless key.nil?
+            props[:left] = left unless left.nil?
+            props[:margin] = margin unless margin.nil?
+            props[:offset] = offset unless offset.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:preview_enabled] = preview_enabled unless preview_enabled.nil?
+            props[:right] = right unless right.nil?
+            props[:rotate] = rotate unless rotate.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:scale] = scale unless scale.nil?
+            props[:size_change_interval] = size_change_interval unless size_change_interval.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:top] = top unless top.nil?
+            props[:visible] = visible unless visible.nil?
+            props[:width] = width unless width.nil?
+            props[:on_animation_end] = on_animation_end unless on_animation_end.nil?
+            props[:on_error] = on_error unless on_error.nil?
+            props[:on_size_change] = on_size_change unless on_size_change.nil?
+            props[:on_state_change] = on_state_change unless on_state_change.nil?
+            props[:on_stream_image] = on_stream_image unless on_stream_image.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/services/ruflet/clipboard_control.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Services
+      module RufletServicesComponents
+        class ClipboardControl < Ruflet::Control
+          TYPE = "clipboard".freeze
+          WIRE = "Clipboard".freeze
+
+          def initialize(id: nil, data: nil, key: nil)
+            props = {}
+            props[:data] = data unless data.nil?
+            props[:key] = key unless key.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end