shadcn_phlexcomponents 0.1.9 → 0.1.11

data/lib/shadcn_phlexcomponents/components/radio_group/radio_group.rb

@@ -1,88 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class RadioGroup < Base
-    STYLES = "grid gap-2 outline-none"
-
-    def initialize(name: nil, value: nil, dir: "ltr", include_hidden: true, item_id_prefix: nil, **attributes)
-      @name = name
-      @value = value
-      @dir = dir
-      @include_hidden = include_hidden
-      @item_id_prefix = item_id_prefix
-      super(**attributes)
-    end
-
-    def label(**attributes)
-      @label_attributes = attributes
-      nil
-    end
-
-    def radio(**attributes)
-      @radio_attributes = attributes
-      nil
-    end
-
-    def item(name: nil, value: nil, **attributes)
-      RadioGroupItem(name: name || @name, value: value, checked: @value == value, **attributes)
-    end
-
-    def items(collection, value_method:, text_method:, wrapper_class: nil, disabled_items: nil, &)
-      vanish(&)
-
-      wrapper_class = TAILWIND_MERGER.merge("flex items-center space-x-2 #{wrapper_class}")
-
-      if collection.first&.is_a?(Hash)
-        collection = convert_collection_hash_to_struct(collection, value_method: value_method, text_method: text_method)
-      end
-
-      collection.each do |item|
-        value = item.public_send(value_method)
-        text = item.public_send(text_method)
-        id = if @item_id_prefix
-          "#{@item_id_prefix.parameterize.underscore}_#{value}"
-        else
-          "#{@name.parameterize.underscore}_#{value}"
-        end
-
-        div(class: wrapper_class) do
-          RadioGroupItem(
-            name: @name,
-            value: value,
-            checked: @value == value,
-            id: id,
-            disabled: item_disabled?(disabled_items, value),
-**@radio_attributes,
-          )
-          Label(for: id, **@label_attributes) { text }
-        end
-      end
-
-      nil
-    end
-
-    def view_template(&)
-      div(**@attributes) do
-        if @include_hidden
-          input(type: "hidden", name: @name, autocomplete: "off")
-        end
-
-        yield
-      end
-    end
-
-    def default_attributes
-      {
-        role: "radiogroup",
-        dir: @dir,
-        aria: {
-          required: false,
-        },
-        data: {
-          controller: "radio-group",
-          "radio-group-selected-value": @value,
-        },
-      }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/radio_group/radio_group_item.rb

@@ -1,66 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class RadioGroupItem < Base
-    STYLES = <<~HEREDOC
-      aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow
-      focus:outline-none focus-visible:ring-1 focus-visible:ring-ring
-      disabled:cursor-not-allowed disabled:opacity-50 relative cursor-pointer
-      group/radio
-    HEREDOC
-
-    def initialize(name: nil, value: nil, checked: false, id: nil, **attributes)
-      @value = value
-      @name = name
-      @checked = checked
-      @id = id || name
-      super(**attributes)
-    end
-
-    def view_template(&)
-      button(**@attributes) do
-        span(
-          class: "items-center justify-center hidden group-data-[checked=true]/radio:flex",
-        ) do
-          icon("circle", class: "size-2.5 fill-primary")
-        end
-
-        input(
-          type: "radio",
-          value: @value,
-          class: "-translate-x-full pointer-events-none absolute top-0 left-0 size-4 opacity-0",
-          name: @name,
-          tabindex: -1,
-          checked: @checked,
-          aria: { hidden: true },
-          data: { input: "" },
-        )
-      end
-    end
-
-    def default_attributes
-      {
-        id: @id,
-        type: "button",
-        tabindex: -1,
-        role: "radio",
-        aria: {
-          checked: @checked.to_s,
-        },
-        data: {
-          checked: @checked.to_s,
-          value: @value,
-          "radio-group-target": "item",
-          action: <<~HEREDOC,
-            click->radio-group#setChecked
-            keydown.right->radio-group#setCheckedToNext:prevent
-            keydown.down->radio-group#setCheckedToNext:prevent
-            keydown.up->radio-group#setCheckedToPrev:prevent
-            keydown.left->radio-group#setCheckedToPrev:prevent
-            keydown.enter->radio-group#preventDefault
-          HEREDOC
-        },
-      }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/select/select.rb

@@ -1,194 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Select < Base
-    STYLES = "w-full"
-
-    NATIVE_STYLES = <<~HEREDOC
-      flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-2 pr-8
-      text-base shadow-sm transition-colors 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 appearance-none
-      relative
-    HEREDOC
-
-    NATIVE_OPTION_STYLES = "bg-popover text-popover-foreground"
-
-    def initialize(id: nil,
-      name: nil,
-      value: nil,
-      placeholder: nil,
-      side: :bottom,
-      native: false,
-      dir: "ltr",
-      include_blank: false,
-      disabled: false,
-      aria_id: "select-#{SecureRandom.hex(5)}",
-      **attributes)
-      @id = id || name
-      @name = name
-      @value = value
-      @placeholder = placeholder
-      @side = side
-      @native = native
-      @dir = dir
-      @include_blank = include_blank
-      @disabled = disabled
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def trigger(**attributes)
-      SelectTrigger(
-        id: @id,
-        aria_id: @aria_id,
-        dir: @dir,
-        value: @value,
-        placeholder: @placeholder,
-        disabled: @disabled,
-        **attributes,
-      )
-    end
-
-    def content(**attributes, &)
-      SelectContent(
-        side: @side, aria_id: @aria_id, dir: @dir, include_blank: @include_blank, native: @native, **attributes, &
-      )
-    end
-
-    def item(**attributes, &)
-      SelectItem(aria_id: @aria_id, **attributes, &)
-    end
-
-    def label(**attributes, &)
-      SelectLabel(aria_id: @aria_id, **attributes, &)
-    end
-
-    def group(**attributes, &)
-      SelectGroup(aria_id: @aria_id, **attributes, &)
-    end
-
-    def items(collection, value_method:, text_method:, disabled_items: nil, &)
-      vanish(&)
-
-      if collection.first&.is_a?(Hash)
-        collection = convert_collection_hash_to_struct(collection, value_method: value_method, text_method: text_method)
-      end
-
-      SelectTrigger(
-        id: @id,
-        aria_id: @aria_id,
-        dir: @dir,
-        value: @value,
-        placeholder: @placeholder,
-        disabled: @disabled,
-      )
-
-      SelectContent(aria_id: @aria_id, dir: @dir, include_blank: @include_blank, native: @native) do
-        collection.each do |item|
-          value = item.public_send(value_method)
-          text = item.public_send(text_method)
-
-          SelectItem(value: value, aria_id: @aria_id, disabled: item_disabled?(disabled_items, value)) { text }
-        end
-      end
-    end
-
-    def view_template(&)
-      content = capture(&)
-      element = Nokogiri::HTML.fragment(content.to_s)
-      content_element = element.css('[data-select-target="content"]')
-
-      if @native
-        div(class: "relative") do
-          select(**@attributes) do
-            if @placeholder || @include_blank
-              option(value: "", class: NATIVE_OPTION_STYLES) { @placeholder }
-            end
-
-            build_native_options(content_element)
-          end
-
-          icon("chevron-down", class: "size-4 absolute opacity-50 top-1/2 -translate-y-1/2 right-3 pointer-events-none")
-        end
-      else
-        div(**@attributes) do
-          yield
-
-          select(
-            name: @name,
-            disabled: @disabled,
-            class: "sr-only",
-            tabindex: -1,
-            data: {
-              "select-target": "select",
-            },
-          ) do
-            option(value: "")
-            build_native_options(content_element)
-          end
-        end
-      end
-    end
-
-    def default_styles
-      if @native
-        NATIVE_STYLES
-      else
-        STYLES
-      end
-    end
-
-    def default_attributes
-      if @native
-        {
-          id: @id,
-          name: @name,
-          disabled: @disabled,
-        }
-      else
-        {
-          data: {
-            side: @side,
-            aria_id: @aria_id,
-            controller: "select",
-            "select-selected-value": @value,
-          },
-        }
-      end
-    end
-
-    def build_native_options(content_element)
-      content_element.children.each do |content_child|
-        next if content_child.is_a?(Nokogiri::XML::Text) || content_child.is_a?(Nokogiri::XML::Comment)
-
-        if content_child.attributes["data-select-target"]&.value == "group"
-          group_label = content_child.at_css('[data-select-target="label"]')&.text
-
-          optgroup(label: group_label, class: NATIVE_OPTION_STYLES) do
-            content_child.css('[data-select-target="item"]').each do |i|
-              option(
-                value: i.attributes["data-value"].value,
-                class: NATIVE_OPTION_STYLES,
-                selected: i.attributes["data-value"].value == @value,
-                disabled: i.attributes["data-disabled"]&.value == "",
-              ) do
-                i.text
-              end
-            end
-          end
-        elsif content_child.attributes["data-select-target"]&.value == "item"
-
-          option(
-            value: content_child.attributes["data-value"].value,
-            class: NATIVE_OPTION_STYLES,
-            selected: content_child.attributes["data-value"].value == @value,
-            disabled: content_child.attributes["data-disabled"]&.value == "",
-          ) do
-            content_child.text
-          end
-        end
-      end
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/select/select_content.rb

@@ -1,64 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SelectContent < Base
-    STYLES = <<~HEREDOC
-      relative z-50 min-w-[8rem] max-h-108 overflow-y-auto overflow-x-hidden rounded-md border
-      bg-popover text-popover-foreground  p-1 shadow-md outline-none pointer-events-auto
-      data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0
-      data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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
-      data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1
-      data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1
-    HEREDOC
-
-    def initialize(side: :bottom, include_blank: false, native: false, dir: "ltr", aria_id: nil, **attributes)
-      @side = side
-      @include_blank = include_blank
-      @native = native
-      @dir = dir
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def view_template(&)
-      div(
-        class: "hidden fixed top-0 left-0 w-max z-50",
-        data: { "select-target": "contentWrapper" },
-      ) do
-        div(**@attributes) do
-          if @include_blank && !@native
-            SelectItem(aria_id: @aria_id, value: "", class: "h-8", hide_icon: true) do
-              @include_blank.is_a?(String) ? @include_blank : ""
-            end
-          end
-
-          yield
-        end
-      end
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-content",
-        dir: @dir,
-        tabindex: -1,
-        role: "listbox",
-        aria: {
-          labelledby: "#{@aria_id}-trigger",
-          orientation: "vertical",
-        },
-        data: {
-          state: "closed",
-          side: @side,
-          "select-target": "content",
-          action: <<~HEREDOC,
-            keydown.up->select#focusLastItem:prevent
-            keydown.down->select#focusFirstItem:prevent
-          HEREDOC
-        },
-      }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/select/select_group.rb

@@ -1,23 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SelectGroup < Base
-    def initialize(aria_id:, **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-
-    def default_attributes
-      {
-        role: "group",
-        data: {
-          "select-target": "group",
-        },
-      }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/select/select_item.rb

@@ -1,59 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SelectItem < Base
-    STYLES = <<~HEREDOC
-      group/item relative flex w-full cursor-default select-none items-center
-      rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent
-      focus:text-accent-foreground data-[disabled]:pointer-events-none#{" "}
-      data-[disabled]:opacity-50
-    HEREDOC
-
-    def initialize(value: nil, disabled: false, hide_icon: false, aria_id: nil, **attributes)
-      @value = value
-      @disabled = disabled
-      @aria_id = aria_id
-      @hide_icon = hide_icon
-      @aria_labelledby = "#{@aria_id}-#{@value.dasherize.parameterize}"
-      super(**attributes)
-    end
-
-    def view_template(&)
-      div(**@attributes) do
-        span(id: @aria_labelledby, &)
-
-        unless @hide_icon
-          span(class: "absolute right-2 h-3.5 w-3.5 items-center hidden justify-center
-                      group-aria-[selected=true]/item:flex") do
-            icon("check", class: "size-4")
-          end
-        end
-      end
-    end
-
-    def default_attributes
-      {
-        role: "option",
-        tabindex: -1,
-        aria: {
-          selected: false,
-          labelledby: @aria_labelledby,
-        },
-        data: {
-          disabled: @disabled,
-          value: @value,
-          action: <<~HEREDOC,
-            click->select#selectItem
-            keydown.up->select#focusPrevItem:prevent:stop
-            keydown.down->select#focusNextItem:prevent:stop
-            keydown.enter->select#selectItem:prevent
-            keydown.space->select#selectItem:prevent
-            mouseover->select#focusItem
-            mouseout->select#focusContent
-          HEREDOC
-          "select-target": "item",
-        },
-      }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/select/select_label.rb

@@ -1,24 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SelectLabel < Base
-    STYLES = "px-2 py-1.5 text-sm font-semibold"
-
-    def initialize(aria_id: nil, **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-
-    def default_attributes
-      {
-        data: {
-          "select-target": "label",
-        },
-      }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/select/select_trigger.rb

@@ -1,56 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SelectTrigger < Base
-    STYLES = <<~HEREDOC
-      flex h-9 items-center justify-between whitespace-nowrap rounded-md border
-      border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background
-      data-[placeholder]:data-[has-value=false]:text-muted-foreground focus:outline-none focus:ring-1
-      focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1
-      w-full cursor-pointer
-    HEREDOC
-
-    def initialize(id: nil, value: nil, placeholder: nil, dir: "ltr", aria_id: nil, **attributes)
-      @id = id
-      @value = value
-      @placeholder = placeholder
-      @dir = dir
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def view_template
-      button(**@attributes) do
-        span(class: "pointer-events-none", data: { "select-target": "triggerText" }) do
-          @value || @placeholder
-        end
-
-        icon("chevron-down", class: "size-4 opacity-50 text-foreground")
-      end
-    end
-
-    def default_attributes
-      {
-        type: "button",
-        id: @id,
-        dir: @dir,
-        role: "combobox",
-        aria: {
-          autocomplete: "none",
-          expanded: false,
-          controls: "#{@aria_id}-content",
-        },
-        data: {
-          placeholder: @placeholder,
-          has_value: @value.present?.to_s,
-          action: <<~HEREDOC,
-            click->select#toggle
-            keydown.down->select#toggle:prevent
-            keydown.up->select#toggle:prevent
-          HEREDOC
-          "select-target": "trigger",
-        },
-      }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/sheet/sheet.rb

@@ -1,53 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Sheet < Base
-    STYLES = "inline-block"
-
-    def initialize(side: :right, aria_id: "sheet-#{SecureRandom.hex(5)}", **attributes)
-      @side = side
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def trigger(**attributes, &)
-      SheetTrigger(aria_id: @aria_id, **attributes, &)
-    end
-
-    def content(**attributes, &)
-      SheetContent(side: @side, aria_id: @aria_id, **attributes, &)
-    end
-
-    def header(**attributes, &)
-      SheetHeader(**attributes, &)
-    end
-
-    def title(**attributes, &)
-      SheetTitle(aria_id: @aria_id, **attributes, &)
-    end
-
-    def description(**attributes, &)
-      SheetDescription(aria_id: @aria_id, **attributes, &)
-    end
-
-    def footer(**attributes, &)
-      SheetFooter(**attributes, &)
-    end
-
-    def close(**attributes, &)
-      SheetClose(**attributes, &)
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-
-    def default_attributes
-      {
-        data: {
-          controller: "dialog",
-        },
-      }
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/sheet/sheet_close.rb

@@ -1,42 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class SheetClose < Base
-    def initialize(as_child: false, **attributes)
-      @as_child = as_child
-      super(**attributes)
-    end
-
-    def view_template(&)
-      if @as_child
-        content = capture(&)
-        element = find_as_child(content.to_s)
-
-        vanish(&)
-        element_attributes = nokogiri_attributes_to_hash(element)
-        styles = TAILWIND_MERGER.merge("#{@attributes[:class]} #{element_attributes[:class]}")
-        merged_attributes = mix(@attributes, element_attributes)
-        merged_attributes[:class] = styles
-
-        if element.name == "button"
-          merged_attributes.delete(:role)
-        end
-
-        send(element.name, **merged_attributes) do
-          sanitize_as_child(element.children.to_s)
-        end
-      else
-        div(**@attributes, &)
-      end
-    end
-
-    def default_attributes
-      {
-        role: "button",
-        data: {
-          action: "click->dialog#close",
-        },
-      }
-    end
-  end
-end