1
0
Fork 0
mirror of https://github.com/maybe-finance/maybe.git synced 2025-08-08 23:15:24 +02:00

Component namespacing (#2463)
Some checks are pending
Publish Docker image / ci (push) Waiting to run
Publish Docker image / Build docker image (push) Blocked by required conditions

* [claudesquad] update from 'component-namespacing' on 18 Jul 25 07:23 EDT

* [claudesquad] update from 'component-namespacing' on 18 Jul 25 07:30 EDT

* Update stimulus controller references to use namespace

* Fix remaining tests
This commit is contained in:
Zach Gollwitzer 2025-07-18 08:30:00 -04:00 committed by GitHub
parent d5b147f2cd
commit ab6fdbbb68
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
182 changed files with 322 additions and 321 deletions

View file

@ -29,7 +29,7 @@
<%= f.date_field :date, label: t(".date"), required: true, min: Entry.min_supported_date, max: Date.current, value: Date.current %>
</section>
<%= render DisclosureComponent.new(title: t(".details")) do %>
<%= render DS::Disclosure.new(title: t(".details")) do %>
<%= f.fields_for :entryable do |ef| %>
<%= ef.select :tag_ids,
Current.family.tags.alphabetically.pluck(:name, :id),

View file

@ -23,7 +23,7 @@
class: "w-6 h-6 rounded-full",
loading: "lazy" %>
<% else %>
<%= render FilledIconComponent.new(
<%= render DS::FilledIcon.new(
variant: :text,
text: entry.name,
size: "sm",

View file

@ -1,16 +1,16 @@
<%= render DialogComponent.new(variant: "drawer", frame: "bulk_transaction_edit_drawer") do |dialog| %>
<%= render DS::Dialog.new(variant: "drawer", frame: "bulk_transaction_edit_drawer") do |dialog| %>
<% dialog.with_header(title: "Edit transactions", data: { bulk_select_target: "bulkEditDrawerHeader" }) %>
<% dialog.with_body do %>
<%= styled_form_with url: transactions_bulk_update_path, scope: "bulk_update", class: "h-full flex flex-col justify-between gap-4", data: { turbo_frame: "_top" } do |form| %>
<div class="space-y-4">
<%= render DisclosureComponent.new(title: "Overview", open: true) do %>
<%= render DS::Disclosure.new(title: "Overview", open: true) do %>
<div class="pb-6 space-y-2">
<%= form.date_field :date, label: "Date", max: Date.current %>
</div>
<% end %>
<%= render DisclosureComponent.new(title: "Transactions", open: true) do %>
<%= render DS::Disclosure.new(title: "Transactions", open: true) do %>
<div class="space-y-2">
<%= form.collection_select :category_id, Current.family.categories.alphabetically, :id, :name, { prompt: "Select a category", label: "Category", class: "text-subdued" } %>
<%= form.collection_select :merchant_id, Current.family.merchants.alphabetically, :id, :name, { prompt: "Select a merchant", label: "Merchant", class: "text-subdued" } %>
@ -21,8 +21,8 @@
</div>
<div class="flex justify-end gap-2 mt-auto">
<%= render ButtonComponent.new(text: "Cancel", variant: "ghost", data: { action: "click->dialog#close" }) %>
<%= render ButtonComponent.new(text: "Save", data: { bulk_select_scope_param: "bulk_update", action: "bulk-select#submitBulkRequest" }) %>
<%= render DS::Button.new(text: "Cancel", variant: "ghost", data: { action: "click->dialog#close" }) %>
<%= render DS::Button.new(text: "Save", data: { bulk_select_scope_param: "bulk_update", action: "bulk-select#submitBulkRequest" }) %>
</div>
<% end %>
<% end %>

View file

@ -3,7 +3,7 @@
<h1 class="text-xl">Transactions</h1>
<div class="flex items-center gap-5">
<div class="flex items-center gap-2">
<%= render MenuComponent.new do |menu| %>
<%= render DS::Menu.new do |menu| %>
<% menu.with_item(variant: "link", text: "New rule", href: new_rule_path(resource_type: "transaction"), icon: "plus", data: { turbo_frame: :modal }) %>
<% menu.with_item(variant: "link", text: "Edit rules", href: rules_path, icon: "git-branch", data: { turbo_frame: :_top }) %>
<% menu.with_item(variant: "link", text: "Edit categories", href: categories_path, icon: "shapes", data: { turbo_frame: :_top }) %>
@ -14,7 +14,7 @@
<% end %>
<div class="hidden md:flex">
<%= render LinkComponent.new(
<%= render DS::Link.new(
text: t(".import"),
icon: "download",
variant: "outline",
@ -23,7 +23,7 @@
) %>
</div>
<%= render LinkComponent.new(
<%= render DS::Link.new(
text: "New transaction",
icon: "plus",
variant: "primary",
@ -32,7 +32,7 @@
class: "hidden md:inline-flex"
) %>
<%= render LinkComponent.new(
<%= render DS::Link.new(
icon: "plus",
variant: "icon-inverse",
href: new_transaction_path,

View file

@ -1,4 +1,4 @@
<%= render DialogComponent.new do |dialog| %>
<%= render DS::Dialog.new do |dialog| %>
<% dialog.with_header(title: "New transaction") %>
<% dialog.with_body do %>
<%= render "form", entry: @entry, income_categories: @income_categories, expense_categories: @expense_categories %>

View file

@ -17,14 +17,13 @@
</div>
</div>
<%= render MenuComponent.new(variant: "button", no_padding: true) do |menu| %>
<%= render DS::Menu.new(variant: "button", no_padding: true) do |menu| %>
<% menu.with_button(
id: "transaction-filters-button",
type: "button",
text: "Filter",
variant: "outline",
icon: "list-filter",
data: { menu_target: "button" }
icon: "list-filter"
) %>
<% menu.with_custom_content do %>

View file

@ -1,6 +1,6 @@
<%# locals: (form:) %>
<%= render TabsComponent.new(
<%= render DS::Tabs.new(
variant: :unstyled,
active_tab: get_default_transaction_search_filter[:key],
active_btn_classes: "bg-surface text-primary",
@ -28,7 +28,7 @@
<div class="flex justify-between items-center gap-2 bg-container p-3 shrink-0">
<div>
<% if @q.present? %>
<%= render LinkComponent.new(
<%= render DS::Link.new(
text: t(".clear_filters"),
variant: "ghost",
href: transactions_path(clear_filters: true),
@ -37,8 +37,8 @@
</div>
<div>
<%= render ButtonComponent.new(text: t(".cancel"), type: "button", variant: "ghost", data: { action: "menu#close" }) %>
<%= render ButtonComponent.new(text: t(".apply")) %>
<%= render DS::Button.new(text: t(".cancel"), type: "button", variant: "ghost", data: { action: "DS--menu#close" }) %>
<%= render DS::Button.new(text: t(".apply")) %>
</div>
</div>
</div>

View file

@ -16,7 +16,7 @@
merchant.name,
nil %>
<%= form.label :merchants, value: merchant.name, class: "text-sm text-primary flex items-center gap-2" do %>
<%= render FilledIconComponent.new(
<%= render DS::FilledIcon.new(
variant: :text,
hex_color: merchant.color,
text: merchant.name,

View file

@ -16,7 +16,7 @@
tag.name,
nil %>
<%= form.label :tags, value: tag.name, class: "text-sm text-primary flex items-center gap-2" do %>
<%= render FilledIconComponent.new(
<%= render DS::FilledIcon.new(
variant: :text,
hex_color: tag.color || Tag::UNCATEGORIZED_COLOR,
text: tag.name,

View file

@ -1,4 +1,4 @@
<%= render DialogComponent.new(variant: "drawer") do |dialog| %>
<%= render DS::Dialog.new(variant: "drawer") do |dialog| %>
<% dialog.with_header do %>
<%= render "transactions/header", entry: @entry %>
<% end %>
@ -141,7 +141,7 @@
<p class="text-secondary">Transfers and payments are special types of transactions that indicate money movement between 2 accounts.</p>
</div>
<%= render LinkComponent.new(
<%= render DS::Link.new(
text: "Open matcher",
icon: "arrow-left-right",
variant: "outline",
@ -157,7 +157,7 @@
<p class="text-secondary"><%= t(".delete_subtitle") %></p>
</div>
<%= render ButtonComponent.new(
<%= render DS::Button.new(
text: t(".delete"),
variant: "outline-destructive",
href: entry_path(@entry),