active_element 0.0.14 → 0.0.16

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fa975f8cc5ef82840b9fc0e8d2765e7189ab390824f413c7b3cfe1b9ed5df525
-  data.tar.gz: 9f793eb2f627888673d1741d63d6a630a94e679d6e26eb61f2d66246a8046f91
+  metadata.gz: a5061acace969c49903b783f1395dfcac9683001fca5b18099b50222b62ce25d
+  data.tar.gz: b884bb15effdeca54b82c1a27140418304e09d10c17f3b8d49253d75f9dc8a76
 SHA512:
-  metadata.gz: 5a8c6b96d8e34086277292cea537843c4a4b87db1171d8e272ef0748e0c1a1ff2fdff8a92d3eb345c4a324f251f27c24a5296aa27f9f065335d6f828d9c5791c
-  data.tar.gz: c66d161434d29b86aa8b5edf4f7a077cb9ead633748491e2249ea24055af7025d4eed55a79ccdc50b6ab67f467554c89e45f8352ac9afd84a4fa19d8f5632bb8
+  metadata.gz: b3b3b9df909c578397d11260209daabfe8e6e9af8424ce9865c28da05be980f3cea7614dc898fd585e0ab695befe8e214ec16d5cf40ddb2b69e05c8067a3d3c0
+  data.tar.gz: ce25ad80b730f77837e06967e4e4d5217878af9609c1c88bfbaa09eb5f86cbaebbe92233465c3a542b58bf27d842b2cc9ef7a91b2f4b4e565044d9bc030adda9

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    active_element (0.0.14)
+    active_element (0.0.16)
       bootstrap (~> 5.3.0alpha3)
       kaminari (~> 1.2)
       paintbrush (~> 0.1.2)
@@ -80,20 +80,19 @@ GEM
     addressable (2.8.4)
       public_suffix (>= 2.0.2, < 6.0)
     ast (2.4.2)
-    autoprefixer-rails (10.4.15.0)
+    autoprefixer-rails (10.4.16.0)
       execjs (~> 2)
     bcrypt (3.1.18)
-    bootstrap (5.3.1)
+    bootstrap (5.3.2)
       autoprefixer-rails (>= 9.1.0)
       popper_js (>= 2.11.8, < 3)
-      sassc-rails (>= 2.0.0)
     brakeman (5.4.1)
     builder (3.2.4)
     concurrent-ruby (1.2.2)
     crack (0.4.5)
       rexml
     crass (1.0.6)
-    date (3.3.3)
+    date (3.3.4)
     devise (4.9.2)
       bcrypt (~> 3.0)
       orm_adapter (~> 0.1)
@@ -151,16 +150,16 @@ GEM
     mini_mime (1.1.5)
     mini_portile2 (2.8.2)
     minitest (5.18.1)
-    net-imap (0.4.1)
+    net-imap (0.4.9.1)
       date
       net-protocol
     net-pop (0.1.2)
       net-protocol
-    net-protocol (0.2.1)
+    net-protocol (0.2.2)
       timeout
-    net-smtp (0.4.0)
+    net-smtp (0.4.0.1)
       net-protocol
-    nio4r (2.5.9)
+    nio4r (2.7.0)
     nokogiri (1.15.2)
       mini_portile2 (~> 2.8.2)
       racc (~> 1.4)
@@ -286,27 +285,13 @@ GEM
     ruby-progressbar (1.13.0)
     sassc (2.4.0)
       ffi (~> 1.9)
-    sassc-rails (2.1.2)
-      railties (>= 4.0.0)
-      sassc (>= 2.0)
-      sprockets (> 3.0)
-      sprockets-rails
-      tilt
-    sprockets (4.2.1)
-      concurrent-ruby (~> 1.0)
-      rack (>= 2.2.4, < 4)
-    sprockets-rails (3.4.2)
-      actionpack (>= 5.2)
-      activesupport (>= 5.2)
-      sprockets (>= 3.0.0)
     sqlite3 (1.6.3)
       mini_portile2 (~> 2.8.0)
     strong_versions (0.4.5)
       i18n (>= 0.5)
       paint (~> 2.0)
     thor (1.2.2)
-    tilt (2.3.0)
-    timeout (0.4.0)
+    timeout (0.4.1)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
     unicode-display_width (2.4.2)

data/app/assets/javascripts/active_element/form.js

@@ -31,7 +31,8 @@
         clearFormButton.addEventListener('click', (ev) => {
           ev.preventDefault();
 
-          form.querySelectorAll('.form-fields input, .form-fields select, .form-fields textarea')
+          form.querySelectorAll('.form-fields input:enabled, .form-fields select:enabled, .form-fields textarea:enabled')
+              .filter((formInput) => !formInput.readonly)
               .forEach((formInput) => formInput.value = '');
         });
       });

data/app/assets/javascripts/active_element/json_field.js

@@ -432,7 +432,14 @@ ActiveElement.JsonField = (() => {
       element.append(Option({ value: '' }));
 
       schema.options.forEach((value) => {
-        element.append(Option({ value, selected: value === store.getValue(state) }));
+        let label = value;
+
+        if (isObject(value)) {
+          label = value.label;
+          value = value.value;
+        }
+
+        element.append(Option({ value, label, selected: value === store.getValue(state) }));
       });
 
       return element;

data/app/views/active_element/components/button.html.erb

@@ -1,11 +1,13 @@
-
 <%=
   link_to(
     path.presence || '#',
     method: path.present? && method != :get ? method : nil,
-    data: { confirm_action: confirm },
+    data: { confirm_action: confirm }.merge(tooltip ? {
+      'bs-trigger': 'hover',
+      'bs-toggle': 'popover',
+      'bs-content': title,
+    } : {}),
     class: "btn #{button_class} #{float_class} #{kwargs_class}",
-    title: title,
     **kwargs
   ) do %>
   <% if block_given %>
@@ -15,7 +17,7 @@
       <% if icon.present? %>
         <i class="fa-solid fa-<%= icon %>"></i>
       <% elsif type == :show %>
-        <i class="fa-solid fa-eye"></i>
+        <i class="fa-solid fa-magnifying-glass"></i>
       <% elsif type == :edit %>
         <i class="fa-solid fa-pen"></i>
       <% elsif type == :destroy %>

data/app/views/active_element/components/form/_check_boxes.html.erb

@@ -17,12 +17,14 @@
 <% else %>
   <div class="container w-100">
     <%= form.fields_for field do |subform| %>
-      <% options.fetch(:options).each_slice(options.fetch(:columns, 1)) do |slice| %>
+      <% options.fetch(:options).in_groups(options.fetch(:columns, 1)).reduce(&:zip).each do |columns| %>
         <div class="row w-100">
-          <% slice.each do |label, name, checked| %>
+          <% columns.each do |label, name, checked| %>
             <div class="col">
-              <%= subform.check_box(name, checked: checked, class: 'me-2', tabindex: component.tabindex) %>
-              <%= subform.label name, label %>
+              <% if [label, name, checked].any?(&:present?) %>
+                <%= subform.check_box(name, checked: checked, class: 'me-2', tabindex: component.tabindex) %>
+                <%= subform.label name, label %>
+              <% end %>
             </div>
             <br/>
           <% end %>

data/app/views/active_element/components/form/_date_range_field.html.erb

@@ -0,0 +1,14 @@
+<div class="d-flex">
+  <%= form.label(nil, class: 'me-2 mt-1') { 'Between' } %>
+  <%= form.date_field("#{field}[from]", name: "#{field}[from]",
+                                 value: component.value_for(field, :from),
+                                 class: "form-control #{component.valid?(field) ? nil : 'is-invalid'}",
+                                 tabindex: component.tabindex,
+                                 **options) %>
+  <%= form.label(nil, class: 'ms-2 mt-1 me-2') { 'and' } %>
+  <%= form.date_field("#{field}[to]", name: "#{field}[to]",
+                                 value: component.value_for(field, :to),
+                                 class: "form-control #{component.valid?(field) ? nil : 'is-invalid'}",
+                                 tabindex: component.tabindex,
+                                 **options) %>
+</div>

data/app/views/active_element/components/form/_field.html.erb

@@ -20,6 +20,9 @@
 <% elsif type == :datetime_range_field %>
   <%= render partial: 'active_element/components/form/datetime_range_field',
              locals: { form_id: id, form: form, field: field, type: type, options: options, component: component } %>
+<% elsif type == :date_range_field %>
+  <%= render partial: 'active_element/components/form/date_range_field',
+             locals: { form_id: id, form: form, field: field, type: type, options: options, component: component } %>
 <% else %>
   <%= render partial: 'active_element/components/form/generic_field',
              locals: { form_id: id, form: form, field: field, type: type, options: options, component: component } %>

data/app/views/active_element/components/form/_summary.html.erb

@@ -24,6 +24,16 @@
   <% elsif type == :datetime_range_field %>
     <% next unless value.present? %>
 
+    <% values << value %>
+    <div class="d-inline me-3">
+      <span class="text-secondary"><%= options.fetch(:label) %>:</span>
+      <span class="ms-1 text-primary"><%= value[:from] %></span>
+      <span class="text-secondary">&rarr;</span>
+      <span class="ms-1 text-primary"><%= value[:to] %></span>
+    </div>
+  <% elsif type == :date_range_field %>
+    <% next unless value.present? %>
+
     <% values << value %>
     <div class="d-inline me-3">
       <span class="text-secondary"><%= options.fetch(:label) %>:</span>

data/app/views/active_element/components/form.html.erb

@@ -35,12 +35,22 @@
 <% end %>
 
 <div class="form <%= modal ? 'd-none' : 'pb-3' %>" id="form-wrapper-<%= id %>">
-  <%= form_with local: true, action: action, method: method, id: id, class: "#{class_name} m-3", **kwargs do |form| %>
+  <%= form_with model: model_param,
+                scope: becomes_model&.model_name&.param_key,
+                url: record_path.path,
+                local: true,
+                action: action,
+                method: method,
+                id: id,
+                class: "#{class_name} m-3",
+                **kwargs do |form| %>
     <% if %i[top both].include?(submit_position) %>
       <div class="row mb-3 form-group sticky-top" style="top: 0.5rem;">
         <div class="col-sm-3"></div>
         <div class="col pb-3">
-          <%= form.submit submit_label, name: '', class: "btn btn-#{method == :post ? 'success' : 'primary'} ms-2 float-end" %>
+          <%= form.submit submit_label,
+                          name: '',
+                          class: "btn btn-#{method == :post ? 'success' : 'primary'} ms-2 float-end" %>
           <%= active_element.component.button 'Clear Form', class: 'btn-secondary float-end', data: { 'form-input-type': 'clear' } %>
         </div>
       </div>

data/app/views/active_element/components/table/_collection_row.html.erb

@@ -13,19 +13,19 @@
 
   <% if show %>
     <td class="<%= "#{class_name}-show" %> action-column text-end">
-      <%= active_element.component.show_button(item, show, class: 'btn-sm') %>
+      <%= active_element.component.show_button(item, show, tooltip: true, class: 'btn-sm') %>
     </td>
   <% end %>
 
   <% if edit %>
     <td class="<%= "#{class_name}-edit" %> action-column text-end">
-      <%= active_element.component.edit_button(item, show, class: 'btn-sm') %>
+      <%= active_element.component.edit_button(item, show, tooltip: true, class: 'btn-sm') %>
     </td>
   <% end %>
 
   <% if destroy %>
     <td class="<%= "#{class_name}-destroy" %> action-column text-end">
-      <%= active_element.component.destroy_button(item, destroy, class: 'btn-sm') %>
+      <%= active_element.component.destroy_button(item, destroy, tooltip: true, class: 'btn-sm') %>
     </td>
   <% end %>
 </tr>

data/app/views/active_element/components/table/_field.html.erb

@@ -1,7 +1,7 @@
 <% if value.is_a?(Array) %>
+  <ul>
   <% value.sort.each_with_index do |each_value, index| %>
-    <%= each_value %>
-    <%= index < value.size - 1 ? '|' : nil %>
+    <li><%= each_value %></li>
   <% end %>
 <% else %>
   <%= value %>

data/app/views/active_element/components/table/collection.html.erb

@@ -2,6 +2,11 @@
   <%= active_element.component.new_button(component.model&.new, float: 'end', class: 'mb-3') %>
 <% end %>
 
+
+<% if title.present? %>
+  <%= active_element.component.page_section_title(title) %>
+<% end %>
+
 <% if display_pagination %>
   <%=
     render partial: 'active_element/components/table/pagination',
@@ -25,15 +30,19 @@
                        i18n: i18n,
                        row_class_mapper: row_class_mapper } %>
 <% else %>
-  <%= render partial: 'active_element/components/table/ungrouped_collection',
-             locals: { component: component,
-                       collection: collection,
-                       fields: fields,
-                       show: show,
-                       edit: edit,
-                       destroy: destroy,
-                       class_name: class_name,
-                       style: style,
-                       i18n: i18n,
-                       row_class_mapper: row_class_mapper } %>
+  <% if collection.try(:empty?) %>
+    <p><i>(No items to display).</i></p>
+  <% else %>
+    <%= render partial: 'active_element/components/table/ungrouped_collection',
+               locals: { component: component,
+                         collection: collection,
+                         fields: fields,
+                         show: show,
+                         edit: edit,
+                         destroy: destroy,
+                         class_name: class_name,
+                         style: style,
+                         i18n: i18n,
+                         row_class_mapper: row_class_mapper } %>
+  <% end %>
 <% end %>

data/app/views/active_element/components/table/item.html.erb

@@ -10,6 +10,10 @@
   <%= active_element.component.new_button(component.model, float: 'end', class: 'mb-3') %>
 <% end %>
 
+<% if title.present? %>
+  <%= active_element.component.page_section_title(title) %>
+<% end %>
+
 <table class="<%= class_name %> table" style="<%= style %>">
   <tbody>
     <% fields.each do |field, class_mapper, label, value_mapper, options| %>

data/app/views/active_element/default_views/forbidden.html.erb

@@ -1,7 +1,21 @@
-<h1>Forbidden</h1>
+<% if Rails.env.development? %>
+  <h1>Not Configured</h1>
 
-<h2 class="text-danger">Access to this resource has not been configured</h2>
+  <p>The <code><%= type %></code> resource for <code><%= controller_name.titleize %></code> has not been configured.</p>
 
-<p>The <span class="text-primary font-monospace"><%= type %></span> resource for <span class="text-primary font-monospace"><%= controller_name.titleize %></span> has not been configured, please contact your administrator.</p>
+  <p>Configure <code><%= controller.class.name %></code> like the example below:</p>
+
+<code><pre class="border p-3">class <%= controller.class.name %>
+  active_element.<%= type %>_fields :name, :email, :date_of_birth
+end</pre></code>
+
+  <p>This message is visible in <code>development</code> mode only.</p>
+<% else %>
+  <h1>Forbidden</h1>
+
+  <h2 class="text-danger">Access to this resource has not been configured</h2>
+
+  <p>The <span class="text-primary font-monospace"><%= type %></span> resource for <span class="text-primary font-monospace"><%= controller_name.titleize %></span> has not been configured, please contact your administrator.</p>
+<% end %>
 
 <hr/>

data/app/views/active_element/default_views/index.html.erb

@@ -7,9 +7,17 @@
                                     fields: active_element.state.searchable_fields %>
 <% end %>
 
-<%= active_element.component.table new: active_element.state.creatable?,
-                                   show: active_element.state.viewable?,
-                                   edit: active_element.state.editable?,
-                                   destroy: active_element.state.deletable?,
-                                   collection: collection,
-                                   fields: active_element.state.listable_fields %>
+<% if active_element.state.search_required && search_filters.compact_blank.blank? %>
+  <% if active_element.state.creatable? %>
+    <%= active_element.component.new_button(collection.model&.new, float: 'end', class: 'mb-3') %>
+  <% end %>
+  <%= active_element.component.page_section_title active_element.t('search_required.title') %>
+  <%= active_element.component.page_description active_element.t('search_required.description') %>
+<% else %>
+  <%= active_element.component.table new: active_element.state.creatable?,
+                                     show: active_element.state.viewable?,
+                                     edit: active_element.state.editable?,
+                                     destroy: active_element.state.deletable?,
+                                     collection: collection,
+                                     fields: active_element.state.listable_fields %>
+<% end %>

data/config/locales/en.yml

@@ -1,3 +1,6 @@
 en:
   active_element:
     unexpected_error: 'Unexpected error'
+    search_required:
+      title: 'Apply search filters to view results'
+      description: 'This page requires at least one search filter to be applied before results will be displayed.'

data/example_app/.ruby-version

@@ -1 +1 @@
-2.7.8
+3.2.2

data/example_app/Gemfile

@@ -2,8 +2,6 @@ source "https://rubygems.org"
 
 git_source(:github) { |repo| "https://github.com/#{repo}.git" }
 
-ruby "2.7.8"
-
 gem 'devise'
 gem 'faker'
 gem "rails", "~> 7.0.4", ">= 7.0.4.3"

data/example_app/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: ..
   specs:
-    active_element (0.0.13)
+    active_element (0.0.14)
       bootstrap (~> 5.3.0alpha3)
       kaminari (~> 1.2)
       paintbrush (~> 0.1.2)
@@ -166,6 +166,8 @@ GEM
     net-smtp (0.3.3)
       net-protocol
     nio4r (2.5.9)
+    nokogiri (1.15.2-arm64-darwin)
+      racc (~> 1.4)
     nokogiri (1.15.2-x86_64-linux)
       racc (~> 1.4)
     orm_adapter (0.5.0)
@@ -234,6 +236,7 @@ GEM
       actionpack (>= 5.2)
       activesupport (>= 5.2)
       sprockets (>= 3.0.0)
+    sqlite3 (1.6.3-arm64-darwin)
     sqlite3 (1.6.3-x86_64-linux)
     stimulus-rails (1.2.1)
       railties (>= 6.0.0)
@@ -266,6 +269,7 @@ GEM
     zeitwerk (2.6.8)
 
 PLATFORMS
+  arm64-darwin-21
   x86_64-linux
 
 DEPENDENCIES
@@ -289,8 +293,5 @@ DEPENDENCIES
   web-console
   webdrivers
 
-RUBY VERSION
-   ruby 2.7.8p225
-
 BUNDLED WITH
    2.4.13

data/lib/active_element/components/button.rb

@@ -6,7 +6,7 @@ module ActiveElement
     class Button
       # rubocop:disable Metrics/MethodLength
       def initialize(controller, record, flag_or_options, confirm: false, type: :primary, method: nil,
-                     float: nil, icon: nil, **kwargs, &block)
+                     float: nil, icon: nil, tooltip: false, **kwargs, &block)
         @controller = controller
         @record = record.is_a?(ActiveRecord::Relation) ? record.klass.new : record
         @flag_or_options = flag_or_options
@@ -19,6 +19,7 @@ module ActiveElement
         @icon = icon
         @block_given = block_given?
         @content = block.call if block_given?
+        @tooltip = tooltip
       end
       # rubocop:enable Metrics/MethodLength
 
@@ -40,14 +41,15 @@ module ActiveElement
           kwargs_class: kwargs_class,
           kwargs: kwargs,
           content: content,
-          block_given: block_given
+          block_given: block_given,
+          tooltip: tooltip
         }
       end
 
       private
 
       attr_reader :controller, :record, :flag_or_options, :float, :kwargs, :kwargs_class, :type, :method, :icon,
-                  :block_given, :content, :confirm
+                  :block_given, :content, :confirm, :tooltip
 
       def link_method
         return method if method.present?
@@ -60,7 +62,7 @@ module ActiveElement
         when :destroy
           'btn-danger destroy-button action-button'
         when :show
-          'btn-primary show-button action-button'
+          'btn-info show-button action-button'
         when :edit
           'btn-primary edit-button action-button'
         when :new

data/lib/active_element/components/collection_table.rb

@@ -15,7 +15,7 @@ module ActiveElement
       # rubocop:disable Metrics/MethodLength
       def initialize(controller, class_name:, collection:, fields:, params:, model_name: nil, style: nil,
                      show: false, new: false, edit: false, destroy: false, paginate: true, group: nil,
-                     group_title: false, row_class: nil, **_kwargs)
+                     group_title: false, row_class: nil, title: nil, **_kwargs)
         @controller = controller
         @class_name = class_name
         @model_name = model_name
@@ -31,6 +31,7 @@ module ActiveElement
         @group = group
         @group_title = group_title
         @row_class = row_class
+        @title = title
         verify_paginate_and_group
       end
       # rubocop:enable Metrics/MethodLength
@@ -43,6 +44,7 @@ module ActiveElement
         {
           component: self,
           class_name: class_name,
+          title: title,
           collection: group ? collection : paginated_collection,
           fields: Util::FieldMapping.new(self, fields, class_name).mapped_fields,
           style: style,
@@ -76,10 +78,10 @@ module ActiveElement
 
       attr_reader :class_name, :collection, :fields, :style, :row_class,
                   :new, :show, :edit, :destroy,
-                  :paginate, :params, :group, :group_title
+                  :paginate, :params, :group, :group_title, :title
 
       def paginated_collection
-        return collection unless paginate && collection.respond_to?(:page)
+        return collection unless paginate && collection.respond_to?(:page) && !limit?
         return collection.page(page_number).per(page_size) if supports_pagination_but_not_yet_paginated?
 
         @paginated_collection ||= collection.page(page_number).per(page_size)
@@ -99,6 +101,7 @@ module ActiveElement
 
       def display_pagination?
         return false if group.present?
+        return false if limit?
         return false unless paginate && paginated_collection.respond_to?(:total_count)
 
         paginated_collection.total_count > (params[:page_size].presence&.to_i || DEFAULT_PAGE_SIZE)
@@ -120,6 +123,10 @@ module ActiveElement
 
         collection.includes(fields.select { |field| collection.model.reflect_on_association(field).present? })
       end
+
+      def limit?
+        !collection.try(:limit_value).nil?
+      end
     end
   end
 end

data/lib/active_element/components/form.rb

@@ -20,6 +20,7 @@ module ActiveElement
         @item = item
         @modal = modal
         @kwargs = kwargs
+        @model = model
         @columns = columns
         @search = search
         @action = kwargs.delete(:action) { default_action }
@@ -40,9 +41,12 @@ module ActiveElement
           submit_label: submit_label,
           submit_position: submit_position,
           class_name: class_name,
+          becomes_model: becomes_model,
           method: method,
           action: action,
           kwargs: kwargs,
+          model_param: model_param,
+          record_path: record_path,
           destroy: destroy,
           modal: modal,
           columns: columns,
@@ -178,7 +182,11 @@ module ActiveElement
       end
 
       def humanized_model_name
-        record.class.name.titleize
+        if record.respond_to?(:to_model)
+          record.to_model.model_name.name.titleize
+        else
+          record.class.name.titleize
+        end
       end
 
       def base_options_for_select(field, field_options)
@@ -233,10 +241,27 @@ module ActiveElement
         end
       end
 
+      def becomes_model
+        return nil unless record.is_a?(ActiveRecord::Base)
+        return nil if record_path.model == model
+
+        record_path.model
+      end
+
       def default_action
         return controller.request.path unless record.class.is_a?(ActiveModel::Naming)
 
-        Util::RecordPath.new(record: record, controller: controller, type: default_action_type).path
+        record_path.path
+      end
+
+      def record_path
+        @record_path ||= Util::RecordPath.new(record: record, controller: controller, type: default_action_type)
+      end
+
+      def model_param
+        return nil if record.blank?
+
+        [record_path.namespace, becomes_model.present? ? record.becomes(becomes_model) : record].compact_blank
       end
     end
   end

data/lib/active_element/components/item_table.rb

@@ -10,7 +10,7 @@ module ActiveElement
       attr_reader :controller, :model_name
 
       def initialize(controller, item:, fields:, class_name: nil, model_name: nil,
-                     edit: false, new: false, destroy: false, style: nil, row_class: nil, **_kwargs)
+                     edit: false, new: false, destroy: false, style: nil, row_class: nil, title: nil, **_kwargs)
         @controller = controller
         @class_name = class_name
         @model_name = model_name
@@ -21,6 +21,7 @@ module ActiveElement
         @new = new
         @style = style
         @row_class = row_class
+        @title = title
       end
 
       def template
@@ -37,7 +38,8 @@ module ActiveElement
           edit: edit,
           new: new,
           style: style,
-          row_class_mapper: row_class_mapper
+          row_class_mapper: row_class_mapper,
+          title: title
         }
       end
 
@@ -47,7 +49,7 @@ module ActiveElement
 
       private
 
-      attr_reader :class_name, :item, :fields, :edit, :new, :destroy, :style, :row_class
+      attr_reader :class_name, :item, :fields, :edit, :new, :destroy, :style, :row_class, :title
 
       def row_class_mapper
         row_class.is_a?(Proc) ? row_class : proc { row_class }

data/lib/active_element/components/navbar.rb

@@ -50,7 +50,7 @@ module ActiveElement
 
         @items ||= user_routes(controller.active_element.current_user).available.select(&:primary?).map do |route|
           { path: route.path, title: route.title, spec: route.spec }
-        end
+        end.uniq { |item| item[:title] }
       end
 
       def user_routes(user)