active_element 0.0.10 → 0.0.11

data/example_app/db/migrate/20230616211328_devise_create_users.rb

@@ -0,0 +1,46 @@
+# frozen_string_literal: true
+
+class DeviseCreateUsers < ActiveRecord::Migration[7.0]
+  def change
+    create_table :users do |t|
+      ## Database authenticatable
+      t.string :email,              null: false, default: ""
+      t.string :encrypted_password, null: false, default: ""
+
+      ## Recoverable
+      t.string   :reset_password_token
+      t.datetime :reset_password_sent_at
+
+      ## Rememberable
+      t.datetime :remember_created_at
+
+      ## Trackable
+      # t.integer  :sign_in_count, default: 0, null: false
+      # t.datetime :current_sign_in_at
+      # t.datetime :last_sign_in_at
+      # t.string   :current_sign_in_ip
+      # t.string   :last_sign_in_ip
+
+      ## Confirmable
+      # t.string   :confirmation_token
+      # t.datetime :confirmed_at
+      # t.datetime :confirmation_sent_at
+      # t.string   :unconfirmed_email # Only if using reconfirmable
+
+      ## Lockable
+      # t.integer  :failed_attempts, default: 0, null: false # Only if lock strategy is :failed_attempts
+      # t.string   :unlock_token # Only if unlock strategy is :email or :both
+      # t.datetime :locked_at
+
+      t.json :permissions
+      t.string :name
+
+      t.timestamps null: false
+    end
+
+    add_index :users, :email,                unique: true
+    add_index :users, :reset_password_token, unique: true
+    # add_index :users, :confirmation_token,   unique: true
+    # add_index :users, :unlock_token,         unique: true
+  end
+end

data/example_app/db/schema.rb

@@ -0,0 +1,37 @@
+# This file is auto-generated from the current state of the database. Instead
+# of editing this file, please use the migrations feature of Active Record to
+# incrementally modify your database, and then regenerate this schema definition.
+#
+# This file is the source Rails uses to define your schema when running `bin/rails
+# db:schema:load`. When creating a new database, `bin/rails db:schema:load` tends to
+# be faster and is potentially less error prone than running all of your
+# migrations from scratch. Old migrations may fail to apply correctly if those
+# migrations use external dependencies or application code.
+#
+# It's strongly recommended that you check this file into your version control system.
+
+ActiveRecord::Schema[7.0].define(version: 2023_06_16_211328) do
+  create_table "pets", force: :cascade do |t|
+    t.string "name"
+    t.date "date_of_birth"
+    t.string "animal"
+    t.integer "owner_id"
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+  end
+
+  create_table "users", force: :cascade do |t|
+    t.string "email", default: "", null: false
+    t.string "encrypted_password", default: "", null: false
+    t.string "reset_password_token"
+    t.datetime "reset_password_sent_at"
+    t.datetime "remember_created_at"
+    t.json "permissions"
+    t.string "name"
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+    t.index ["email"], name: "index_users_on_email", unique: true
+    t.index ["reset_password_token"], name: "index_users_on_reset_password_token", unique: true
+  end
+
+end

data/example_app/db/seeds.rb

@@ -0,0 +1,33 @@
+users = 10.times.map do
+  User.create!(
+    email: Faker::Internet.unique.email,
+    name: Faker::Name.name,
+    password: 'password',
+    password_confirmation: 'password'
+  )
+end
+
+User.create!(
+  email: 'user@example.com',
+  password: 'password',
+  password_confirmation: 'password',
+  permissions: %w[
+    can_list_example_app_pets
+    can_view_example_app_pets
+    can_edit_example_app_pets
+    can_delete_example_app_pets
+    can_list_example_app_users
+    can_view_example_app_users
+    can_edit_example_app_users
+    can_delete_example_app_users
+  ]
+)
+
+1000.times do
+  Pet.create!(
+    animal: Faker::Creature::Animal.name,
+    name: Faker::Name.name,
+    date_of_birth: Faker::Date.birthday(min_age: 0, max_age: 21),
+    owner: users.sample
+  )
+end

data/example_app/public/404.html

@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>The page you were looking for doesn't exist (404)</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <style>
+  .rails-default-error-page {
+    background-color: #EFEFEF;
+    color: #2E2F30;
+    text-align: center;
+    font-family: arial, sans-serif;
+    margin: 0;
+  }
+
+  .rails-default-error-page div.dialog {
+    width: 95%;
+    max-width: 33em;
+    margin: 4em auto 0;
+  }
+
+  .rails-default-error-page div.dialog > div {
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #BBB;
+    border-top: #B00100 solid 4px;
+    border-top-left-radius: 9px;
+    border-top-right-radius: 9px;
+    background-color: white;
+    padding: 7px 12% 0;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+
+  .rails-default-error-page h1 {
+    font-size: 100%;
+    color: #730E15;
+    line-height: 1.5em;
+  }
+
+  .rails-default-error-page div.dialog > p {
+    margin: 0 0 1em;
+    padding: 1em;
+    background-color: #F7F7F7;
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #999;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-top-color: #DADADA;
+    color: #666;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+  </style>
+</head>
+
+<body class="rails-default-error-page">
+  <!-- This file lives in public/404.html -->
+  <div class="dialog">
+    <div>
+      <h1>The page you were looking for doesn't exist.</h1>
+      <p>You may have mistyped the address or the page may have moved.</p>
+    </div>
+    <p>If you are the application owner check the logs for more information.</p>
+  </div>
+</body>
+</html>

data/example_app/public/422.html

@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>The change you wanted was rejected (422)</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <style>
+  .rails-default-error-page {
+    background-color: #EFEFEF;
+    color: #2E2F30;
+    text-align: center;
+    font-family: arial, sans-serif;
+    margin: 0;
+  }
+
+  .rails-default-error-page div.dialog {
+    width: 95%;
+    max-width: 33em;
+    margin: 4em auto 0;
+  }
+
+  .rails-default-error-page div.dialog > div {
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #BBB;
+    border-top: #B00100 solid 4px;
+    border-top-left-radius: 9px;
+    border-top-right-radius: 9px;
+    background-color: white;
+    padding: 7px 12% 0;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+
+  .rails-default-error-page h1 {
+    font-size: 100%;
+    color: #730E15;
+    line-height: 1.5em;
+  }
+
+  .rails-default-error-page div.dialog > p {
+    margin: 0 0 1em;
+    padding: 1em;
+    background-color: #F7F7F7;
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #999;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-top-color: #DADADA;
+    color: #666;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+  </style>
+</head>
+
+<body class="rails-default-error-page">
+  <!-- This file lives in public/422.html -->
+  <div class="dialog">
+    <div>
+      <h1>The change you wanted was rejected.</h1>
+      <p>Maybe you tried to change something you didn't have access to.</p>
+    </div>
+    <p>If you are the application owner check the logs for more information.</p>
+  </div>
+</body>
+</html>

data/example_app/public/500.html

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>We're sorry, but something went wrong (500)</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <style>
+  .rails-default-error-page {
+    background-color: #EFEFEF;
+    color: #2E2F30;
+    text-align: center;
+    font-family: arial, sans-serif;
+    margin: 0;
+  }
+
+  .rails-default-error-page div.dialog {
+    width: 95%;
+    max-width: 33em;
+    margin: 4em auto 0;
+  }
+
+  .rails-default-error-page div.dialog > div {
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #BBB;
+    border-top: #B00100 solid 4px;
+    border-top-left-radius: 9px;
+    border-top-right-radius: 9px;
+    background-color: white;
+    padding: 7px 12% 0;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+
+  .rails-default-error-page h1 {
+    font-size: 100%;
+    color: #730E15;
+    line-height: 1.5em;
+  }
+
+  .rails-default-error-page div.dialog > p {
+    margin: 0 0 1em;
+    padding: 1em;
+    background-color: #F7F7F7;
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #999;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-top-color: #DADADA;
+    color: #666;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+  </style>
+</head>
+
+<body class="rails-default-error-page">
+  <!-- This file lives in public/500.html -->
+  <div class="dialog">
+    <div>
+      <h1>We're sorry, but something went wrong.</h1>
+    </div>
+    <p>If you are the application owner check the logs for more information.</p>
+  </div>
+</body>
+</html>

data/example_app/public/robots.txt

@@ -0,0 +1 @@
+# See https://www.robotstxt.org/robotstxt.html for documentation on how to use the robots.txt file

data/example_app/test/application_system_test_case.rb

@@ -0,0 +1,5 @@
+require "test_helper"
+
+class ApplicationSystemTestCase < ActionDispatch::SystemTestCase
+  driven_by :selenium, using: :chrome, screen_size: [1400, 1400]
+end

data/example_app/test/channels/application_cable/connection_test.rb

@@ -0,0 +1,11 @@
+require "test_helper"
+
+class ApplicationCable::ConnectionTest < ActionCable::Connection::TestCase
+  # test "connects with cookies" do
+  #   cookies.signed[:user_id] = 42
+  #
+  #   connect
+  #
+  #   assert_equal connection.user_id, "42"
+  # end
+end

data/example_app/test/fixtures/users.yml

@@ -0,0 +1,11 @@
+# Read about fixtures at https://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+# This model initially had no columns defined. If you add columns to the
+# model remove the "{}" from the fixture names and add the columns immediately
+# below each fixture, per the syntax in the comments below
+#
+one: {}
+# column: value
+#
+two: {}
+# column: value

data/example_app/test/models/user_test.rb

@@ -0,0 +1,7 @@
+require "test_helper"
+
+class UserTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end

data/example_app/test/test_helper.rb

@@ -0,0 +1,13 @@
+ENV["RAILS_ENV"] ||= "test"
+require_relative "../config/environment"
+require "rails/test_help"
+
+class ActiveSupport::TestCase
+  # Run tests in parallel with specified workers
+  parallelize(workers: :number_of_processors)
+
+  # Setup all fixtures in test/fixtures/*.yml for all tests in alphabetical order.
+  fixtures :all
+
+  # Add more helper methods to be used by all tests here...
+end

data/lib/active_element/component.rb

@@ -24,6 +24,10 @@ module ActiveElement
       render Components::PageDescription.new(controller, content: content)
     end
 
+    def navbar(**kwargs)
+      render Components::Navbar.new(controller, **kwargs)
+    end
+
     def show_button(record = nil, flag_or_options = true, **kwargs) # rubocop:disable Style/OptionalBooleanParameter
       render Components::Button.new(controller, record, flag_or_options, type: :show, **kwargs)
     end
@@ -94,7 +98,10 @@ module ActiveElement
     end
 
     def default_class(collection, item, model_name)
-      class_from_collection(collection, model_name) || class_from_item(item, model_name)
+      return collection.model.name.underscore.pluralize if collection.respond_to?(:model)
+      return class_from_collection(collection, model_name) if collection.present?
+
+      class_from_item(item, model_name)
     end
 
     def class_from_collection(collection, model_name)
@@ -105,7 +112,7 @@ module ActiveElement
     end
 
     def class_from_item(item, model_name)
-      return model_name.pluralize if model_name.present?
+      return model_name.singularize if model_name.present?
       return nil if item.nil?
 
       Components::Util::I18n.class_name(class_name_from_item(item))

data/lib/active_element/components/collection_table.rb

@@ -19,8 +19,8 @@ module ActiveElement
         @controller = controller
         @class_name = class_name
         @model_name = model_name
-        @collection = collection || []
         @fields = fields
+        @collection = with_includes(collection) || []
         @style = style
         @params = params
         @show = show
@@ -61,7 +61,7 @@ module ActiveElement
       end
 
       def model
-        return collection.klass if collection.is_a?(ActiveRecord::Relation)
+        return collection.model if collection.is_a?(ActiveRecord::Relation)
 
         collection&.first.class.is_a?(ActiveModel::Naming) ? collection.first.class : nil
       end
@@ -113,6 +113,13 @@ module ActiveElement
       def row_class_mapper
         row_class.is_a?(Proc) ? row_class : proc { row_class }
       end
+
+      def with_includes(collection)
+        return collection unless collection.respond_to?(:includes_values)
+        return collection if collection.includes_values.present? || collection.select_values.present?
+
+        collection.includes(fields.select { |field| collection.model.reflect_on_association(field).present? })
+      end
     end
   end
 end

data/lib/active_element/components/email_fields.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module ActiveElement
+  module Components
+    # Provides a convenience method for detecting a field should be classified as an email address.
+    module EmailFields
+      EMAIL_FIELDS = %w[email email_address].freeze
+
+      def email_field?(field)
+        EMAIL_FIELDS.any? { |email_field| field.to_s.downcase == email_field }
+      end
+    end
+  end
+end

data/lib/active_element/components/form.rb

@@ -10,20 +10,21 @@ module ActiveElement
       attr_reader :controller
 
       # rubocop:disable Metrics/MethodLength
-      def initialize(controller, fields:, submit:, item:, title: nil, destroy: false,
-                     modal: false, columns: 1, expanded: true, **kwargs)
+      def initialize(controller, fields:, submit:, item:, title: nil, destroy: false, search: false,
+                     modal: false, columns: 1, **kwargs)
         @controller = controller
         @fields = fields
         @title = title
         @submit = submit
         @destroy = destroy
-        @expanded = expanded
         @item = item
         @modal = modal
         @kwargs = kwargs
         @columns = columns
+        @search = search
         @action = kwargs.delete(:action) { default_action }
         @method = kwargs.delete(:method) { default_method }.to_s.downcase.to_sym
+        @tabindex = 1
       end
       # rubocop:enable Metrics/MethodLength
 
@@ -31,10 +32,10 @@ module ActiveElement
         'active_element/components/form'
       end
 
-      def locals # rubocop:disable Metrics/MethodLength, Metrics/AbcSize
+      def locals # rubocop:disable Metrics/MethodLength
         {
           component: self,
-          fields: Util::FormFieldMapping.new(record, fields, i18n).fields_with_types_and_options,
+          fields: form_field_mapping.fields_with_types_and_options,
           record: record,
           submit_label: submit_label,
           submit_position: submit_position,
@@ -44,7 +45,6 @@ module ActiveElement
           kwargs: kwargs,
           destroy: destroy,
           modal: modal,
-          expanded: expanded,
           columns: columns,
           title: title,
           id: form_id
@@ -61,6 +61,10 @@ module ActiveElement
         base_options_for_select(field, field_options)
       end
 
+      def full_error_message
+        record&.errors&.full_messages&.join(', ')
+      end
+
       def valid?(field = nil)
         return true if record.blank? || !record.changed?
 
@@ -93,14 +97,18 @@ module ActiveElement
         end&.first
       end
 
-      def value_for(field, default = nil)
-        return form_value_mapping_value(field) if record.class.is_a?(ActiveModel::Naming)
-        return default_record_value(field, default) if record.present? && record.respond_to?(field)
-        return item[field].presence || default if item.present?
+      def value_for(*field, default: nil)
+        return form_value_mapping_value(field.first) if record.class.is_a?(ActiveModel::Naming)
+        return default_record_value(field.first, default) if record.present? && record.respond_to?(field.first)
+        return nested_value(field).presence || default if item.present?
 
         default
       end
 
+      def nested_value(field)
+        field.reduce(item) { |hash, key| hash.fetch(key, {}) }
+      end
+
       def form_value_mapping_value(field)
         Util::FormValueMapping.new(component: self, record: record, field: field).value
       end
@@ -114,7 +122,7 @@ module ActiveElement
       end
 
       def value_for_json_array_field(field, schema_field, element_index = nil)
-        array = value_for(field, {}).fetch(schema_field[:name], [])
+        array = value_for(field, default: {}).fetch(schema_field[:name], [])
         return array if element_index.nil?
 
         array.fetch(element_index, nil)
@@ -130,13 +138,27 @@ module ActiveElement
         record&.class
       end
 
+      def tabindex
+        (@tabindex += 1)
+      end
+
       private
 
       attr_reader :fields, :submit, :title, :kwargs, :item, :method, :action,
-                  :destroy, :modal, :expanded, :columns
+                  :destroy, :modal, :columns, :search
+
+      def form_field_mapping
+        @form_field_mapping ||= Util::FormFieldMapping.new(
+          record: record,
+          controller: controller,
+          fields: fields,
+          i18n: i18n,
+          search: search
+        )
+      end
 
       def valid_field?(field)
-        return true if record.respond_to?("#{field}_changed?") && !record.public_send("#{field}_changed?")
+        return true if record.respond_to?(:changed?) && !record.changed?
 
         record&.errors.blank? || record.errors.full_messages_for(field).blank?
       end
@@ -157,7 +179,7 @@ module ActiveElement
 
       def submit_label_from_model
         return "Create #{humanized_model_name}" if record.present? && method == :post
-        return "Update #{humanized_model_name}" if record.present? && %i[patch put].include?(method)
+        return 'Save Changes' if record.present? && %i[patch put].include?(method)
 
         nil
       end
@@ -189,7 +211,7 @@ module ActiveElement
       end
 
       def form_id
-        kwargs.fetch(:id) { "form-#{SecureRandom.uuid}" }
+        kwargs.fetch(:id) { ActiveElement.element_id }
       end
 
       def autoformat(val, field_options)
@@ -209,10 +231,19 @@ module ActiveElement
         end
       end
 
+      def default_action_type
+        case controller.action_name
+        when 'new', 'create'
+          :create
+        when 'edit', 'update'
+          :update
+        end
+      end
+
       def default_action
-        return controller.request.path unless record.is_a?(ActiveModel::Naming)
+        return controller.request.path unless record.class.is_a?(ActiveModel::Naming)
 
-        Util::RecordPath.new(record: record, controller: controller).path
+        Util::RecordPath.new(record: record, controller: controller, type: default_action_type).path
       end
     end
   end