shadcn_phlexcomponents 0.1.0 → 0.1.1

data/lib/components/tooltip_trigger.rb

@@ -19,7 +19,11 @@ module ShadcnPhlexcomponents
         merged_attributes = mix(@attributes, element_attributes)
         merged_attributes[:class] = styles
 
-        send(element.name, **merged_attributes) do        
+        if element.name == "button"
+          merged_attributes.delete(:role)
+        end
+
+        send(element.name, **merged_attributes) do
           sanitize_as_child(element.children.to_s)
         end
       else
@@ -32,19 +36,13 @@ module ShadcnPhlexcomponents
         id: @id,
         role: "button",
         aria: {
-          describedby: "#{@aria_id}-content"
+          describedby: "#{@aria_id}-content",
         },
         data: {
           as_child: @as_child.to_s,
-          state: "closed",
-          action: <<~HEREDOC,
-            click->shadcn-phlexcomponents--tooltip#toggle
-            mouseover->shadcn-phlexcomponents--tooltip#openWithDelay
-            mouseout->shadcn-phlexcomponents--tooltip#closeWithDelay
-          HEREDOC
-          "shadcn-phlexcomponents--tooltip-target": "trigger"
-        }
+          "shadcn-phlexcomponents--tooltip-target": "trigger",
+        },
       }
     end
   end
-end
+end

data/lib/shadcn_phlexcomponents/alias.rb

@@ -41,7 +41,9 @@ Checkbox = ShadcnPhlexcomponents::Checkbox
 Collapsible = ShadcnPhlexcomponents::Collapsible
 CollapsibleContent = ShadcnPhlexcomponents::CollapsibleContent
 CollapsibleTrigger = ShadcnPhlexcomponents::CollapsibleTrigger
-Datepicker = ShadcnPhlexcomponents::Datepicker
+Combobox = ShadcnPhlexcomponents::Combobox
+DatePicker = ShadcnPhlexcomponents::DatePicker
+DateRangePicker = ShadcnPhlexcomponents::DateRangePicker
 Dialog = ShadcnPhlexcomponents::Dialog
 DialogClose = ShadcnPhlexcomponents::DialogClose
 DialogContent = ShadcnPhlexcomponents::DialogContent

data/lib/shadcn_phlexcomponents/version.rb

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

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: shadcn_phlexcomponents
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Sean Yeoh
 bindir: bin
 cert_chain: []
-date: 2025-04-18 00:00:00.000000000 Z
+date: 2025-04-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: lucide-rails
@@ -73,6 +73,7 @@ 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
@@ -81,7 +82,8 @@ files:
 - app/javascript/controllers/checkbox_controller.js
 - app/javascript/controllers/collapsible_controller.js
 - app/javascript/controllers/combobox_controller.js
-- app/javascript/controllers/datepicker_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
@@ -140,7 +142,10 @@ files:
 - lib/components/collapsible.rb
 - lib/components/collapsible_content.rb
 - lib/components/collapsible_trigger.rb
-- lib/components/datepicker.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

data/app/javascript/controllers/datepicker_controller.js

@@ -1,47 +0,0 @@
-import { Controller } from '@hotwired/stimulus'
-import { Calendar } from 'vanilla-calendar-pro'
-import { getDateString, parseDates } from 'vanilla-calendar-pro/utils'
-import dayjs from 'dayjs'
-
-export default class extends Controller {
-  connect() {
-    this.date = new Date(this.element.dataset.value)
-    this.format = this.element.dataset.format
-    const settings = this.getSettings()
-
-    if (!isNaN(this.date.getTime())) {
-      const dateString = getDateString(this.date)
-      const formattedDate = this.format
-        ? dayjs(this.date).format(this.format)
-        : this.date.toLocaleDateString()
-      this.element.value = formattedDate
-      settings.selectedDates = [dateString]
-    }
-
-    const calendar = new Calendar(this.element, {
-      inputMode: true,
-      enableJumpToSelectedDate: true,
-      ...settings,
-      onClickDate(self, event) {
-        const date = self.context.selectedDates[0]
-        const formattedDate = self.context.inputElement.dataset.format
-          ? dayjs(date).format(self.context.inputElement.dataset.format)
-          : new Date(date).toLocaleDateString()
-
-        self.context.inputElement.value = formattedDate
-        self.hide()
-      },
-    })
-    calendar.init()
-
-    this.calendar = calendar
-  }
-
-  getSettings() {
-    try {
-      return JSON.parse(this.element.dataset.settings)
-    } catch {
-      return {}
-    }
-  }
-}

data/lib/components/datepicker.rb

@@ -1,38 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Datepicker < Base
-    STYLES = <<~HEREDOC
-      flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1
-      text-base shadow-sm transition-colors file:border-0 file:bg-transparent
-      file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground
-      focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring
-      disabled:cursor-not-allowed disabled:opacity-50 md:text-sm
-      file:pt-0.5
-    HEREDOC
-
-    def initialize(name: nil, id: nil, value: nil, format: nil, settings: {}, **attributes)
-      @name = name
-      @id = id || @name
-      @value = value
-      @settings = settings
-      @format = format
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        data: {
-          value: @value&.utc.to_s,
-          format: @format,
-          controller: "shadcn-phlexcomponents--datepicker",
-          settings: @settings.to_json
-        }
-      }
-    end
-
-    def view_template
-      input(type: :text, readonly: true, **@attributes)
-    end
-  end
-end