shadcn_phlexcomponents 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b5a7961ff2a344236185487eb3c083149bbe1bb134507a157dbd78ce0c28fafd
-  data.tar.gz: c9937557a99ba2f970f8ec5debe80d8fb645684f3f747d13bea75b39f78b5761
+  metadata.gz: 40670c18613895b2bad8f9e52fa345d364e551bad4ed1ac1894157cd18b6232b
+  data.tar.gz: 44a3519a328c959981a17b999fe1ff28427da1e9234c3dd435439c8ffce720e3
 SHA512:
-  metadata.gz: 8b33c092d55a544be3aad9739c9ed6e2b9115fb880de97fc1f53cb93cc0afaff6f3eafab9b56767f24a5c2cca95fafab1622da77489144e2b8efeea65fd1265e
-  data.tar.gz: fdb7904d95124983ae4ea8e2139610c094ef09b4661a15f360c1df3fcd212348976c2ebc23924e847ceae8ec2396ab5a44779c2a9f119b352c4cd96f0d591988
+  metadata.gz: 8743f25dfe98a0c409b41bb75e0f023032df06a4d177b473ce0e7d9d84b29b9e6fe892828a608024efa80140361c8ae0a2cb905ea2eb705b67548117a8f4c33f
+  data.tar.gz: 58edec39a464e908f2f10ddb11e872e1ecc00cd29de4f23b5413131b818fa725a0742c9041b3057c12e7033064d811345328308a74250baefeb75a6f129f87ef

data/lib/components/checkbox_group.rb

@@ -4,10 +4,11 @@ module ShadcnPhlexcomponents
   class CheckboxGroup < Base
     STYLES = "space-y-1.5"
 
-    def initialize(name:, value: [], include_hidden: true, **attributes)
+    def initialize(name:, value: [], include_hidden: true, disabled: false, **attributes)
       @name = name
       @value = value
       @include_hidden = include_hidden
+      @disabled = disabled
       super(**attributes)
     end
 
@@ -24,18 +25,33 @@ module ShadcnPhlexcomponents
         id = "#{@name.parameterize.underscore}_#{value}"
 
         div(class: wrapper_class) do
+          checkbox_disabled = if @disabled.is_a?(String)
+            value == @disabled
+          elsif @disabled.is_a?(Array)
+            @disabled.include?(value)
+          else
+            @disabled
+          end
+
           Checkbox(
             name: "#{@name}[]",
             id: id,
             value: value,
             checked: @value.include?(value),
             include_hidden: false,
+            disabled: checkbox_disabled,
           )
           Label(for: id) { text }
         end
       end
     end
 
+    def default_attributes
+      {
+        role: "group",
+      }
+    end
+
     def view_template(&)
       div(**@attributes) do
         yield

data/lib/components/form.rb

@@ -0,0 +1,59 @@
+# frozen_string_literal: true
+
+module ShadcnPhlexcomponents
+  class Form < Base
+    include Phlex::Rails::Helpers::FormWith
+
+    def initialize(model: false, scope: nil, url: nil, format: nil, **options)
+      @model = model
+      @scope = scope
+      @url = url
+      @format = format
+      @options = options
+      @object_name = model ? model.to_model.model_name.param_key : nil
+    end
+
+    def field(method = nil, **attributes, &)
+      FormField(method, model: @model, object_name: @object_name, **attributes, &)
+    end
+
+    def submit(variant: :primary, **attributes, &) 
+      Button(variant: variant, type: :submit, **attributes) do
+        if block_given?
+          yield
+        else
+          submit_default_value
+        end
+      end
+    end
+
+    def view_template(&)
+      form_with(model: @model, scope: @scope, url: @url, format: @format, **@options) do
+        yield
+      end
+    end
+
+    def submit_default_value
+      object = @model ? @model.to_model : nil
+      key    = object ? (object.persisted? ? :update : :create) : :submit
+
+      model = if object.respond_to?(:model_name)
+        object.model_name.human
+      else
+        @object_name.to_s.humanize
+      end
+
+      defaults = []
+      # Object is a model and it is not overwritten by as and scope option.
+      if object.respond_to?(:model_name) && @object_name.to_s == model.downcase
+        defaults << :"helpers.submit.#{object.model_name.i18n_key}.#{key}"
+      else
+        defaults << :"helpers.submit.#{@object_name}.#{key}"
+      end
+      defaults << :"helpers.submit.#{key}"
+      defaults << "#{key.to_s.humanize} #{model}"
+
+      I18n.t(defaults.shift, model: model, default: defaults)
+    end
+  end
+end

data/lib/components/form_error.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module ShadcnPhlexcomponents
+  class FormError < Base
+    STYLES = "text-[0.8rem] font-medium text-destructive"
+
+    def initialize(message: nil, aria_id: nil, **attributes)
+      @message = message
+      @id = aria_id ? "#{aria_id}-message" : nil
+      super(**attributes)
+    end
+
+    def view_template(&)
+      p(id: @id, **@attributes) { @message }
+    end
+  end
+end

data/lib/components/form_hint.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module ShadcnPhlexcomponents
+  class FormHint < Base
+    STYLES = "text-[0.8rem] text-muted-foreground"
+
+    def initialize(message: nil, aria_id: nil, **attributes)
+      @message = message
+      @id = aria_id ? "#{aria_id}-description" : nil
+      super(**attributes)
+    end
+
+    def view_template(&)
+      p(id: @id, **@attributes) { @message }
+    end
+  end
+end

data/lib/components/form_input.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+module ShadcnPhlexcomponents
+  class FormInput < Base
+    include FormHelpers
+
+    def initialize(
+      method = nil,
+      model: false,
+      object_name: nil,
+      type: :text,
+      value: nil,
+      name: nil,
+      id: nil,
+      label: nil,
+      error: nil,
+      hint: nil,
+      **attributes
+    )
+      @method = method
+      @model = model
+      @object_name = object_name
+      @type = type.to_sym
+      @value = value
+      @model_value = model&.public_send(method)
+      @name = name
+      @id = id
+      @label = label
+      @error = error || (model ? model.errors.full_messages_for(method).first : nil)
+      @hint = hint
+      @aria_id = "form-field-#{SecureRandom.hex(5)}"
+      super(**attributes)
+    end
+
+    def view_template(&)
+      vanish(&)
+
+      @id ||= field_id(@object_name, @method)
+      @name ||= field_name(@object_name, @method)
+
+      div(class: "space-y-2", data: label_and_hint_container_attributes) do
+        render_label(&)
+        Input(type: @type, id: @id, name: @name, value: @value || @model_value, aria: aria_attributes, **@attributes)
+        render_hint(&)
+        render_error
+      end
+    end
+  end
+end

data/lib/shadcn_phlexcomponents/alias.rb

@@ -2,133 +2,42 @@
 
 module ShadcnPhlexcomponents; end
 Accordion = ShadcnPhlexcomponents::Accordion
-AccordionContent = ShadcnPhlexcomponents::AccordionContent
-AccordionItem = ShadcnPhlexcomponents::AccordionItem
-AccordionTrigger = ShadcnPhlexcomponents::AccordionTrigger
 Alert = ShadcnPhlexcomponents::Alert
-AlertTitle = ShadcnPhlexcomponents::AlertTitle
-AlertDescription = ShadcnPhlexcomponents::AlertDescription
 AlertDialog = ShadcnPhlexcomponents::AlertDialog
-AlertDialogActionTo = ShadcnPhlexcomponents::AlertDialogActionTo
-AlertDialogAction = ShadcnPhlexcomponents::AlertDialogAction
-AlertDialogCancel = ShadcnPhlexcomponents::AlertDialogCancel
-AlertDialogContent = ShadcnPhlexcomponents::AlertDialogContent
-AlertDialogDescription = ShadcnPhlexcomponents::AlertDialogDescription
-AlertDialogFooter = ShadcnPhlexcomponents::AlertDialogFooter
-AlertDialogHeader = ShadcnPhlexcomponents::AlertDialogHeader
-AlertDialogTitle = ShadcnPhlexcomponents::AlertDialogTitle
-AlertDialogTrigger = ShadcnPhlexcomponents::AlertDialogTrigger
 AspectRatio = ShadcnPhlexcomponents::AspectRatio
 Avatar = ShadcnPhlexcomponents::Avatar
-AvatarFallback = ShadcnPhlexcomponents::AvatarFallback
-AvatarImage = ShadcnPhlexcomponents::AvatarImage
 Badge = ShadcnPhlexcomponents::Badge
 Breadcrumb = ShadcnPhlexcomponents::Breadcrumb
-BreadcrumbEllipsis = ShadcnPhlexcomponents::BreadcrumbEllipsis
-BreadcrumbItem = ShadcnPhlexcomponents::BreadcrumbItem
-BreadcrumbLink = ShadcnPhlexcomponents::BreadcrumbLink
-BreadcrumbPage = ShadcnPhlexcomponents::BreadcrumbPage
-BreadcrumbSeparator = ShadcnPhlexcomponents::BreadcrumbSeparator
 Button = ShadcnPhlexcomponents::Button
 Card = ShadcnPhlexcomponents::Card
-CardContent = ShadcnPhlexcomponents::CardContent
-CardDescription = ShadcnPhlexcomponents::CardDescription
-CardFooter = ShadcnPhlexcomponents::CardFooter
-CardHeader = ShadcnPhlexcomponents::CardHeader
-CardTitle = ShadcnPhlexcomponents::CardTitle
 CheckboxGroup = ShadcnPhlexcomponents::CheckboxGroup
 Checkbox = ShadcnPhlexcomponents::Checkbox
 Collapsible = ShadcnPhlexcomponents::Collapsible
-CollapsibleContent = ShadcnPhlexcomponents::CollapsibleContent
-CollapsibleTrigger = ShadcnPhlexcomponents::CollapsibleTrigger
 Combobox = ShadcnPhlexcomponents::Combobox
 DatePicker = ShadcnPhlexcomponents::DatePicker
 DateRangePicker = ShadcnPhlexcomponents::DateRangePicker
 Dialog = ShadcnPhlexcomponents::Dialog
-DialogClose = ShadcnPhlexcomponents::DialogClose
-DialogContent = ShadcnPhlexcomponents::DialogContent
-DialogDescription = ShadcnPhlexcomponents::DialogDescription
-DialogFooter = ShadcnPhlexcomponents::DialogFooter
-DialogHeader = ShadcnPhlexcomponents::DialogHeader
-DialogTitle = ShadcnPhlexcomponents::DialogTitle
-DialogTrigger = ShadcnPhlexcomponents::DialogTrigger
 DropdownMenu = ShadcnPhlexcomponents::DropdownMenu
-DropdownMenuContent = ShadcnPhlexcomponents::DropdownMenuContent
-DropdownMenuItem = ShadcnPhlexcomponents::DropdownMenuItem
-DropdownMenuLabel = ShadcnPhlexcomponents::DropdownMenuLabel
-DropdownMenuSeparator = ShadcnPhlexcomponents::DropdownMenuSeparator
-DropdownMenuTrigger = ShadcnPhlexcomponents::DropdownMenuTrigger
+Form = ShadcnPhlexcomponents::Form
 HoverCard = ShadcnPhlexcomponents::HoverCard
-HoverCardContent = ShadcnPhlexcomponents::HoverCardContent
-HoverCardTrigger = ShadcnPhlexcomponents::HoverCardTrigger
 Input = ShadcnPhlexcomponents::Input
 Label = ShadcnPhlexcomponents::Label
 Link = ShadcnPhlexcomponents::Link
 LoadingButton = ShadcnPhlexcomponents::LoadingButton
 Pagination = ShadcnPhlexcomponents::Pagination
-PaginationEllipsis = ShadcnPhlexcomponents::PaginationEllipsis
-PaginationLink = ShadcnPhlexcomponents::PaginationLink
-PaginationNext = ShadcnPhlexcomponents::PaginationNext
-PaginationPrevious = ShadcnPhlexcomponents::PaginationPrevious
 Popover = ShadcnPhlexcomponents::Popover
-PopoverContent = ShadcnPhlexcomponents::PopoverContent
-PopoverTrigger = ShadcnPhlexcomponents::PopoverTrigger
 Progress = ShadcnPhlexcomponents::Progress
 RadioGroup = ShadcnPhlexcomponents::RadioGroup
-RadioGroupItem = ShadcnPhlexcomponents::RadioGroupItem
 Select = ShadcnPhlexcomponents::Select
-SelectContent = ShadcnPhlexcomponents::SelectContent
-SelectGroup = ShadcnPhlexcomponents::SelectGroup
-SelectItem = ShadcnPhlexcomponents::SelectItem
-SelectLabel = ShadcnPhlexcomponents::SelectLabel
 Separator = ShadcnPhlexcomponents::Separator
 Sheet = ShadcnPhlexcomponents::Sheet
-SheetClose = ShadcnPhlexcomponents::SheetClose
-SheetContent = ShadcnPhlexcomponents::SheetContent
-SheetDescription = ShadcnPhlexcomponents::SheetDescription
-SheetFooter = ShadcnPhlexcomponents::SheetFooter
-SheetHeader = ShadcnPhlexcomponents::SheetHeader
-SheetTitle = ShadcnPhlexcomponents::SheetTitle
-SheetTrigger = ShadcnPhlexcomponents::SheetTrigger
 Sidebar = ShadcnPhlexcomponents::Sidebar
-SidebarContainer = ShadcnPhlexcomponents::SidebarContainer
-SidebarContent = ShadcnPhlexcomponents::SidebarContent
-SidebarFooter = ShadcnPhlexcomponents::SidebarFooter
-SidebarGroupContent = ShadcnPhlexcomponents::SidebarGroupContent
-SidebarGroupLabel = ShadcnPhlexcomponents::SidebarGroupLabel
-SidebarGroup = ShadcnPhlexcomponents::SidebarGroup
-SidebarHeader = ShadcnPhlexcomponents::SidebarHeader
-SidebarInset = ShadcnPhlexcomponents::SidebarInset
-SidebarMenuButton = ShadcnPhlexcomponents::SidebarMenuButton
-SidebarMenuItem = ShadcnPhlexcomponents::SidebarMenuItem
-SidebarMenuSubButton = ShadcnPhlexcomponents::SidebarMenuSubButton
-SidebarMenuSubItem = ShadcnPhlexcomponents::SidebarMenuSubItem
-SidebarMenuSub = ShadcnPhlexcomponents::SidebarMenuSub
-SidebarMenu = ShadcnPhlexcomponents::SidebarMenu
-SidebarTrigger = ShadcnPhlexcomponents::SidebarTrigger
 Skeleton = ShadcnPhlexcomponents::Skeleton
 Switch = ShadcnPhlexcomponents::Switch
 Table = ShadcnPhlexcomponents::Table
-TableBody = ShadcnPhlexcomponents::TableBody
-TableCaption = ShadcnPhlexcomponents::TableCaption
-TableCell = ShadcnPhlexcomponents::TableCell
-TableFooter = ShadcnPhlexcomponents::TableFooter
-TableHead = ShadcnPhlexcomponents::TableHead
-TableHeader = ShadcnPhlexcomponents::TableHeader
-TableRow = ShadcnPhlexcomponents::TableRow
 Tabs = ShadcnPhlexcomponents::Tabs
-TabsContent = ShadcnPhlexcomponents::TabsContent
-TabsList = ShadcnPhlexcomponents::TabsList
-TabsTrigger = ShadcnPhlexcomponents::TabsTrigger
 Textarea = ShadcnPhlexcomponents::Textarea
 ThemeSwitcher = ShadcnPhlexcomponents::ThemeSwitcher
 Toast = ShadcnPhlexcomponents::Toast
-ToastActionTo = ShadcnPhlexcomponents::ToastActionTo
-ToastAction = ShadcnPhlexcomponents::ToastAction
 ToastContainer = ShadcnPhlexcomponents::ToastContainer
-ToastContent = ShadcnPhlexcomponents::ToastContent
-ToastDescription = ShadcnPhlexcomponents::ToastDescription
-ToastTitle = ShadcnPhlexcomponents::ToastTitle
 Tooltip = ShadcnPhlexcomponents::Tooltip
-TooltipContent = ShadcnPhlexcomponents::TooltipContent
-TooltipTrigger = ShadcnPhlexcomponents::TooltipTrigger

data/lib/shadcn_phlexcomponents/version.rb

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

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: shadcn_phlexcomponents
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Sean Yeoh
 bindir: bin
 cert_chain: []
-date: 2025-04-29 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: lucide-rails
@@ -161,6 +161,10 @@ files:
 - 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
@@ -263,7 +267,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.2
+rubygems_version: 3.6.7
 specification_version: 4
 summary: Shadcn Phlexcomponents is a UI Component library built for Ruby on Rails.
 test_files: []