zutils 3.0.7 → 4.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c0e1895f78aa7d4945cf23c0969f73bec1830c2fd0b0c25fa06557115dae7c45
-  data.tar.gz: d4cbbe66d10c88ac221d138f7eb65f57f971d0db6a08d59346223ac0e976d4bf
+  metadata.gz: 5f1ec2fd6ee82b24cc7e0d76d8e1936afac86acd47506d3403ac5ac3d3eb57e9
+  data.tar.gz: 26aab57eb436ee26c803c83668de402ae4917e533ddc59d0c36e61a4910abd45
 SHA512:
-  metadata.gz: 0e7ed06ae889974c04ae750ae8d0de3c10dd051e7cda2e902f3ebd9d5e8aeda6f3291194bdd4c338af2946de78c589f929d8564b2f8fd595076b620ff8583740
-  data.tar.gz: ee0d23b851a49e9d8e3b229f56134d6dc5be58292c460a2c9952b328c5fd2e761d76ec28fb75945d57329a431c2e9d8cc8d0319c51cd3a7d228b292d5be83285
+  metadata.gz: b9ea17a806dd17cef18536c8e7c1c24e0607049e31e4952d5da7ee3e30ee79886db58a08c0f62e184e80e94c8cfc8eedf138cb3bceef606fea7fc7d9a7a49cd9
+  data.tar.gz: bd712d0a0888f5a7d2169a9f4f3b2970dc821bada74884e46fe33aa737d141e049bf7c7aa82317495b4dc7e120c3a282a3b4f07bb6ef12c985f3742e8bf22493

data/README.md

@@ -1,43 +1,420 @@
 # Zutils
 
-Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/zutils`. To experiment with that code, run `bin/console` for an interactive prompt.
+Engine Rails com partials Bootstrap 5.3 e helpers reutilizáveis. Os controllers Stimulus
+são distribuídos separadamente no pacote npm **`@zezim/zutils`**.
 
-TODO: Delete this and the text above, and describe your gem
+## O que a gem entrega
 
-## Installation
+- **Views** (`app/views/shared/*`): partials prontos para CRUDs — listagem, formulário,
+  detalhes, pesquisa, paginação, ações, flash, modais, file chooser e estado vazio.
+- **Helpers** (`lib/zutils/helpers.rb`): `bootstrap_flash`, `eval_with_rescue`,
+  `display`/`display_boolean`, `menu_activated?`, `section_header` e mais.
+- **Assets** (`app/assets/stylesheets/zutils.scss`): integração do tom-select com o
+  visual do Bootstrap 5 e utilidades.
 
-Add this line to your application's Gemfile:
+Os **controllers Stimulus** vivem no pacote **`@zezim/zutils`** — veja [zutils-js/README.md](zutils-js/README.md).
+
+## Requisitos
+
+| Dependência         | Versão | Onde é usada                    |
+| ------------------- | ------ | ------------------------------- |
+| `rails`             | >= 7.0 | engine                          |
+| `bootstrap` (sass)  | 5.3.x  | partials                        |
+| `stimulus-rails`    | -      | controllers JS                  |
+| `simple_form`       | -      | `_form`, `_fields`, `_search_form` |
+| `ransack`           | -      | `_list` (sort_link), `_search_form` |
+| `cancancan`         | -      | `_btn_action_links`, `_action_links` (`can?`) |
+| `kaminari` **ou** `pagy` | - | `_pagination`, `_index`         |
+| `active_storage`    | -      | `_list`, `_show` (anexos)       |
+| `tom-select`        | -      | `zutils.scss`                   |
+
+### Dependências JS
+
+Os controllers vêm do pacote `@zezim/zutils`, que declara as libs como `peerDependencies`
+opcionais. Instale na app apenas as dos controllers que for usar:
+
+```js
+// app/javascript/controllers/index.js — exemplos
+import ToastrController from "@zezim/zutils/controllers/toastr"
+import SweetAlertController from "@zezim/zutils/controllers/sweetalert"
+```
+
+### CSS das bibliotecas JS
+
+Alguns controllers dependem de estilos que a **aplicação** deve importar no `application.scss`:
+
+```scss
+// app/assets/stylesheets/application.scss (com --load-path=node_modules)
+@import 'bootstrap-fileinput/css/fileinput';            // fileinput
+@import 'ckeditor5/dist/ckeditor5.css';               // ckeditor
+@import 'tom-select/dist/css/tom-select.bootstrap5';   // tom-select, tom-select-remote
+@import "toastr/build/toastr";                        // toastr
+```
+
+Sem esses imports, os controllers carregam (e o `data-controller` funciona) mas sem o
+estilo visual (ex.: o CKEditor aparece como um `<textarea>` puro e o fileinput sem layout
+de upload). Veja também [zutils-js/README.md](zutils-js/README.md).
+
+## Instalação
+
+```ruby
+# Gemfile
+gem "zutils"
+```
+
+```sh
+bundle install
+```
+
+A engine é auto-carregada: views via `render "shared/..."` e helpers via `ActionView`.
+
+### SASS
+
+```scss
+// app/assets/stylesheets/application.scss
+@import "zutils";
+```
+
+## Uso — Views
+
+### Listagem (`shared/index`, `shared/list`)
+
+```erb
+<%= render "shared/index",
+  list: @users,
+  pagy: @pagy,
+  sort_all: true,
+  show_new: true,
+  excluded_columns: %w[password_digest]
+%>
+```
+
+| Parâmetro | Padrão | Descrição |
+|---|---|---|
+| `list` | - | collection paginada |
+| `pagy` | `@pagy` | objeto Pagy (ou Kaminari) |
+| `show_new` | `!hide.include?("header_new")` | botão "Cadastrar" |
+| `hide` | `%w[new back delete_right]` | ações ocultas (`header`, `new`, `back`, `delete`) |
+| `card_color` | `"primary"` | cor do card / botões |
+| `excluded_columns` / `additional_columns` / `show_columns` | `[]` | colunas |
+| `sort_all` / `sort_fields` | `false` / `[]` | ordenação |
+| `controller` | `"bootstrap-table"` | data-controller do card |
+| `table_class` | `"table table-striped align-middle bootstrap-table"` | classes da tabela |
+| `hide_actions` | `false` | oculta coluna de ações |
+| `additional_actions` | `[]` | ações extras |
+| `size` | `"sm"` | tamanho dos botões |
+
+Colunas como hashes:
+
+```erb
+show_columns: [
+  { attribute: "id", align: "right" },
+  "name",
+  { attribute: "created_at", format: :long }
+]
+```
+
+Convenções: `*_id` mostra o nome do registro associado, `*_cents` formata moeda,
+atributos `attached?` (ActiveStorage) viram botão de download, `*_currency` é ignorada.
+
+```erb
+<%# somente a tabela %>
+<%= render "shared/list", list: @users %>
+
+<%# alias legado que delega a shared/index %>
+<%= render "shared/card_list", list: @users %>
+```
+
+### Formulário (`shared/form`, `shared/fields`)
+
+```erb
+<%= render "shared/form", object: @user %>
+```
+
+| Parâmetro | Padrão | Descrição |
+|---|---|---|
+| `object` | - | objeto do formulário |
+| `excluded_columns` / `additional_columns` / `restricted_columns` | `[]` / `{}` | colunas |
+| `nested_resource` / `parent_resource` | `false` | recurso aninhado |
+| `back_link` | `false` | cancelar via `history.back()` |
+| `card_color` | `"primary"` | cor do card e botão salvar |
+
+Os campos usam `form_fields` na model:
 
 ```ruby
-gem 'zutils'
+# app/models/user.rb
+def self.form_fields
+  { name: { size: 6 }, email: { size: 6 } }
+end
+```
+
+### Detalhes (`shared/show`)
+
+```erb
+<%= render "shared/show", object: @user %>
+```
+
+| Parâmetro | Padrão | Descrição |
+|---|---|---|
+| `object` | - | registro |
+| `color` | `"primary"` | cor do topo |
+| `hide` | `%w[new show]` | ações ocultas (`top_bar`, `bottom_bar`) |
+| `buttons_size` | `"md"` | tamanho dos botões |
+| `edit_color` / `delete_color` | `"btn-warning"` / `"btn-outline-danger"` | cores |
+| `excluded_columns` / `additional_columns` / `show_columns` | - | colunas |
+| `nested_resource` / `relationships` | `false` / `{}` | recursos aninhados |
+
+Se existir `app/views/users/_user.html.erb`, ele é renderizado no lugar da tabela.
+
+### Pesquisa (`shared/search_form`)
+
+```erb
+<%= render "shared/search_form",
+  url: users_path,
+  search_fields: [
+    { name: :name_cont, attrs: { placeholder: "Nome" } },
+    { name: :email_cont, attrs: { placeholder: "E-mail" } }
+  ]
+%>
+```
+
+| Parâmetro | Padrão | Descrição |
+|---|---|---|
+| `search_object` | `@q` | objeto ransack |
+| `url` | - | action do form |
+| `opened` | `false` | filtros abertos |
+| `search_fields` | `[]` | campos avançados |
+| `main_field` | `{ name: :id_eq }` | campo principal |
+| `card_color` | `"primary"` | cor do botão "Aplicar" |
+
+Requer `data-controller="filtering"`.
+
+### Paginação (`shared/pagination`)
+
+```erb
+<%= render "shared/pagination", list: @users, pagy: @pagy %>
+```
+
+Preserva query params (exceto page/items), suporta Kaminari ou Pagy.
+
+### Botões de ação (`shared/btn_action_links`, `shared/action_links`)
+
+```erb
+<%= render "shared/btn_action_links", object: @user, labels: true, hide: %w[delete] %>
+```
+
+| Parâmetro | Padrão | Descrição |
+|---|---|---|
+| `object` | - | registro (aceita array p/ rotas aninhadas) |
+| `labels` | `false` | mostra texto |
+| `hide` | `[]` | ações a ocultar |
+| `size` | `"sm"` | tamanho |
+| `extra_actions` | `{}` | ações customizáveis |
+| `back_color` / `show_color` / `new_color` / `edit_color` / `delete_color` | ver _btn | classes |
+
+```erb
+extra_actions: {
+  publish: {
+    icon: "fa-check", label: "Publicar", class: "btn-success",
+    side: :right, path: -> { publish_user_path(object) }, method: :post
+  }
+}
+```
+
+Dropdown (`data-controller="dropdown"` — requer `tippy.js`):
+
+```erb
+<%= render "shared/dropdown_menu", object: @user, theme: "light" do %>
+  <li><%= link_to "Custom", custom_path(object), class: "dropdown-item" %></li>
+<% end %>
+```
+
+### Flash (`shared/flash`, `shared/flash_only_toastr`)
+
+```erb
+<%# no layout — toastr (padrão) %>
+<%= render "shared/flash_only_toastr" %>
+
+<%# Alertas Bootstrap + toasts %>
+<%= render "shared/flash" %>
+
+<%# com SweetAlert2 %>
+<%= render "shared/flash_only_toastr", notification: :sweetalert %>
+```
+
+O helper `bootstrap_flash` gera os alertas com `data-kind`/`data-text` consumidos
+pelos controllers `toastr` ou `sweetalert`. Em Turbo:
+
+```erb
+<%= turbo_stream.prepend "flash", partial: "shared/flash_only_toastr", locals: { notification: :toastr } %>
+```
+
+### Modais (`shared/modal`, `shared/turbo_modal`)
+
+```erb
+<%= render "shared/modal", modal_id: "meu-modal", modal_title: "Título", modal_size: "lg" do %>
+  <p>Conteúdo</p>
+<% end %>
+
+<%= render "shared/turbo_modal", title: "Editar" do %>
+  <%= render "form" %>
+<% end %>
+```
+
+### File chooser (`shared/file_chooser`)
+
+```erb
+<%= render "shared/file_chooser", f: f, attribute: :avatar, label: "Foto", kind: "imagefileinput" %>
+```
+
+| Parâmetro | Padrão | Descrição |
+|---|---|---|
+| `f` | - | form builder (simple_form) |
+| `attribute` | - | atributo ActiveStorage |
+| `label` | `""` | label do campo |
+| `required` | `false` | campo obrigatório |
+| `kind` | `"pdffileinput"` | classe p/ fileinput: `imagefileinput`, `anyfileinput`, `pdffileinput`, `xlsfileinput` |
+| `wrapper_html` | `{ class: "" }` | classes do wrapper |
+
+Requer `data-controller="fileinput"` (controller `fileinput` do `@zezim/zutils`).
+
+### Estado vazio (`shared/empty_state`, `shared/empty_state_card`)
+
+```erb
+<%# versão simples %>
+<%= render "shared/empty_state", icon: "far fa-circle-xmark", message: "Nenhum registro" %>
+
+<%# versão card com CTA %>
+<%= render "shared/empty_state_card",
+  title: "Nada aqui!",
+  message: "Clique para criar.",
+  icon: "fa fa-inbox",
+  btn_title: "Criar",
+  btn_url: new_user_path,
+  btn_icon: "fa-plus",
+  btn_color: "btn-primary"
+%>
+```
+
+| Parâmetro | Padrão | Descrição |
+|---|---|---|
+| `title` | `""` | título |
+| `message` | `""` | mensagem descritiva |
+| `icon` | `"fa fa-inbox"` | ícone |
+| `btn_title` | `"Criar"` | texto do botão |
+| `btn_url` | `""` | link do botão (se vazio, não renderiza) |
+| `btn_icon` | `"fa-plus"` | ícone do botão |
+| `btn_color` | `"btn-primary"` | classe do botão |
+| `icon_style` | `""` | classe extra no ícone |
+| `border_color` | `""` | classe na borda |
+
+## Uso — Helpers
+
+| Helper | Descrição |
+|---|---|
+| `bootstrap_flash` | gera alertas Bootstrap 5 com `data-kind`/`data-text` (consumido por toastr ou sweetalert). Aceita opções: `success_title`, `error_title`, `alert_title`, `info_title`, `*_icon`. |
+| `eval_with_rescue(code)` | avalia código Ruby, retorna `"error"` em exceção |
+| `render_turbo_stream_flash_messages(local:)` / `render_turbo_stream_flash_messages_only_toastr` | prepend turbo_stream com flash |
+| `nested_dom_id(*args)` | gera dom_id para recursos aninhados |
+| `menu_activated?(menu_item)` | avalia `active_test` de item de menu + children |
+| `display(object, field, options)` | bloco "ícone + título + valor" |
+| `display_boolean(object, field, options)` | badge Bootstrap 5 (`bg-success`/`bg-danger`) |
+| `display_boolean_icon(object, field, options)` | badge com ícone + tooltip |
+| `interactive_send(obj, field)` | getter por dot-path (ex: `"address.city.name"`), com l10n de datas |
+| `section_header(title, icon:, color:, border:)` | subtítulo com ícone e cor |
+| `smart_date_tag(date, icon:, label:, text_class:)` | tag de data com ano opcional |
+| `format_date(value)` | converte para `DD/MM/YYYY` |
+
+```erb
+<%# display %>
+<%= display @user, :name %>
+<%= display @user, :active, value: display_boolean(@user, :active) %>
+<%= section_header "Endereço", icon: "fa-map-marker", color: "primary" %>
 ```
 
-And then execute:
+## Uso — Controllers Stimulus
+
+Instale o pacote `@zezim/zutils` e registre seletivamente no Stimulus:
+
+```js
+// app/javascript/controllers/index.js
+import { application } from "./application"
+
+import FilteringController from "@zezim/zutils/controllers/filtering"
+application.register("filtering", FilteringController)
 
-    $ bundle
+import ToastrController from "@zezim/zutils/controllers/toastr"
+application.register("toastr", ToastrController)
 
-Or install it yourself as:
+import SweetAlertController from "@zezim/zutils/controllers/sweetalert"
+application.register("sweetalert", SweetAlertController)
+```
+
+Lista completa dos 17 controllers disponíveis (todos documentados em
+[zutils-js/README.md](zutils-js/README.md)):
+
+| Subpath (`@zezim/zutils/controllers/...`) | `data-controller` | Requer lib |
+|---|---|---|
+| `filtering` | `filtering` | `bootstrap` |
+| `toastr` | `toastr` | `toastr` |
+| `sweetalert` | `sweetalert` | `sweetalert2`, `@hotwired/turbo-rails` |
+| `bootstrap-table` | `bootstrap-table` | `bootstrap-table`, `jquery` |
+| `dropdown` | `dropdown` | `tippy.js` |
+| `tooltip` | `tooltip` | `bootstrap` |
+| `tooltips` | `tooltips` | `bootstrap` |
+| `tom-select` | `tom-select` | `tom-select` |
+| `tom-select-remote` | `tom-select-remote` | `tom-select` |
+| `fileinput` | `fileinput` | `bootstrap-fileinput`, `jquery` |
+| `mask` | `mask` | `inputmask` |
+| `modal` | `modal` | `bootstrap` |
+| `ckeditor` | `ckeditor` | `ckeditor5` |
+| `adminlte` | `adminlte` | `admin-lte` (JS global) |
+| `confirm` | `confirm` | `sweetalert2` |
+| `auto-submit` | `auto-submit` | `@rails/request.js` |
+| `dark-mode` | `dark-mode` | — |
 
-    $ gem install zutils
+### `filtering`
 
-## Usage
+```erb
+<div data-controller="filtering">
+  <div data-filtering-target="body" class="collapse">
+    <!-- filtros detalhados -->
+  </div>
+</div>
+```
 
-TODO: Write usage instructions here
+- alvo `body`: painel collapse
+- alvo `icon`: `<i>` que alterna `fa-sliders-h` ↔ `fa-angle-down`
+- alvo `filters`: badges de filtros ativos
+- botão: `data-action="click->filtering#toggle"`
 
-## Development
+### `bootstrap-table`
 
-After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+Inicializa qualquer tabela `.bootstrap-table-mobile` dentro do elemento.
 
-To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+### `dropdown`
 
-## Contributing
+```erb
+<div data-controller="dropdown" data-dropdown-theme-value="light">
+  <button>⋮</button>
+  <template data-dropdown-target="template">
+    <ul class="dropdown-menu show"><!-- itens --></ul>
+  </template>
+</div>
+```
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/zutils. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+## Desenvolvimento
 
-## License
+```sh
+bin/setup                 # bundle install
+bin/console               # IRB com a gem
+bundle exec rake build    # .gem em pkg/
+bundle exec rake install  # instala localmente
+```
 
-The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+Publicar a gem: atualize `lib/zutils/version.rb` e `rake release`.
+Publicar o JS: veja [zutils-js/README.md](zutils-js/README.md).
 
-## Code of Conduct
+## Licença
 
-Everyone interacting in the Zutils project’s codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/[USERNAME]/zutils/blob/master/CODE_OF_CONDUCT.md).
+MIT — veja `LICENSE.txt`.

data/app/assets/stylesheets/zutils.scss

@@ -1,2 +1,110 @@
-@import 'selectize';
-@import 'selectize.bootstrap3';
+// Utilitários TomSelect (a importação do CSS é responsabilidade da aplicação)
+.ts-wrapper,
+.tom-select {
+  .form-select,
+  .form-control {
+    width: 100%;
+  }
+}
+
+// Tabela bootstrap-table
+.bootstrap-table .page-list,
+.bootstrap-table .fixed-table-toolbar,
+.bootstrap-table .sticky-header {
+  background: transparent;
+}
+
+.bootstrap-table .fixed-table-toolbar .columns label {
+  font-weight: 500;
+}
+
+.bootstrap-table .table-responsive.bootstrap-table-mobile {
+  border: 0;
+}
+
+// Utilidades
+.cursor-pointer,
+.cp-pointer {
+  cursor: pointer !important;
+}
+
+.list-empty-state {
+  background: var(--bs-tertiary-bg);
+}
+
+.border-dashed {
+  border-style: dashed !important;
+}
+
+// Ransack: setas de ordenação nas cabeçalhos das tabelas (shared/list, shared/index)
+.bootstrap-table .table thead th .asc,
+.bootstrap-table .table thead th .desc {
+  background-image: unset !important;
+}
+
+// Filtros ativos (shared/search_form)
+.active-filters {
+  span {
+    display: inline-block;
+    margin-right: 0.5em;
+
+    &:hover {
+      opacity: 0.8;
+    }
+
+    i {
+      margin: 0px 2px 0.2px 2px;
+      font-size: 100%;
+      cursor: pointer;
+    }
+  }
+}
+
+@media (max-width: 768px) {
+  .active-filters span {
+    white-space: normal;
+    margin-top: 0.2em;
+  }
+}
+
+// Dropdown via tippy (shared/dropdown_menu)
+.tippy-box[data-theme~='dark'] {
+  background-color: var(--bs-body-bg);
+  color: var(--bs-body-color);
+  border-radius: 0.375rem;
+  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .15);
+  padding: 0.25rem 0;
+}
+
+.tippy-box[data-theme~='dark'] .dropdown-item {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
+  color: var(--bs-body-color);
+
+  &:hover {
+    background-color: var(--bs-secondary-bg);
+  }
+}
+
+.tippy-content .dropdown-menu {
+  display: block;
+  position: static;
+  float: none;
+  border: none;
+  background-color: transparent;
+  margin: 0;
+  padding: 4px;
+  min-width: 140px;
+}
+
+.tippy-content .dropdown-item {
+  padding: 6px 12px !important;
+
+  &:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+}
+
+.tippy-arrow::before {
+  color: var(--bs-body-bg) !important;
+}

data/app/views/shared/_action_links.html.erb

@@ -1,56 +1,55 @@
-<% additional_actions ||= {} %>
-
 <% hide_read_action ||= false %>
 <% hide_edit_action ||= false %>
 <% hide_destroy_action ||= false %>
+<% vertical ||= false %>
+<% size ||= "sm" %>
+<% hide ||= [] %>
+<% additional_actions ||= {} %>
 
-<div class="btn-group">
-  <button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
-    Ações
-    <span class="caret"></span>
-    <span class="sr-only">Toggle Dropdown</span>
-  </button>
-  <ul class="dropdown-menu" role="menu">
-    <% if !hide_read_action && can?(:read, (object.class == Array ? object.last.class : object.class)) %>
-      <li>
-        <%= link_to object, class: 'dropdown-item', data: { toggle: 'tooltip', placement: 'top', title: 'Visualizar' } do %>
-          <i class="fa fa-eye"></i> Visualizar
-        <% end %>
+<div class="btn-group<%= '-vertical' if vertical %> gap-1" data-turbo="true">
+  <% unless hide.include?("show") || hide_read_action %>
+    <% if can?(:read, (object.class == Array ? object.last : object)) %>
+      <%= link_to object, class: "btn btn-#{size} btn-outline-secondary", data: { "bs-toggle": "tooltip", "bs-placement": "top", "bs-title": "Visualizar" } do %>
+        <i class="fa fa-eye"></i>
+      <% end %>
     <% end %>
-    </li>
-    <% if !hide_edit_action && can?(:edit, (object.class == Array ? object.last.class : object.class)) %>
-      <li>
-        <% if object.class == Array %>
-          <%= link_to eval_with_rescue("edit_#{[object].flatten.map{|x| x.class.to_s.underscore}.join("_")}_path(#{object[0].id}, #{object[1].id})"), class: 'dropdown-item', data: { toggle: 'tooltip', placement: 'top', title: 'Editar' } do %>
-            <i class="fa fa-pencil fa-edit"></i> Editar
-          <% end %>
-        <% else %>
-          <%= link_to eval_with_rescue("edit_#{[object].flatten.map{|x| x.class.to_s.underscore}.join("_")}_path(#{object.id})"), class: 'dropdown-item', data: { toggle: 'tooltip', placement: 'top', title: 'Editar' } do %>
-            <i class="fa fa-pencil fa-edit"></i> Editar
-          <% end %>
+  <% end %>
+
+  <% unless hide.include?("edit") || hide_edit_action %>
+    <% if can?(:edit, (object.class == Array ? object.last : object)) %>
+      <% if object.class == Array %>
+        <%= link_to eval_with_rescue("edit_#{[object].flatten.map{|x| x.class.to_s.underscore}.join("_")}_path(#{object[0].id}, #{object[1].id})"), class: "btn btn-#{size} btn-outline-warning", data: { "bs-toggle": "tooltip", "bs-placement": "top", "bs-title": "Editar" } do %>
+          <i class="fa fa-pencil fa-edit"></i>
         <% end %>
-      </li>
-    <% end %>
-    <% if !hide_destroy_action && can?(:destroy, (object.class == Array ? object.last.class : object.class)) %>
-      <li>
-        <%= link_to object, method: :delete, class: 'dropdown-item', data: { confirm: 'Tem certeza?', toggle: 'tooltip', placement: 'top', title: 'Apagar' } do %>
-          <i class="fa fa-trash"></i> Apagar
+      <% else %>
+        <%= link_to eval_with_rescue("edit_#{[object].flatten.map{|x| x.class.to_s.underscore}.join("_")}_path(#{object.id})"), class: "btn btn-#{size} btn-outline-warning", data: { "bs-toggle": "tooltip", "bs-placement": "top", "bs-title": "Editar" } do %>
+          <i class="fa fa-pencil fa-edit"></i>
         <% end %>
-      </li>
+      <% end %>
     <% end %>
-    <% unless additional_actions.empty? %>
-      <% additional_actions.each do |key, value| %>
-        <% if can? key, (object.class == Array ? object.last.class : object.class) %>
-          <li>
-            <%= link_to eval_with_rescue("#{value[:link]}(#{object.id})"), value[:options], class: 'dropdown-item' do %>
-              <i class="fa fa-<%= value[:icon] %>"></i> <%= value[:title] %>
-            <% end %>
-          </li>
-        <% end %>
+  <% end %>
+
+  <% unless hide.include?("delete") || hide_destroy_action %>
+    <% if can?(:destroy, (object.class == Array ? object.last : object)) %>
+      <%= button_to object, method: :delete, class: "btn btn-#{size} btn-outline-danger",
+        form: { data: { turbo_confirm: 'Tem certeza?' }},
+        data: { "bs-toggle": "tooltip", "bs-placement": "top", "bs-title": "Apagar" } do %>
+        <i class="fa fa-trash"></i>
       <% end %>
     <% end %>
-    <% if block_given? %>
-      <%= yield %>
+  <% end %>
+
+  <% additional_actions.each do |key, value| %>
+    <% if can? key, (object.class == Array ? object.last : object) %>
+      <%= link_to eval_with_rescue("#{value[:link]}(#{object.id})"),
+        value[:options],
+        class: "btn btn-#{size} #{value[:class] || 'btn-outline-primary'}" do %>
+        <i class="fa fa-<%= value[:icon] %>"></i>
+      <% end %>
     <% end %>
-  </ul>
+  <% end %>
+
+  <% if block_given? %>
+    <%= yield %>
+  <% end %>
 </div>