active_element 0.0.13 → 0.0.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a4fed8a2aa02e3d31a663293eaee2485fe9a483a74c0b089638e0a4d6d6a1521
-  data.tar.gz: edaae463c33a9e63827dbdf715b9f6cece1fdb593d17171f0f283f84f8c01689
+  metadata.gz: cb1aee3153ca04daa45cd99c868afb986df934e6a84e1be8675fcb01d9ed5097
+  data.tar.gz: 060f791791440d2d0d880384bd2bfd2c6d6724041bd2451035521f8f8ddd954a
 SHA512:
-  metadata.gz: 8f54c3be4a35104dfa558d6842ddded264a21eb37ea210d2dd46e676d07655491d119037f4954e4225390a44f54fca827825a33d718ee5f9159133f6619fd73d
-  data.tar.gz: 1e9e43507054e3e2a659691072249880d65136371d15d9b5fdbbad451d3822ca6def3fdb69abed646ae7993e17c7ee47ac14d8e2832e7eaee03601d8bae6c0fc
+  metadata.gz: c9b7a77759b27826038b895f9acc941620d4477192c22c0a13dc33ba03b64c61e292ff94520fc3ff7c2dc0abeb409483aa1f86aa3268e4e271fb3810d558e9e4
+  data.tar.gz: 652d599381d599a7186c654c49c87d3d7eca73c6373241b3900bd7c9c61718efa715ea83f32dfff6b9951ee7a737f79629440bf9b16c1858cedf235e94eed52e

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    active_element (0.0.13)
+    active_element (0.0.15)
       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.13.0)
+    autoprefixer-rails (10.4.16.0)
       execjs (~> 2)
     bcrypt (3.1.18)
-    bootstrap (5.3.0.alpha3)
+    bootstrap (5.3.2)
       autoprefixer-rails (>= 9.1.0)
-      popper_js (>= 2.11.7, < 3)
-      sassc-rails (>= 2.0.0)
+      popper_js (>= 2.11.8, < 3)
     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)
@@ -103,7 +102,7 @@ GEM
     devpack (0.4.1)
     diff-lcs (1.5.0)
     erubi (1.12.0)
-    execjs (2.8.1)
+    execjs (2.9.1)
     factory_bot (5.2.0)
       activesupport (>= 4.2.0)
     factory_bot_rails (5.2.0)
@@ -112,8 +111,8 @@ GEM
     faker (2.23.0)
       i18n (>= 1.8.11, < 2)
     ffi (1.15.5)
-    globalid (1.1.0)
-      activesupport (>= 5.0)
+    globalid (1.2.1)
+      activesupport (>= 6.1)
     hashdiff (1.0.1)
     htmlbeautifier (1.4.2)
     i18n (1.14.1)
@@ -148,19 +147,19 @@ GEM
       net-smtp
     marcel (1.0.2)
     method_source (1.0.0)
-    mini_mime (1.1.2)
+    mini_mime (1.1.5)
     mini_portile2 (2.8.2)
     minitest (5.18.1)
-    net-imap (0.3.6)
+    net-imap (0.4.8)
       date
       net-protocol
     net-pop (0.1.2)
       net-protocol
-    net-protocol (0.2.1)
+    net-protocol (0.2.2)
       timeout
-    net-smtp (0.3.3)
+    net-smtp (0.4.0)
       net-protocol
-    nio4r (2.5.9)
+    nio4r (2.7.0)
     nokogiri (1.15.2)
       mini_portile2 (~> 2.8.2)
       racc (~> 1.4)
@@ -171,7 +170,7 @@ GEM
     parser (3.2.2.3)
       ast (~> 2.4.1)
       racc
-    popper_js (2.11.7)
+    popper_js (2.11.8)
     public_suffix (5.0.1)
     racc (1.7.1)
     rack (2.2.7)
@@ -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.0)
-      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.2.0)
-    timeout (0.3.2)
+    timeout (0.4.1)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
     unicode-display_width (2.4.2)
@@ -316,7 +301,7 @@ GEM
       addressable (>= 2.8.0)
       crack (>= 0.3.2)
       hashdiff (>= 0.4.0, < 2.0.0)
-    websocket-driver (0.7.5)
+    websocket-driver (0.7.6)
       websocket-extensions (>= 0.1.0)
     websocket-extensions (0.1.5)
     zeitwerk (2.6.8)

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/_title.html.erb

@@ -0,0 +1 @@
+<title><%= active_element.application_name.humanize %> - <%= controller_name.humanize %></title>

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/app/views/layouts/active_element.html.erb

@@ -1,6 +1,8 @@
 <html>
   <head>
     <%= render_active_element_hook 'active_element/before_head' %>
+    <%= render_active_element_hook 'active_element/favicon' %>
+    <%= render_active_element_hook 'active_element/title' %>
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="stylesheet"
@@ -48,7 +50,7 @@
 
     <%= stylesheet_link_tag 'active_element/application', 'data-turbolinks-track': 'reload' %>
 
-    <% if Rails.application.assets.find_asset('application.css').present? %>
+    <% if Rails.application.assets&.find_asset('application.css').present? %>
       <%= stylesheet_link_tag 'application', 'data-turbolinks-track': 'reload' %>
     <% end %>
 
@@ -96,7 +98,7 @@
     <%= render_active_element_hook 'active_element/after_content' %>
 
     <%= javascript_include_tag 'active_element/application', 'data-turbolinks-track': 'reload' %>
-    <% if Rails.application.assets.find_asset('application.js').present? %>
+    <% if Rails.application.assets&.find_asset('application.js').present? %>
       <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
     <% end %>
   </body>

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