pg_rails 7.0.7 → 7.0.8.pre.alpha

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c615490752a2afcaa4959f18c3b58bc214849a0912c308aea4b75a48122aa859
-  data.tar.gz: d4e8cc1fc2418a2691ef25607776de7ab1b6936367379cb4571c12925836933c
+  metadata.gz: a6d74fa06142003ba7e436907908f3f7ca491e8ab6367796424de5af92d19217
+  data.tar.gz: a8a7545e0881a3fb79d3d2185314619341286488d7b1eeacb265c0adacb1b371
 SHA512:
-  metadata.gz: 3c7cad41dc0953598c49c7a48ca188e24a62d8dea1d1aed95f530e5eb92faa18bbf1033aac19c8adf963f759e7d0de52e905b4001354afb282373a257f8042be
-  data.tar.gz: 8ecd2f4a9617b57b3938f307502883681d70dab249a6f0fbb0789855b411465dac411ffe7dc3056ee0b49a40f84db8a77ce71739bd7dbc9ad81691b42c4de591
+  metadata.gz: 3f27603a1c050b0c5aada27652696a5b5cff62041d51b31ad99e4b09494a5b5f6b3f2376ce56bf725ae7bc7a3effcbb10d2851e5c9df7530902dec5a2d885f09
+  data.tar.gz: ce9641619c78d375984b774fd007c7054e8ac6fe605d0f2c95c0f71bddfe498b081f64589c8a566a4da48d82f60b332d20f1359c937aa8cb34c137fa7a497014

data/pg_associable/app/assets/{css → stylesheets}/pg_associable.scss

@@ -7,7 +7,7 @@
   display: none;
 }
 .pg-form {
-  .pg_associable_inline, .pg_associable {
+  .pg_associable {
     .limpiar {
       display: none;
       position: absolute;

data/pg_associable/app/helpers/pg_associable/form_builder_methods.rb

@@ -6,26 +6,9 @@ module PgAssociable
     end
 
     def pg_associable(atributo, options = {})
-      url_modal = namespaced_path(clase_asociacion(atributo), prefix: :abrir_modal)
-      options[:as] = 'pg_associable/pg_associable'
-      options[:wrapper] = :pg_associable
-      options[:url_modal] = url_modal
+      options[:as] = 'pg_associable'
+      options[:wrapper_html] = { data: { controller: 'asociable', 'asociable-modal-outlet': '.modal' } }
       association atributo, options
     end
-
-    def pg_associable_inline(atributo, options = {})
-      url_search = namespaced_path(clase_asociacion(atributo), prefix: :buscar)
-      options[:as] = 'pg_associable/pg_associable_inline'
-      options[:wrapper] = :pg_associable_inline
-      options[:url_search] = url_search
-      association atributo, options
-    end
-
-    def clase_asociacion(atributo)
-      asociacion = object.class.reflect_on_all_associations.find { |a| a.name == atributo.to_sym }
-      nombre_clase = asociacion.options[:class_name]
-      nombre_clase = asociacion.name.to_s.camelize if nombre_clase.nil?
-      Object.const_get(nombre_clase)
-    end
   end
 end

data/pg_associable/app/helpers/pg_associable/helpers.rb

@@ -10,9 +10,10 @@ module PgAssociable
 
     def pg_respond_buscar
       partial = params[:partial] || 'pg_associable/resultados'
+      resultados = params[:resultados] || 'resultados'
       @collection = policy_scope(@clase_modelo).kept.query(params[:query]).limit(6)
       render turbo_stream:
-        turbo_stream.update("resultados-#{params[:id]}",
+        turbo_stream.update("#{resultados}-#{params[:id]}",
                             partial:, locals: { collection: @collection })
     end
   end

data/pg_associable/app/inputs/pg_associable_input.rb

@@ -0,0 +1,53 @@
+# frozen_string_literal: true
+
+class PgAssociableInput < SimpleForm::Inputs::StringInput
+  include ActionView::Helpers::FormTagHelper
+  include Rails.application.routes.url_helpers
+  include PgEngine::RouteHelper
+
+  def hidden_input(_wrapper_options = {})
+    @builder.hidden_field(attribute_name)
+  end
+
+  def controller
+    # Para que no rompa polymorphic_url en NamespaceDeductor
+  end
+
+  def input(wrapper_options = nil)
+    atributo = attribute_name.to_s.gsub('_id', '')
+    url_modal = namespaced_path(clase_asociacion(atributo), prefix: :abrir_modal)
+    url_search = namespaced_path(clase_asociacion(atributo), prefix: :buscar)
+
+    input_html_options[:data] = { url_search:, url_modal: }
+    input_html_options[:type] = 'text'
+
+    merged_input_options = merge_wrapper_options(input_html_options, wrapper_options)
+
+    build_input(merged_input_options)
+  end
+
+  def clase_asociacion(atributo)
+    asociacion = object.class.reflect_on_all_associations.find { |a| a.name == atributo.to_sym }
+    nombre_clase = asociacion.options[:class_name]
+    nombre_clase = asociacion.name.to_s.camelize if nombre_clase.nil?
+    Object.const_get(nombre_clase)
+  end
+
+  def build_input(input_options)
+    content_tag('div', class: 'position-relative') do
+      hidden_input + text_field_tag(nil, object.send(reflection.name).to_s,
+                                    input_options) + limpiar + pencil
+    end
+  end
+
+  def limpiar(_wrapper_options = nil)
+    content_tag('a', href: 'javascript:void(0)', class: 'limpiar', title: 'Limpiar', tabindex: '0',
+                     data: { action: 'asociable#selectItem' }) do
+      '<i class="bi bi-x-lg"></i>'.html_safe
+    end
+  end
+
+  def pencil(_wrapper_options = nil)
+    '<i tabindex="-1" class="bi bi-pencil pencil"></i>'.html_safe
+  end
+end

data/pg_associable/app/javascript/asociable_controller.tsx

@@ -0,0 +1,171 @@
+import { Controller } from '@hotwired/stimulus'
+import * as React from 'react'
+import { renderToStaticMarkup } from 'react-dom/server'
+
+export default class extends Controller {
+  static outlets = ['modal']
+
+  lastValue = null
+  result = null
+  elemId = null
+  input = null
+
+  connect () {
+    console.log('connect asociable')
+
+    // ID único para identificar el campo y el modal
+    this.elemId = Math.trunc(Math.random() * 1000000000)
+
+    this.input = this.element.querySelector('input[type=text]')
+
+    this.element.setAttribute('data-asociable-modal-outlet', `.modal-${this.elemId}`)
+    this.element.classList.add(`asociable-${this.elemId}`)
+
+    this.result = document.createElement('div')
+    this.result.setAttribute('id', `resultados-inline-${this.elemId}`)
+    this.result.classList.add('resultados-wrapper')
+    this.input.parentNode.appendChild(this.result)
+
+    const input = this.element.querySelector('input[type=text]')
+    if (input.value) {
+      this.element.classList.add('filled')
+    }
+    this.element.querySelector('.pencil').onclick = () => {
+      input.focus()
+    }
+
+    const debounce = function (callback, wait) {
+      let timerId
+      return (...args) => {
+        clearTimeout(timerId)
+        timerId = setTimeout(() => {
+          callback(...args)
+        }, wait)
+      }
+    }
+    const doSearchBounce = debounce((force) => {
+      this.doSearch(force)
+    }, 200)
+
+    this.input.addEventListener('blur', () => {
+      this.input.placeholder = ''
+    })
+    this.input.onfocus = () => {
+      this.input.select()
+      if (this.input.value.length === 0) {
+        this.escribiAlgo()
+      }
+    }
+    this.input.onkeyup = (e) => {
+      if (this.input.value.length === 0) {
+        this.escribiAlgo()
+      }
+      if (e.keyCode === 13) {
+        doSearchBounce(true)
+      } else {
+        doSearchBounce()
+      }
+    }
+    this.input.onkeydown = (e) => {
+      if (e.keyCode === 13) {
+        e.preventDefault()
+        return false
+      }
+    }
+  }
+
+  crearItem () {
+    // Si ya hay un modal abierto lo abro y retorno
+    if (this.modalOutlets.length > 0) {
+      this.modalOutlet.openModal()
+      return
+    }
+
+    const elem = (
+      <form method="get" action={this.input.dataset.url_modal} data-turbo-stream="true">
+        <input type="hidden" name="id" value={this.elemId} />
+      </form>
+    )
+    const form = document.createElement('div')
+    form.innerHTML = renderToStaticMarkup(elem)
+    document.body.prepend(form)
+    form.childNodes[0].requestSubmit()
+    form.remove()
+  }
+
+  escribiAlgo () {
+    this.input.placeholder = 'Escribí algo para buscar'
+  }
+
+  buscando () {
+    this.result.innerHTML = renderToStaticMarkup(
+      <div className="resultados" tabIndex={-1}>
+        <div className="fst-italic text-secondary">Buscando...</div>
+      </div>
+    )
+  }
+
+  selectItem (e) {
+    if (e.target.dataset.object) {
+      this.completarCampo(JSON.parse(e.target.dataset.object))
+    } else {
+      this.completarCampo(null)
+    }
+    this.result.innerHTML = ''
+  }
+
+  doSearch (force = false) {
+    if (!force && this.input.value.length < 3) {
+      return
+    }
+    if (!force && this.input.value === this.lastValue) {
+      return
+    }
+    this.lastValue = this.input.value
+
+    const timerId = setTimeout(() => {
+      this.buscando()
+    }, 200)
+    document.addEventListener('turbo:before-stream-render', function () {
+      clearTimeout(timerId)
+    })
+    const elem = (
+      <form method="post" action={this.input.dataset.url_search} data-turbo-stream="true">
+        <input type="hidden" name="id" value={this.elemId} />
+        <input type="hidden" name="partial" value="pg_associable/resultados_inline" />
+        <input type="hidden" name="resultados" value="resultados-inline" />
+        <input type="hidden" name="query" value={this.input.value} />
+      </form>
+    )
+    const form = document.createElement('div')
+    form.innerHTML = renderToStaticMarkup(elem)
+    document.body.prepend(form)
+    form.childNodes[0].requestSubmit()
+    form.remove()
+  }
+
+  completarCampo (object) {
+    const textField = this.element.querySelector('input[type=text]')
+    const hiddenField = this.element.querySelector('input[type=hidden]')
+    if (object) {
+      hiddenField.value = object.id
+      textField.value = object.to_s
+      this.element.classList.add('filled')
+      this.element.dataset.object = object
+      const event = new CustomEvent('pg_associable:changed', { detail: object })
+      this.element.dispatchEvent(event)
+    } else {
+      textField.value = null
+      hiddenField.value = null
+      this.element.classList.remove('filled')
+      this.element.dataset.object = null
+      const event = new CustomEvent('pg_associable:changed')
+      this.element.dispatchEvent(event)
+    }
+    this.result.innerHTML = ''
+  }
+
+  disconnect () {
+    console.log('disconnect asociable')
+  }
+}

data/pg_associable/app/{assets/js → javascript}/modal_controller.js

@@ -78,15 +78,18 @@ export default class extends Controller {
 
   selectItem (e) {
     const asociable = this.asociableOutlet
-    // TODO: text en data
-    asociable.completarCampo(e.target.dataset.id, e.target.text)
+    if (e.target.dataset.object) {
+      asociable.completarCampo(JSON.parse(e.target.dataset.object))
+    } else {
+      asociable.completarCampo(null)
+    }
     this.remove()
   }
 
   responseTargetConnected (e) {
     const newObject = JSON.parse(e.dataset.response)
     const asociable = this.asociableOutlet
-    asociable.completarCampo(newObject.id, newObject.to_s)
+    asociable.completarCampo(newObject)
     this.remove()
   }
 

data/pg_associable/app/views/pg_associable/_resultados.html.slim

@@ -3,7 +3,9 @@
     .list-group.list-group-flush
       - collection.each do |object|
         = link_to object.to_s, 'javascript:void(0)',
-                  class: 'list-group-item', data: { action: 'modal#selectItem', id: object.id }
+                  class: 'list-group-item',
+                  data: { action: 'modal#selectItem', id: object.id, \
+                          object: object.decorate.to_json }
   - else
     ul.list-group.list-group-flush
       li.list-group-item No hay resultados para "#{params[:query]}"

data/pg_associable/app/views/pg_associable/_resultados_inline.html.slim

@@ -1,12 +1,15 @@
 .resultados tabindex="-1"
   - if collection.any?
     .list-group.list-group-flush
+      = link_to 'Crear', 'javascript:void(0)',
+                class: 'list-group-item', data: { action: 'asociable#crearItem' }
       = link_to 'Ninguno', 'javascript:void(0)',
-                class: 'list-group-item', data: { action: 'asociable_inline#selectItem' }
+                class: 'list-group-item', data: { action: 'asociable#selectItem' }
       - collection.each do |object|
         = link_to object.to_s, 'javascript:void(0)',
                   class: 'list-group-item',
-                  data: { action: 'asociable_inline#selectItem', id: object.id }
+                  data: { action: 'asociable#selectItem',
+                          id: object.id, object: object.decorate.to_json }
   - else
     ul.list-group.list-group-flush
       li.list-group-item No hay resultados para "#{params[:query]}"

data/pg_associable/index.js

@@ -1,7 +1,5 @@
-import AsociableInlineController from './app/assets/js/asociable_inline_controller'
-import AsociableController from './app/assets/js/asociable_controller'
-import ModalController from './app/assets/js/modal_controller'
+import AsociableController from './app/javascript/asociable_controller'
+import ModalController from './app/javascript/modal_controller'
 
-window.Stimulus.register('asociable_inline', AsociableInlineController)
 window.Stimulus.register('asociable', AsociableController)
 window.Stimulus.register('modal', ModalController)

data/pg_associable/lib/pg_associable/engine.rb

@@ -1,8 +1,4 @@
 module PgAssociable
   class Engine < ::Rails::Engine
-    # initializer 'configurar_simple_form', after: 'factory_bot.set_fixture_replacement' do
-    initializer 'configurar_pg_scaffold' do
-      require 'pg_associable/simple_form_initializer'
-    end
   end
 end

data/pg_engine/app/views/admin/user_accounts/_form.html.slim

@@ -5,8 +5,8 @@ div style="max-width: 300px"
     = f.mensajes_de_error
 
     = hidden_field_tag :asociable, true if asociable
-    = f.pg_associable_inline :user
-    = f.pg_associable_inline :account
+    = f.pg_associable :user
+    = f.pg_associable :account
     = f.input :profiles
     .mt-2
     = f.button :submit

data/pg_engine/config/initializers/active_admin.rb

@@ -34,10 +34,7 @@ ActiveAdmin.setup do |config|
   #     File.join(Rails.root, 'app', 'admin'),
   #     File.join(Rails.root, 'app', 'cashier')
   #   ]
-  config.load_paths = [
-    File.join(Rails.root, 'app', 'admin'),
-    File.join(PgEngine::Engine.root, 'app', 'admin')
-  ]
+  config.load_paths.push(File.join(PgEngine::Engine.root, 'app', 'admin'))
   # == Default Namespace
   #
   # Set the default namespace each administration resource

data/pg_engine/db/seeds.rb

@@ -1,5 +1,8 @@
-['mrosso10@gmail.com'].each do |mail|
-  unless User.exists?(email: mail)
-    User.create(email: mail, password: 'admin123', confirmed_at: Time.now, developer: true)
-  end
+DatabaseCleaner.clean_with(:truncation, except: %w(ar_internal_metadata users accounts user_accounts))
+
+MAIL = 'mrosso10@gmail.com'
+
+unless User.where(email: MAIL).exists?
+  FactoryBot.create :user, email: MAIL, password: 'admin123',
+                           confirmed_at: Time.now, developer: true
 end

data/pg_engine/lib/tasks/auto_anotar_modelos.rake

@@ -11,7 +11,7 @@ if Rails.env.development?
       'additional_file_patterns'    => [],
       'routes'                      => 'true',
       'models'                      => 'true',
-      'position_in_routes'          => 'before',
+      'position_in_routes'          => 'after',
       'position_in_class'           => 'before',
       'position_in_test'            => 'before',
       'position_in_fixture'         => 'before',

data/pg_layout/app/views/layouts/pg_layout/layout.html.slim

@@ -3,6 +3,7 @@ html
   head
     title = Rails.application.class.module_parent_name
     meta name="viewport" content="width=device-width,initial-scale=1"
+    meta name="turbo-cache-control" content="no-cache"
     = csrf_meta_tags
     = csp_meta_tag
 

data/pg_layout/app/views/pg_layout/_flash.html.slim

@@ -5,6 +5,6 @@
 
 - flash_to_show.each do |flash_type, message|
   .toast(class="bg-#{flash_type_to_class(flash_type)}-subtle" role="alert"
-         aria-live="assertive" aria-atomic="true")
+         data-turbo-temporary="true" aria-live="assertive" aria-atomic="true")
     .toast-body
       = message

data/pg_rails/lib/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module PgRails
-  VERSION = '7.0.7'
+  VERSION = '7.0.8-alpha'
 end

data/pg_rails/scss/pg_rails.scss

@@ -1,3 +1,3 @@
 @import './../../pg_engine/app/assets/stylesheets/pg_rails_b5';
-@import './../../pg_associable/app/assets/css/pg_associable';
+@import './../../pg_associable/app/assets/stylesheets/pg_associable';
 @import './../../pg_layout/app/assets/stylesheets/sidebar';

data/pg_scaffold/lib/generators/pg_slim/templates/_form.html.slim

@@ -6,7 +6,7 @@ div style="max-width: 300px"
 
     = hidden_field_tag :asociable, true if asociable
   <%- attributes.each do |attribute| -%>
-    = f.<%= attribute.reference? ? :pg_associable_inline : :input %> :<%= attribute.name %>
+    = f.<%= attribute.reference? ? :pg_associable : :input %> :<%= attribute.name %>
   <%- end -%>
     .mt-2
     = f.button :submit

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: pg_rails
 version: !ruby/object:Gem::Version
-  version: 7.0.7
+  version: 7.0.8.pre.alpha
 platform: ruby
 authors:
 - Martín Rosso
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-02-11 00:00:00.000000000 Z
+date: 2024-02-19 00:00:00.000000000 Z
 dependencies: []
 description: Rails goodies.
 email:
@@ -19,22 +19,18 @@ extra_rdoc_files: []
 files:
 - MIT-LICENSE
 - README.md
-- pg_associable/app/assets/css/pg_associable.scss
-- pg_associable/app/assets/js/asociable_controller.js
-- pg_associable/app/assets/js/asociable_inline_controller.js
-- pg_associable/app/assets/js/modal_controller.js
+- pg_associable/app/assets/stylesheets/pg_associable.scss
 - pg_associable/app/helpers/pg_associable/form_builder_methods.rb
 - pg_associable/app/helpers/pg_associable/helpers.rb
-- pg_associable/app/inputs/pg_associable/pg_associable_inline_input.rb
-- pg_associable/app/inputs/pg_associable/pg_associable_input.rb
+- pg_associable/app/inputs/pg_associable_input.rb
+- pg_associable/app/javascript/asociable_controller.tsx
+- pg_associable/app/javascript/modal_controller.js
 - pg_associable/app/views/pg_associable/_resultados.html.slim
 - pg_associable/app/views/pg_associable/_resultados_inline.html.slim
 - pg_associable/app/views/pg_engine/base/_pg_associable_modal.html.slim
 - pg_associable/index.js
 - pg_associable/lib/pg_associable.rb
 - pg_associable/lib/pg_associable/engine.rb
-- pg_associable/lib/pg_associable/simple_form_initializer.rb
-- pg_associable/lib/tasks/pg_associable_tasks.rake
 - pg_associable/spec/pg_associable/helpers_spec.rb
 - pg_engine/app/admin/accounts.rb
 - pg_engine/app/admin/audits.rb
@@ -220,9 +216,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '3.0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubygems_version: 3.3.22
 signing_key: 

data/pg_associable/app/assets/js/asociable_controller.js

@@ -1,58 +0,0 @@
-import { Controller } from '@hotwired/stimulus'
-
-export default class extends Controller {
-  static outlets = ['modal']
-
-  lastValue = null
-
-  connect (e) {
-    console.log('connect asociable')
-
-    // ID único para identificar el campo y el modal
-    const elemId = Math.trunc(Math.random() * 1000000000)
-    this.element.setAttribute('data-asociable-modal-outlet', `.modal-${elemId}`)
-    this.element.classList.add(`asociable-${elemId}`)
-
-    const that = this
-    const modalLink = this.targets.element.querySelector('.modal-link')
-    const path = modalLink.attributes.href.value
-    modalLink.setAttribute('href', `${path}?id=${elemId}`)
-    modalLink.onclick = (e) => {
-      // Si ya hay un modal abierto lo abro y evito que se haga el get
-      // Si no, dejo que se ejecute el comportamiento por default
-      if (that.modalOutlets.length > 0) {
-        e.preventDefault()
-        that.modalOutlet.openModal()
-      }
-    }
-    const input = this.element.querySelector('input[type=text]')
-    if (input.value) {
-      this.element.classList.add('filled')
-    }
-  }
-
-  selectItem (e) {
-    // TODO: text en data
-    this.completarCampo(e.target.dataset.id, e.target.text)
-  }
-
-  completarCampo (id, text) {
-    const textField = this.element.querySelector('input[type=text]')
-    const hiddenField = this.element.querySelector('input[type=hidden]')
-    if (id === undefined) {
-      id = null
-    }
-    hiddenField.value = id
-    if (id) {
-      textField.value = text
-      this.element.classList.add('filled')
-    } else {
-      textField.value = null
-      this.element.classList.remove('filled')
-    }
-  }
-
-  disconnect (e) {
-    console.log('disconnect asociable')
-  }
-}

data/pg_associable/app/assets/js/asociable_inline_controller.js

@@ -1,142 +0,0 @@
-import { Controller } from '@hotwired/stimulus'
-
-export default class extends Controller {
-  static outlets = ['modal']
-
-  result = null
-  elemId = null
-  input = null
-  lastValue = ''
-  connect (e) {
-    console.log('connect asociable_inline')
-    const that = this
-    // ID único para identificar el campo y el modal
-    this.input = this.element.querySelector('input[type=text]')
-    this.elemId = Math.trunc(Math.random() * 1000000000)
-    this.element.classList.add(`asociable-${this.elemId}`)
-    this.result = document.createElement('div')
-    this.result.setAttribute('id', `resultados-${this.elemId}`)
-    this.result.classList.add('resultados-wrapper')
-    this.input.parentNode.appendChild(this.result)
-    this.input.parentNode.appendChild(this.result)
-    this.element.querySelector('.pencil').onclick = (e) => {
-      that.input.focus()
-    }
-    if (this.input.value) {
-      this.element.classList.add('filled')
-    }
-
-    const debounce = function (callback, wait) {
-      let timerId
-      return (...args) => {
-        clearTimeout(timerId)
-        timerId = setTimeout(() => {
-          callback(...args)
-        }, wait)
-      }
-    }
-    const doSearchBounce = debounce((force) => {
-      that.doSearch(force)
-    }, 200)
-
-    this.input.addEventListener('blur', (e) => {
-      this.input.placeholder = ''
-    })
-    this.input.onfocus = (e) => {
-      this.input.select()
-      if (this.input.value.length === 0) {
-        this.escribiAlgo()
-      }
-    }
-    this.input.onkeyup = (e) => {
-      if (this.input.value.length === 0) {
-        this.escribiAlgo()
-      }
-      if (e.keyCode === 13) {
-        doSearchBounce(true)
-      } else {
-        doSearchBounce()
-      }
-    }
-    this.input.onkeydown = (e) => {
-      if (e.keyCode === 13) {
-        e.preventDefault()
-        return false
-      }
-    }
-  }
-
-  buscando () {
-    this.result.innerHTML = `
-<div class="resultados" tabindex="-1">
-  <div class="fst-italic text-secondary">Buscando...</div>
-</div>
-`
-  }
-
-  escribiAlgo () {
-    this.input.placeholder = 'Escribí algo para buscar'
-  }
-
-  doSearch (force = false) {
-    if (!force && this.input.value.length < 3) {
-      return
-    }
-    if (!force && this.input.value === this.lastValue) {
-      return
-    }
-    this.lastValue = this.input.value
-
-    const timerId = setTimeout(() => {
-      this.buscando()
-    }, 200)
-    document.addEventListener('turbo:before-stream-render', function (e) {
-      clearTimeout(timerId)
-    })
-    const url = `${this.input.dataset.url}?id=${this.elemId}`
-    const form = document.createElement('form')
-    form.setAttribute('method', 'post')
-    form.setAttribute('action', url)
-    form.setAttribute('data-turbo-stream', true)
-    const partial = document.createElement('input')
-    partial.setAttribute('type', 'hidden')
-    partial.setAttribute('name', 'partial')
-    partial.setAttribute('value', 'pg_associable/resultados_inline')
-    form.appendChild(partial)
-    const query = document.createElement('input')
-    query.setAttribute('type', 'hidden')
-    query.setAttribute('name', 'query')
-    query.setAttribute('value', this.input.value)
-    form.appendChild(query)
-    document.body.prepend(form)
-    form.requestSubmit()
-    form.remove()
-  }
-
-  completarCampo (id, text) {
-    const textField = this.element.querySelector('input[type=text]')
-    const hiddenField = this.element.querySelector('input[type=hidden]')
-    if (id === undefined) {
-      id = null
-    }
-    hiddenField.value = id
-    if (id) {
-      textField.value = text
-      this.element.classList.add('filled')
-    } else {
-      this.element.classList.remove('filled')
-      textField.value = null
-    }
-  }
-
-  selectItem (e) {
-    console.log('select')
-    // TODO: text en data
-    this.completarCampo(e.target.dataset.id, e.target.text)
-    this.result.innerHTML = ''
-  }
-
-  disconnect (e) {
-    console.log('disconnect asociable_inline')
-  }
-}

data/pg_associable/app/inputs/pg_associable/pg_associable_inline_input.rb

@@ -1,39 +0,0 @@
-# frozen_string_literal: true
-
-module PgAssociable
-  class PgAssociableInlineInput < SimpleForm::Inputs::StringInput
-    include ActionView::Helpers::FormTagHelper
-
-    def hidden_input(wrapper_options = {})
-      merged_input_options = merge_wrapper_options(input_html_options, wrapper_options)
-      # merged_input_options = merge_wrapper_options(merged_input_options, { class: 'oculto' })
-      @builder.hidden_field(attribute_name, merged_input_options)
-    end
-
-    def search_form(wrapper_options = nil)
-      unless string?
-        input_html_classes.unshift('string')
-        # input_html_options[:type] ||= input_type if html5?
-      end
-      input_html_options[:type] = 'text'
-      input_html_options[:data] = { url: options[:url_search] }
-      input_html_options[:class] = 'form-control'
-      input_html_options[:placeholder] = ''
-
-      merged_input_options = merge_wrapper_options(input_html_options, wrapper_options)
-
-      text_field_tag(nil, object.send(reflection.name).to_s, merged_input_options)
-    end
-
-    def limpiar(_wrapper_options = nil)
-      content_tag('a', href: 'javascript:void(0)', class: 'limpiar', title: 'Limpiar', tabindex: '0',
-                       data: { action: 'asociable_inline#selectItem' }) do
-        '<i class="bi bi-x-lg"></i>'.html_safe
-      end
-    end
-
-    def pencil(_wrapper_options = nil)
-      '<i tabindex="-1" class="bi bi-pencil pencil"></i>'.html_safe
-    end
-  end
-end

data/pg_associable/app/inputs/pg_associable/pg_associable_input.rb

@@ -1,41 +0,0 @@
-# frozen_string_literal: true
-
-module PgAssociable
-  class PgAssociableInput < SimpleForm::Inputs::StringInput
-    include ActionView::Helpers::FormTagHelper
-
-    def hidden_input(wrapper_options = {})
-      merged_input_options = merge_wrapper_options(input_html_options, wrapper_options)
-      # merged_input_options = merge_wrapper_options(merged_input_options, { class: 'oculto' })
-      @builder.hidden_field(attribute_name, merged_input_options)
-    end
-
-    def input(wrapper_options = nil)
-      unless string?
-        input_html_classes.unshift('string')
-        # input_html_options[:type] ||= input_type if html5?
-      end
-      input_html_options[:type] = 'text'
-
-      merged_input_options = merge_wrapper_options(input_html_options, wrapper_options)
-      merged_input_options = merge_wrapper_options(merged_input_options, { class: 'keep-disabled' })
-
-      text_field_tag(nil, object.send(reflection.name).to_s, merged_input_options)
-    end
-
-    def modal_link(_wrapper_options = nil)
-      "<a href=\"#{options[:url_modal]}\" class=\"modal-link d-inline-block\" data-turbo-stream style=\"position:absolute; left:0; right:0; top:0; bottom:0;\"></a>".html_safe
-    end
-
-    def limpiar(_wrapper_options = nil)
-      content_tag('a', href: 'javascript:void(0)', class: 'limpiar', title: 'Limpiar', tabindex: '0',
-                       data: { action: 'asociable#selectItem' }) do
-        '<i class="bi bi-x-lg"></i>'.html_safe
-      end
-    end
-
-    def pencil(_wrapper_options = nil)
-      '<i tabindex="-1" class="bi bi-pencil pencil"></i>'.html_safe
-    end
-  end
-end

data/pg_associable/lib/pg_associable/simple_form_initializer.rb

@@ -1,34 +0,0 @@
-SimpleForm.setup do |config|
-  config.wrappers :pg_associable, tag: 'div', class: 'pg_associable mb-3', html: { data: { controller: 'asociable', 'asociable-modal-outlet': '.modal' } },
-                                  error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b|
-    b.use :html5
-    b.optional :readonly
-    b.use :label, class: 'form-label'
-    b.use :hidden_input
-    b.wrapper tag: 'div', class: 'position-relative' do |ba|
-      ba.use :input, class: 'form-control', disabled: true, placeholder: 'Clic para seleccionar...',
-                     error_class: 'is-invalid'
-      ba.use :pencil
-      ba.use :modal_link
-      ba.use :limpiar
-    end
-    b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' }
-    b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
-  end
-
-  config.wrappers :pg_associable_inline, tag: 'div', class: 'pg_associable_inline mb-3', html: { data: { controller: 'asociable_inline' } },
-                                         error_class: 'form-group-invalid', valid_class: 'form-group-valid' do |b|
-    b.use :html5
-    b.optional :readonly
-    b.use :label, class: 'form-label'
-    b.use :hidden_input
-    b.wrapper tag: 'div', class: 'search-box position-relative' do |ba|
-      ba.use :search_form, error_class: 'is-invalid'
-      ba.use :limpiar
-      ba.use :pencil
-      # ba.use :input, class: 'form-control', placeholder: 'Buscar...'
-    end
-    b.use :full_error, wrap_with: { tag: 'div', class: 'invalid-feedback d-block' }
-    b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
-  end
-end

data/pg_associable/lib/tasks/pg_associable_tasks.rake

@@ -1,4 +0,0 @@
-# desc "Explaining what the task does"
-# task :pg_associable do
-#   # Task goes here
-# end