better_ui 0.6.0 → 0.7.1

data/app/components/better_ui/general/avatar/component.rb

@@ -1,301 +0,0 @@
-module BetterUi
-  module General
-    module Avatar
-      class Component < ViewComponent::Base
-        attr_reader :name, :src, :size, :shape, :status, :status_position, :theme, :style, :classes, :id
-
-        # Classi base sempre presenti
-        AVATAR_BASE_CLASSES = "relative inline-flex items-center justify-center flex-shrink-0 overflow-hidden"
-
-        # Classi per elementi interni
-        AVATAR_IMG_CLASSES = "h-full w-full object-cover"
-        AVATAR_PLACEHOLDER_BASE_CLASSES = "flex items-center justify-center h-full w-full font-medium"
-        AVATAR_STATUS_BASE_CLASSES = "absolute rounded-full border-2 border-white"
-
-        # Dimensioni container con classi Tailwind dirette
-        AVATAR_SIZE_CLASSES = {
-          xxsmall: "h-5 w-5",
-          xsmall: "h-6 w-6",
-          small: "h-8 w-8",
-          medium: "h-10 w-10",
-          large: "h-12 w-12",
-          xlarge: "h-16 w-16",
-          xxlarge: "h-24 w-24"
-        }
-
-        # Dimensioni testo placeholder
-        AVATAR_PLACEHOLDER_SIZE_CLASSES = {
-          xxsmall: "text-xs",
-          xsmall: "text-xs",
-          small: "text-sm",
-          medium: "text-base",
-          large: "text-lg",
-          xlarge: "text-xl",
-          xxlarge: "text-2xl"
-        }
-
-        # Forme con classi Tailwind dirette
-        AVATAR_SHAPE_CLASSES = {
-          circle: "rounded-full",
-          square: "rounded-none",
-          rounded: "rounded-lg"
-        }
-
-        # Temi placeholder con classi Tailwind dirette
-        AVATAR_PLACEHOLDER_THEME_CLASSES = {
-          default: "bg-black text-white",
-          white: "bg-white text-black border border-gray-300",
-          red: "bg-red-500 text-white",
-          rose: "bg-rose-500 text-white",
-          orange: "bg-orange-500 text-white",
-          green: "bg-green-500 text-white",
-          blue: "bg-blue-500 text-white",
-          yellow: "bg-yellow-500 text-black",
-          violet: "bg-violet-500 text-white"
-        }
-
-        # Stati online con classi Tailwind dirette
-        AVATAR_STATUS_THEME_CLASSES = {
-          online: "bg-green-400",
-          offline: "bg-gray-400",
-          busy: "bg-red-400",
-          away: "bg-yellow-400"
-        }
-
-        # Dimensioni indicatore stato
-        AVATAR_STATUS_SIZE_CLASSES = {
-          xxsmall: "h-1 w-1",
-          xsmall: "h-1.5 w-1.5",
-          small: "h-2 w-2",
-          medium: "h-2.5 w-2.5",
-          large: "h-3 w-3",
-          xlarge: "h-3.5 w-3.5",
-          xxlarge: "h-4 w-4"
-        }
-
-        # Posizioni dell'indicatore di stato
-        AVATAR_STATUS_POSITION_CLASSES = {
-          bottom_right: "bottom-0 right-0",
-          bottom_left: "bottom-0 left-0",
-          top_right: "top-0 right-0",
-          top_left: "top-0 left-0"
-        }
-
-        # Stili disponibili (mantenuto per compatibilità)
-        AVATAR_STYLE_CLASSES = {
-          filled: "",
-          outline: "border-2 border-gray-300",
-          light: "opacity-75"
-        }
-
-        def initialize(
-          name: nil,
-          src: nil,
-          size: :medium,
-          shape: :circle,
-          status: nil,
-          status_position: :bottom_right,
-          theme: :white,
-          style: :filled,
-          classes: nil,
-          id: nil,
-          **html_options
-        )
-          @name = name
-          @src = src
-          @size = size.to_sym
-          @shape = shape.to_sym
-          @status = status.present? ? status.to_sym : nil
-          @status_position = status_position.to_sym
-          @theme = theme.to_sym
-          @style = style.to_sym
-          @classes = classes
-          @id = id
-          @html_options = html_options
-
-          validate_params
-        end
-
-        # Combina tutte le classi per il container
-        def combined_classes
-          [
-            AVATAR_BASE_CLASSES,
-            get_size_class,
-            get_shape_class,
-            get_style_class,
-            @classes,
-            @html_options[:class]
-          ].compact.join(" ")
-        end
-
-        # Classi per il placeholder
-        def placeholder_classes
-          [
-            AVATAR_PLACEHOLDER_BASE_CLASSES,
-            get_placeholder_theme_class,
-            get_placeholder_size_class,
-            get_shape_class
-          ].compact.join(" ")
-        end
-
-        # Classi per l'immagine
-        def img_classes
-          [
-            AVATAR_IMG_CLASSES,
-            get_shape_class
-          ].compact.join(" ")
-        end
-
-        # Classi per l'indicatore di stato
-        def status_indicator_classes
-          [
-            AVATAR_STATUS_BASE_CLASSES,
-            get_status_theme_class,
-            get_status_size_class,
-            get_status_position_class
-          ].compact.join(" ")
-        end
-
-        def get_size_class
-          AVATAR_SIZE_CLASSES[@size] || AVATAR_SIZE_CLASSES[:medium]
-        end
-
-        def get_shape_class
-          AVATAR_SHAPE_CLASSES[@shape] || AVATAR_SHAPE_CLASSES[:circle]
-        end
-
-        def get_style_class
-          AVATAR_STYLE_CLASSES[@style] || AVATAR_STYLE_CLASSES[:filled]
-        end
-
-        def get_placeholder_theme_class
-          AVATAR_PLACEHOLDER_THEME_CLASSES[@theme] || AVATAR_PLACEHOLDER_THEME_CLASSES[:white]
-        end
-
-        def get_placeholder_size_class
-          AVATAR_PLACEHOLDER_SIZE_CLASSES[@size] || AVATAR_PLACEHOLDER_SIZE_CLASSES[:medium]
-        end
-
-        def get_status_theme_class
-          AVATAR_STATUS_THEME_CLASSES[@status] || ""
-        end
-
-        def get_status_size_class
-          AVATAR_STATUS_SIZE_CLASSES[@size] || AVATAR_STATUS_SIZE_CLASSES[:medium]
-        end
-
-        def get_status_position_class
-          AVATAR_STATUS_POSITION_CLASSES[@status_position] || AVATAR_STATUS_POSITION_CLASSES[:bottom_right]
-        end
-
-        # Restituisce gli attributi per l'avatar
-        def avatar_attributes
-          attrs = {
-            class: combined_classes,
-            id: @id
-          }
-
-          # Aggiungi altri attributi HTML se presenti
-          @html_options.except(:class).each do |key, value|
-            attrs[key] = value
-          end
-
-          attrs
-        end
-
-        # Determina se mostrare l'indicatore di stato
-        def show_status?
-          @status.present? && AVATAR_STATUS_THEME_CLASSES.key?(@status)
-        end
-
-        # Ottiene le iniziali dal nome
-        def initials
-          return "" unless @name.present?
-
-          words = @name.strip.split(/\s+/)
-          if words.size >= 2
-            "#{words[0][0]}#{words[1][0]}".upcase
-          else
-            @name[0..1].upcase
-          end
-        end
-
-        # Determina se mostrare l'immagine
-        def show_image?
-          @src.present?
-        end
-
-        # Ottiene le dimensioni dell'avatar in pixel (per attributi width/height img)
-        def pixel_size
-          case @size
-          when :xxsmall
-            20
-          when :xsmall
-            24
-          when :small
-            32
-          when :medium
-            40
-          when :large
-            48
-          when :xlarge
-            64
-          when :xxlarge
-            96
-          else
-            40
-          end
-        end
-
-        private
-
-        def validate_params
-          validate_size
-          validate_shape
-          validate_theme
-          validate_style
-          validate_status
-          validate_status_position
-        end
-
-        def validate_size
-          unless AVATAR_SIZE_CLASSES.keys.include?(@size)
-            raise ArgumentError, "La dimensione deve essere una tra: #{AVATAR_SIZE_CLASSES.keys.join(', ')}"
-          end
-        end
-
-        def validate_shape
-          unless AVATAR_SHAPE_CLASSES.keys.include?(@shape)
-            raise ArgumentError, "La forma deve essere una tra: #{AVATAR_SHAPE_CLASSES.keys.join(', ')}"
-          end
-        end
-
-        def validate_theme
-          unless AVATAR_PLACEHOLDER_THEME_CLASSES.keys.include?(@theme)
-            raise ArgumentError, "Il tema deve essere uno tra: #{AVATAR_PLACEHOLDER_THEME_CLASSES.keys.join(', ')}"
-          end
-        end
-
-        def validate_style
-          unless AVATAR_STYLE_CLASSES.keys.include?(@style)
-            raise ArgumentError, "Lo stile deve essere uno tra: #{AVATAR_STYLE_CLASSES.keys.join(', ')}"
-          end
-        end
-
-        def validate_status
-          return if @status.nil?
-
-          unless AVATAR_STATUS_THEME_CLASSES.keys.include?(@status)
-            raise ArgumentError, "Lo stato deve essere uno tra: #{AVATAR_STATUS_THEME_CLASSES.keys.join(', ')}"
-          end
-        end
-
-        def validate_status_position
-          unless AVATAR_STATUS_POSITION_CLASSES.keys.include?(@status_position)
-            raise ArgumentError, "La posizione dello stato deve essere una tra: #{AVATAR_STATUS_POSITION_CLASSES.keys.join(', ')}"
-          end
-        end
-      end
-    end
-  end
-end

data/app/components/better_ui/general/badge/component.html.erb

@@ -1,23 +0,0 @@
-<span <%= tag.attributes(badge_attributes) %>>
-  <% if @variant == :dot %>
-    <span class="<%= dot_classes %>"></span>
-  <% end %>
-  
-  <% if @icon && @icon_position == :left %>
-    <span class="<%= icon_classes %>">
-      <%= render_icon(@icon) %>
-    </span>
-  <% end %>
-  
-  <% if @label.present? %>
-    <span class="<%= text_classes %>"><%= @label %></span>
-  <% end %>
-  
-  <% if @icon && @icon_position == :right %>
-    <span class="<%= icon_classes %>">
-      <%= render_icon(@icon) %>
-    </span>
-  <% end %>
-  
-  <%= content %>
-</span>

data/app/components/better_ui/general/badge/component.rb

@@ -1,248 +0,0 @@
-module BetterUi
-  module General
-    module Badge
-      class Component < ViewComponent::Base
-        attr_reader :label, :theme, :size, :shape, :style, :variant, :icon, :icon_position, :classes, :id
-
-        # Classi base sempre presenti
-        BADGE_BASE_CLASSES = "inline-flex items-center justify-center font-medium"
-
-        # Classi per elementi interni
-        BADGE_ICON_LEFT_CLASSES = "flex-shrink-0 -ml-0.5 mr-1.5"
-        BADGE_ICON_RIGHT_CLASSES = "flex-shrink-0 -mr-0.5 ml-1.5"
-        BADGE_TEXT_CLASSES = "whitespace-nowrap"
-        BADGE_DOT_CLASSES = "h-2 w-2 rounded-full mr-1.5"
-
-        # Temi di badge con stile FILLED - classi Tailwind dirette
-        BADGE_THEME_FILLED_CLASSES = {
-          default: "bg-black text-white",
-          white: "bg-white text-black",
-          red: "bg-red-500 text-white",
-          rose: "bg-rose-500 text-white",
-          orange: "bg-orange-500 text-white",
-          green: "bg-green-500 text-white",
-          blue: "bg-blue-500 text-white",
-          yellow: "bg-yellow-500 text-black",
-          violet: "bg-violet-500 text-white",
-          gray: "bg-gray-500 text-white"
-        }
-
-        # Temi di badge con stile OUTLINE - classi Tailwind dirette
-        BADGE_THEME_OUTLINE_CLASSES = {
-          default: "border border-black text-black bg-transparent",
-          white: "border border-gray-300 text-gray-700 bg-transparent",
-          red: "border border-red-500 text-red-500 bg-transparent",
-          rose: "border border-rose-500 text-rose-500 bg-transparent",
-          orange: "border border-orange-500 text-orange-500 bg-transparent",
-          green: "border border-green-500 text-green-500 bg-transparent",
-          blue: "border border-blue-500 text-blue-500 bg-transparent",
-          yellow: "border border-yellow-500 text-yellow-500 bg-transparent",
-          violet: "border border-violet-500 text-violet-500 bg-transparent",
-          gray: "border border-gray-500 text-gray-500 bg-transparent"
-        }
-
-        # Dimensioni con classi Tailwind dirette
-        BADGE_SIZE_CLASSES = {
-          small: "text-xs px-2 py-0.5",
-          medium: "text-sm px-2.5 py-0.5",
-          large: "text-sm px-3 py-1"
-        }
-
-        # Forme con classi Tailwind dirette
-        BADGE_SHAPE_CLASSES = {
-          square: "rounded-md",
-          rounded: "rounded-full"
-        }
-
-        # Colori dot per ogni tema
-        BADGE_DOT_COLOR_CLASSES = {
-          default: "bg-gray-500",
-          white: "bg-gray-400",
-          red: "bg-red-700",
-          rose: "bg-rose-700",
-          orange: "bg-orange-700",
-          green: "bg-green-700",
-          blue: "bg-blue-700",
-          yellow: "bg-yellow-700",
-          violet: "bg-violet-700",
-          gray: "bg-gray-700"
-        }
-
-        # @param label [String] Testo del badge
-        # @param theme [Symbol] default, white, red, rose, orange, green, blue, yellow, violet, gray
-        # @param size [Symbol] small, medium, large
-        # @param shape [Symbol] square, rounded
-        # @param style [Symbol] filled, outline
-        # @param variant [Symbol] nil, notification, counter, dot
-        # @param icon [String] Nome icona (opzionale)
-        # @param icon_position [Symbol] left, right
-        # @param html_options [Hash] Opzioni HTML aggiuntive
-        def initialize(
-          label: nil,
-          theme: :white,
-          size: :medium,
-          shape: :rounded,
-          style: :filled,
-          variant: nil,
-          icon: nil,
-          icon_position: :left,
-          classes: nil,
-          id: nil,
-          **html_options
-        )
-          @label = label
-          @theme = theme.to_sym
-          @size = size.to_sym
-          @shape = shape.to_sym
-          @style = style.to_sym
-          @variant = variant.present? ? variant.to_sym : nil
-          @icon = icon
-          @icon_position = icon_position.to_sym
-          @classes = classes
-          @id = id
-          @html_options = html_options
-
-          validate_params
-        end
-
-        # Combina tutte le classi
-        def combined_classes
-          [
-            BADGE_BASE_CLASSES,
-            get_theme_class,
-            get_size_class,
-            get_shape_class,
-            @classes,
-            @html_options[:class]
-          ].compact.join(" ")
-        end
-
-        def get_theme_class
-          if @style == :outline
-            BADGE_THEME_OUTLINE_CLASSES[@theme] || BADGE_THEME_OUTLINE_CLASSES[:white]
-          else
-            BADGE_THEME_FILLED_CLASSES[@theme] || BADGE_THEME_FILLED_CLASSES[:white]
-          end
-        end
-
-        def get_size_class
-          BADGE_SIZE_CLASSES[@size] || BADGE_SIZE_CLASSES[:medium]
-        end
-
-        def get_shape_class
-          BADGE_SHAPE_CLASSES[@shape] || BADGE_SHAPE_CLASSES[:rounded]
-        end
-
-        # Restituisce gli attributi per il badge
-        def badge_attributes
-          attrs = {
-            class: combined_classes,
-            id: @id
-          }
-
-          # Aggiungi altri attributi HTML se presenti
-          @html_options.except(:class).each do |key, value|
-            attrs[key] = value
-          end
-
-          attrs
-        end
-
-        def icon_classes
-          if @icon_position == :left
-            BADGE_ICON_LEFT_CLASSES
-          else
-            BADGE_ICON_RIGHT_CLASSES
-          end
-        end
-
-        def text_classes
-          BADGE_TEXT_CLASSES
-        end
-
-        def dot_classes
-          [
-            BADGE_DOT_CLASSES,
-            get_dot_color_class
-          ].compact.join(" ")
-        end
-
-        def get_dot_color_class
-          BADGE_DOT_COLOR_CLASSES[@theme] || BADGE_DOT_COLOR_CLASSES[:white]
-        end
-
-        # Helper per renderizzare le icone
-        def render_icon(icon_name)
-          # Mappa le dimensioni del badge alle dimensioni dell'icona
-          icon_size = case @size
-          when :large
-                       :small
-          when :small
-                       :tiny
-          else
-                       :tiny
-          end
-
-          # Utilizziamo il componente Icon
-          render BetterUi::General::IconComponent.new(
-            name: icon_name,
-            size: icon_size,
-            fixed_width: true
-          )
-        end
-
-        private
-
-        def validate_params
-          validate_theme
-          validate_size
-          validate_shape
-          validate_style
-          validate_variant
-          validate_icon_position
-        end
-
-        def validate_theme
-          unless BADGE_THEME_FILLED_CLASSES.keys.include?(@theme)
-            raise ArgumentError, "Il tema deve essere uno tra: #{BADGE_THEME_FILLED_CLASSES.keys.join(', ')}"
-          end
-        end
-
-        def validate_size
-          unless BADGE_SIZE_CLASSES.keys.include?(@size)
-            raise ArgumentError, "La dimensione deve essere una tra: #{BADGE_SIZE_CLASSES.keys.join(', ')}"
-          end
-        end
-
-        def validate_shape
-          unless BADGE_SHAPE_CLASSES.keys.include?(@shape)
-            raise ArgumentError, "La forma deve essere una tra: #{BADGE_SHAPE_CLASSES.keys.join(', ')}"
-          end
-        end
-
-        def validate_style
-          valid_styles = [ :filled, :outline ]
-          unless valid_styles.include?(@style)
-            raise ArgumentError, "Lo stile deve essere uno tra: #{valid_styles.join(', ')}"
-          end
-        end
-
-        def validate_variant
-          return if @variant.nil?
-
-          valid_variants = [ :notification, :counter, :dot ]
-          unless valid_variants.include?(@variant)
-            raise ArgumentError, "La variante deve essere una tra: #{valid_variants.join(', ')}"
-          end
-        end
-
-        def validate_icon_position
-          valid_positions = [ :left, :right ]
-          unless valid_positions.include?(@icon_position)
-            raise ArgumentError, "La posizione dell'icona deve essere una tra: #{valid_positions.join(', ')}"
-          end
-        end
-      end
-    end
-  end
-end

data/app/components/better_ui/general/breadcrumb/component.html.erb

@@ -1,15 +0,0 @@
-<nav <%= tag.attributes(breadcrumb_attributes) %>>
-  <ol class="<%= BREADCRUMB_LIST_CLASSES %>">
-    <% @items.each_with_index do |item, index| %>
-      <li class="<%= BREADCRUMB_ITEM_CLASSES %>">
-        <%= render link_for_item(item, active: last_item?(index)) %>
-        
-        <% unless last_item?(index) %>
-          <span class="<%= separator_classes %>" aria-hidden="true">
-            <%= separator_text %>
-          </span>
-        <% end %>
-      </li>
-    <% end %>
-  </ol>
-</nav>