shadcn_phlexcomponents 0.1.5 → 0.1.11

data/lib/shadcn_phlexcomponents/components/tooltip.rb

@@ -0,0 +1,131 @@
+# frozen_string_literal: true
+
+module ShadcnPhlexcomponents
+  class Tooltip < Base
+    class_variants(base: "inline-block max-w-fit")
+
+    def initialize(open: false, **attributes)
+      @open = open
+      @aria_id = "tooltip-#{SecureRandom.hex(5)}"
+      super(**attributes)
+    end
+
+    def trigger(**attributes, &)
+      TooltipTrigger(aria_id: @aria_id, **attributes, &)
+    end
+
+    def content(**attributes, &)
+      TooltipContent(aria_id: @aria_id, **attributes, &)
+    end
+
+    def default_attributes
+      {
+        data: {
+          controller: "tooltip",
+          tooltip_is_open_value: @open.to_s,
+        },
+      }
+    end
+
+    def view_template(&)
+      div(**@attributes, &)
+    end
+  end
+
+  class TooltipTrigger < Base
+    def initialize(as_child: false, aria_id: nil, **attributes)
+      @as_child = as_child
+      @aria_id = aria_id
+      super(**attributes)
+    end
+
+    def view_template(&)
+      if @as_child
+        content = capture(&)
+        element = find_as_child(content.to_s)
+        vanish(&)
+        merged_attributes = merged_as_child_attributes(element, @attributes)
+
+        send(element.name, **merged_attributes) do
+          sanitize_as_child(element.children.to_s)
+        end
+      else
+        div(**@attributes, &)
+      end
+    end
+
+    def default_attributes
+      {
+        id: @id,
+        role: "button",
+        aria: {
+          describedby: "#{@aria_id}-content",
+        },
+        data: {
+          as_child: @as_child.to_s,
+          tooltip_target: "trigger",
+          action: <<~HEREDOC,
+            focus->tooltip#open
+            blur->tooltip#closeImmediately
+            click->tooltip#open
+          HEREDOC
+        },
+      }
+    end
+  end
+
+  class TooltipContent < Base
+    class_variants(
+      base: <<~HEREDOC,
+        bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out
+        data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2
+        data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2
+        z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance
+      HEREDOC
+    )
+
+    def initialize(side: :top, align: :center, aria_id: nil, **attributes)
+      @side = side
+      @align = align
+      @aria_id = aria_id
+      super(**attributes)
+    end
+
+    def view_template(&)
+      div(
+        class: "hidden fixed top-0 left-0 w-max z-50",
+        data: { tooltip_target: "contentContainer" },
+      ) do
+        div(**@attributes) do
+          yield
+
+          span(data: { tooltip_target: "arrow" }) do
+            raw(safe(
+              '<svg class="bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" width="10" height="5" viewBox="0 0 30 10" preserveAspectRatio="none">
+                <polygon points="0,0 30,0 15,10"></polygon>
+              </svg>',
+            ))
+          end
+
+          span(
+            id: "#{@aria_id}-content",
+            role: "tooltip",
+            class: "sr-only",
+            &
+          )
+        end
+      end
+    end
+
+    def default_attributes
+      {
+        data: {
+          side: @side,
+          align: @align,
+          tooltip_target: "content",
+          action: "mouseover->tooltip#open mouseout->tooltip#close",
+        },
+      }
+    end
+  end
+end

data/lib/shadcn_phlexcomponents/initializers/shadcn_phlexcomponents.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+module ShadcnPhlexcomponents
+  extend Phlex::Kit
+end
+
+# Require base.rb first
+require Rails.root.join("vendor/shadcn_phlexcomponents/components/base.rb")
+
+Dir[Rails.root.join("vendor/shadcn_phlexcomponents/components/*.rb")].each do |file|
+  unless file.ends_with?("base.rb")
+    require file
+  end
+end
+
+ClassVariants.configure do |config|
+  merger = TailwindMerge::Merger.new
+  config.process_classes_with do |classes|
+    merger.merge(classes)
+  end
+end
+
+Rails.application.config.after_initialize do
+  require "shadcn_phlexcomponents/alias"
+end

data/lib/shadcn_phlexcomponents/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ShadcnPhlexcomponents
-  VERSION = "0.1.5"
+  VERSION = "0.1.11"
 end

data/lib/tasks/install.rake

@@ -3,7 +3,7 @@
 namespace :shadcn_phlexcomponents do
   desc "Install shadcn_phlexcomponents"
   task :install do
-    system "#{RbConfig.ruby} ./bin/rails app:template LOCATION=#{File.expand_path(
+    system "ENVIRONMENT=#{ENV["ENVIRONMENT"]} #{RbConfig.ruby} ./bin/rails app:template LOCATION=#{File.expand_path(
       "../install/install_shadcn_phlexcomponents.rb", __dir__
     )}"
   end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: shadcn_phlexcomponents
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.1.11
 platform: ruby
 authors:
 - Sean Yeoh
@@ -73,177 +73,101 @@ extra_rdoc_files: []
 files:
 - README.md
 - Rakefile
-- app/assets/tailwind/choices.css
-- app/assets/tailwind/tailwindcss-animate.css
-- app/assets/tailwind/vanilla-calendar-pro.css
-- app/javascript/controllers/accordion_controller.js
-- app/javascript/controllers/alert_dialog_controller.js
-- app/javascript/controllers/avatar_controller.js
-- app/javascript/controllers/checkbox_controller.js
-- app/javascript/controllers/collapsible_controller.js
-- app/javascript/controllers/combobox_controller.js
-- app/javascript/controllers/date_picker_controller.js
-- app/javascript/controllers/date_range_picker_controller.js
-- app/javascript/controllers/dialog_controller.js
-- app/javascript/controllers/dropdown_menu_controller.js
-- app/javascript/controllers/hover_card_controller.js
-- app/javascript/controllers/loading_button_controller.js
-- app/javascript/controllers/popover_controller.js
-- app/javascript/controllers/progress_controller.js
-- app/javascript/controllers/radio_group_controller.js
-- app/javascript/controllers/select_controller.js
-- app/javascript/controllers/sheet_controller.js
-- app/javascript/controllers/sidebar_controller.js
-- app/javascript/controllers/sidebar_trigger_controller.js
-- app/javascript/controllers/switch_controller.js
-- app/javascript/controllers/tabs_controller.js
-- app/javascript/controllers/theme_switcher_controller.js
-- app/javascript/controllers/toast_container_controller.js
-- app/javascript/controllers/toast_controller.js
-- app/javascript/controllers/tooltip_controller.js
-- lib/components/accordion.rb
-- lib/components/accordion_content.rb
-- lib/components/accordion_item.rb
-- lib/components/accordion_trigger.rb
-- lib/components/alert.rb
-- lib/components/alert_description.rb
-- lib/components/alert_dialog.rb
-- lib/components/alert_dialog_action.rb
-- lib/components/alert_dialog_action_to.rb
-- lib/components/alert_dialog_cancel.rb
-- lib/components/alert_dialog_content.rb
-- lib/components/alert_dialog_description.rb
-- lib/components/alert_dialog_footer.rb
-- lib/components/alert_dialog_header.rb
-- lib/components/alert_dialog_title.rb
-- lib/components/alert_dialog_trigger.rb
-- lib/components/alert_title.rb
-- lib/components/aspect_ratio.rb
-- lib/components/avatar.rb
-- lib/components/avatar_fallback.rb
-- lib/components/avatar_image.rb
-- lib/components/badge.rb
-- lib/components/base.rb
-- lib/components/breadcrumb.rb
-- lib/components/breadcrumb_ellipsis.rb
-- lib/components/breadcrumb_item.rb
-- lib/components/breadcrumb_link.rb
-- lib/components/breadcrumb_page.rb
-- lib/components/breadcrumb_separator.rb
-- lib/components/button.rb
-- lib/components/card.rb
-- lib/components/card_content.rb
-- lib/components/card_description.rb
-- lib/components/card_footer.rb
-- lib/components/card_header.rb
-- lib/components/card_title.rb
-- lib/components/checkbox.rb
-- lib/components/checkbox_group.rb
-- lib/components/collapsible.rb
-- lib/components/collapsible_content.rb
-- lib/components/collapsible_trigger.rb
-- lib/components/combobox.rb
-- lib/components/combobox_item.rb
-- lib/components/date_picker.rb
-- lib/components/date_range_picker.rb
-- lib/components/dialog.rb
-- lib/components/dialog_close.rb
-- lib/components/dialog_content.rb
-- lib/components/dialog_description.rb
-- lib/components/dialog_footer.rb
-- lib/components/dialog_header.rb
-- lib/components/dialog_title.rb
-- lib/components/dialog_trigger.rb
-- lib/components/dropdown_menu.rb
-- lib/components/dropdown_menu_content.rb
-- lib/components/dropdown_menu_item.rb
-- lib/components/dropdown_menu_item_to.rb
-- lib/components/dropdown_menu_label.rb
-- lib/components/dropdown_menu_separator.rb
-- lib/components/dropdown_menu_trigger.rb
-- lib/components/form.rb
-- lib/components/form_error.rb
-- lib/components/form_hint.rb
-- lib/components/form_input.rb
-- lib/components/hover_card.rb
-- lib/components/hover_card_content.rb
-- lib/components/hover_card_trigger.rb
-- lib/components/input.rb
-- lib/components/label.rb
-- lib/components/link.rb
-- lib/components/loading_button.rb
-- lib/components/pagination.rb
-- lib/components/pagination_ellipsis.rb
-- lib/components/pagination_link.rb
-- lib/components/pagination_next.rb
-- lib/components/pagination_previous.rb
-- lib/components/popover.rb
-- lib/components/popover_content.rb
-- lib/components/popover_trigger.rb
-- lib/components/progress.rb
-- lib/components/radio_group.rb
-- lib/components/radio_group_item.rb
-- lib/components/select.rb
-- lib/components/select_content.rb
-- lib/components/select_group.rb
-- lib/components/select_item.rb
-- lib/components/select_label.rb
-- lib/components/select_trigger.rb
-- lib/components/separator.rb
-- lib/components/sheet.rb
-- lib/components/sheet_close.rb
-- lib/components/sheet_content.rb
-- lib/components/sheet_description.rb
-- lib/components/sheet_footer.rb
-- lib/components/sheet_header.rb
-- lib/components/sheet_title.rb
-- lib/components/sheet_trigger.rb
-- lib/components/sidebar.rb
-- lib/components/sidebar_container.rb
-- lib/components/sidebar_content.rb
-- lib/components/sidebar_footer.rb
-- lib/components/sidebar_group.rb
-- lib/components/sidebar_group_content.rb
-- lib/components/sidebar_group_label.rb
-- lib/components/sidebar_header.rb
-- lib/components/sidebar_inset.rb
-- lib/components/sidebar_menu.rb
-- lib/components/sidebar_menu_button.rb
-- lib/components/sidebar_menu_item.rb
-- lib/components/sidebar_menu_sub.rb
-- lib/components/sidebar_menu_sub_button.rb
-- lib/components/sidebar_menu_sub_item.rb
-- lib/components/sidebar_trigger.rb
-- lib/components/skeleton.rb
-- lib/components/switch.rb
-- lib/components/table.rb
-- lib/components/table_body.rb
-- lib/components/table_caption.rb
-- lib/components/table_cell.rb
-- lib/components/table_footer.rb
-- lib/components/table_head.rb
-- lib/components/table_header.rb
-- lib/components/table_row.rb
-- lib/components/tabs.rb
-- lib/components/tabs_content.rb
-- lib/components/tabs_list.rb
-- lib/components/tabs_trigger.rb
-- lib/components/textarea.rb
-- lib/components/theme_switcher.rb
-- lib/components/toast.rb
-- lib/components/toast_action.rb
-- lib/components/toast_action_to.rb
-- lib/components/toast_container.rb
-- lib/components/toast_content.rb
-- lib/components/toast_description.rb
-- lib/components/toast_title.rb
-- lib/components/tooltip.rb
-- lib/components/tooltip_content.rb
-- lib/components/tooltip_trigger.rb
+- app/javascript/controllers/accordion_controller.ts
+- app/javascript/controllers/avatar_controller.ts
+- app/javascript/controllers/checkbox_controller.ts
+- app/javascript/controllers/collapsible_controller.ts
+- app/javascript/controllers/combobox_controller.ts
+- app/javascript/controllers/command_controller.ts
+- app/javascript/controllers/command_root_controller.ts
+- app/javascript/controllers/date_picker_controller.ts
+- app/javascript/controllers/date_range_picker_controller.ts
+- app/javascript/controllers/dialog_controller.ts
+- app/javascript/controllers/dropdown_menu_controller.ts
+- app/javascript/controllers/dropdown_menu_root_controller.ts
+- app/javascript/controllers/dropdown_menu_sub_controller.ts
+- app/javascript/controllers/form_field_controller.ts
+- app/javascript/controllers/hover_card_controller.ts
+- app/javascript/controllers/loading_button_controller.ts
+- app/javascript/controllers/popover_controller.ts
+- app/javascript/controllers/progress_controller.ts
+- app/javascript/controllers/radio_group_controller.ts
+- app/javascript/controllers/select_controller.ts
+- app/javascript/controllers/sidebar_controller.ts
+- app/javascript/controllers/sidebar_trigger_controller.ts
+- app/javascript/controllers/slider_controller.ts
+- app/javascript/controllers/switch_controller.ts
+- app/javascript/controllers/tabs_controller.ts
+- app/javascript/controllers/theme_switcher_controller.ts
+- app/javascript/controllers/toast_container_controller.ts
+- app/javascript/controllers/toast_controller.ts
+- app/javascript/controllers/tooltip_controller.ts
+- app/javascript/shadcn_phlexcomponents.ts
+- app/javascript/utils.ts
+- app/stylesheets/date_picker.css
+- app/stylesheets/nouislider.css
+- app/stylesheets/tw-animate.css
 - lib/install/install_shadcn_phlexcomponents.rb
 - lib/shadcn_phlexcomponents.rb
 - lib/shadcn_phlexcomponents/alias.rb
+- lib/shadcn_phlexcomponents/components/accordion.rb
+- lib/shadcn_phlexcomponents/components/alert.rb
+- lib/shadcn_phlexcomponents/components/alert_dialog.rb
+- lib/shadcn_phlexcomponents/components/aspect_ratio.rb
+- lib/shadcn_phlexcomponents/components/avatar.rb
+- lib/shadcn_phlexcomponents/components/badge.rb
+- lib/shadcn_phlexcomponents/components/base.rb
+- lib/shadcn_phlexcomponents/components/breadcrumb.rb
+- lib/shadcn_phlexcomponents/components/button.rb
+- lib/shadcn_phlexcomponents/components/card.rb
+- lib/shadcn_phlexcomponents/components/checkbox.rb
+- lib/shadcn_phlexcomponents/components/checkbox_group.rb
+- lib/shadcn_phlexcomponents/components/collapsible.rb
+- lib/shadcn_phlexcomponents/components/combobox.rb
+- lib/shadcn_phlexcomponents/components/command.rb
+- lib/shadcn_phlexcomponents/components/date_picker.rb
+- lib/shadcn_phlexcomponents/components/date_range_picker.rb
+- lib/shadcn_phlexcomponents/components/dialog.rb
+- lib/shadcn_phlexcomponents/components/dropdown_menu.rb
+- lib/shadcn_phlexcomponents/components/dropdown_menu_sub.rb
+- lib/shadcn_phlexcomponents/components/form.rb
+- lib/shadcn_phlexcomponents/components/form/form_checkbox.rb
+- lib/shadcn_phlexcomponents/components/form/form_checkbox_group.rb
+- lib/shadcn_phlexcomponents/components/form/form_date_picker.rb
+- lib/shadcn_phlexcomponents/components/form/form_date_range_picker.rb
+- lib/shadcn_phlexcomponents/components/form/form_error.rb
+- lib/shadcn_phlexcomponents/components/form/form_helpers.rb
+- lib/shadcn_phlexcomponents/components/form/form_hint.rb
+- lib/shadcn_phlexcomponents/components/form/form_input.rb
+- lib/shadcn_phlexcomponents/components/form/form_radio_group.rb
+- lib/shadcn_phlexcomponents/components/form/form_select.rb
+- lib/shadcn_phlexcomponents/components/form/form_slider.rb
+- lib/shadcn_phlexcomponents/components/form/form_switch.rb
+- lib/shadcn_phlexcomponents/components/form/form_textarea.rb
+- lib/shadcn_phlexcomponents/components/hover_card.rb
+- lib/shadcn_phlexcomponents/components/input.rb
+- lib/shadcn_phlexcomponents/components/label.rb
+- lib/shadcn_phlexcomponents/components/link.rb
+- lib/shadcn_phlexcomponents/components/loading_button.rb
+- lib/shadcn_phlexcomponents/components/pagination.rb
+- lib/shadcn_phlexcomponents/components/popover.rb
+- lib/shadcn_phlexcomponents/components/progress.rb
+- lib/shadcn_phlexcomponents/components/radio_group.rb
+- lib/shadcn_phlexcomponents/components/select.rb
+- lib/shadcn_phlexcomponents/components/separator.rb
+- lib/shadcn_phlexcomponents/components/sheet.rb
+- lib/shadcn_phlexcomponents/components/skeleton.rb
+- lib/shadcn_phlexcomponents/components/slider.rb
+- lib/shadcn_phlexcomponents/components/switch.rb
+- lib/shadcn_phlexcomponents/components/table.rb
+- lib/shadcn_phlexcomponents/components/tabs.rb
+- lib/shadcn_phlexcomponents/components/textarea.rb
+- lib/shadcn_phlexcomponents/components/theme_switcher.rb
+- lib/shadcn_phlexcomponents/components/toast.rb
+- lib/shadcn_phlexcomponents/components/toast_container.rb
+- lib/shadcn_phlexcomponents/components/tooltip.rb
 - lib/shadcn_phlexcomponents/engine.rb
+- lib/shadcn_phlexcomponents/initializers/shadcn_phlexcomponents.rb
 - lib/shadcn_phlexcomponents/version.rb
 - lib/tasks/install.rake
 homepage: https://github.com/sean-yeoh/shadcn_phlexcomponents