Allow to opt-out of cell-wrapping in ui/table

Also changes how `<col>` attributes are provided.

admin/app/components/solidus_admin/orders/index/component.rb

@@ -125,7 +125,7 @@ def date_column
 
   def customer_column
     {
-      class_name: "w-[400px]",
+      col: { class: "w-[400px]" },
       header: :customer,
       data: ->(order) do
         customer_email = order.user&.email

admin/app/components/solidus_admin/products/index/component.rb

@@ -71,7 +71,7 @@ def columns
 
   def image_column
     {
-      class_name: "w-[72px]",
+      col: { class: "w-[72px]" },
       header: tag.span('aria-label': t('.product_image'), role: 'text'),
       data: ->(product) do
         image = product.gallery.images.first or return

admin/app/components/solidus_admin/ui/table/component.html.erb

@@ -76,7 +76,7 @@
     <table class="table-fixed w-full border-collapse">
       <colgroup>
         <% @columns.each do |column| %>
-          <col class="<%= column.class_name %>">
+          <col <%= tag.attributes(**column.col) if column.col %>">
         <% end %>
       </colgroup>
 
@@ -117,7 +117,7 @@
             <% end %>
           >
             <% @columns.each do |column| %>
-              <%= render_data_cell(column.data, row) %>
+              <%= render_data_cell(column, row) %>
             <% end %>
           </tr>
         <% end %>

admin/app/components/solidus_admin/ui/table/component.rb

@@ -45,7 +45,7 @@ def initialize(
     prev_page_link: nil,
     next_page_link: nil
   )
-    @columns = columns.map { Column.new(**_1) }
+    @columns = columns.map { Column.new(wrap: true, **_1) }
     @batch_actions = batch_actions.map { BatchAction.new(**_1) }
     @filters = filters.map { Filter.new(**_1) }
     @id = id
@@ -86,7 +86,7 @@ def selectable_column
           "aria-label": t('.select_row'),
         )
       },
-      class_name: 'w-[52px]',
+      col: { class: 'w-[52px]' },
     )
   end
 
@@ -148,21 +148,20 @@ def render_header_cell(cell, **attrs)
     }, **attrs)
   end
 
-  def render_data_cell(cell, data)
+  def render_data_cell(column, data)
+    cell = column.data
     cell = cell.call(data) if cell.respond_to?(:call)
     cell = data.public_send(cell) if cell.is_a?(Symbol)
     cell = cell.render_in(self) if cell.respond_to?(:render_in)
+    cell = tag.div(cell, class: "flex items-center gap-1.5 justify-start overflow-hidden") if column.wrap
 
-    tag.td(
-      tag.div(cell, class: "flex items-center gap-1.5"),
-      class: "
-        py-2 px-4 h-10 vertical-align-middle leading-none
-        [tr:last-child_&:first-child]:rounded-bl-lg [tr:last-child_&:last-child]:rounded-br-lg
-      ",
-    )
+    tag.td(cell, class: "
+      py-2 px-4 h-10 vertical-align-middle leading-none
+      [tr:last-child_&:first-child]:rounded-bl-lg [tr:last-child_&:last-child]:rounded-br-lg
+    ")
   end
 
-  Column = Struct.new(:header, :data, :class_name, keyword_init: true)
+  Column = Struct.new(:header, :data, :col, :wrap, keyword_init: true)
   BatchAction = Struct.new(:display_name, :icon, :action, :method, keyword_init: true) # rubocop:disable Lint/StructNewOverride
   Filter = Struct.new(:presentation, :combinator, :attribute, :predicate, :options, keyword_init: true)
   private_constant :Column, :BatchAction, :Filter