shadcn_phlexcomponents 0.1.9 → 0.1.11

data/lib/shadcn_phlexcomponents/components/date_picker/date_picker.rb

@@ -1,87 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DatePicker < Base
-    STYLES = "w-full"
-    CONTAINER_STYLES = <<~HEREDOC
-      flex rounded-md border border-input items-center shadow-sm outline-none
-      data-[focus=true]:ring-1 data-[focus=true]:ring-ring focus:ring-1 focus:ring-ring
-      data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50
-    HEREDOC
-    INPUT_STYLES = <<~HEREDOC
-      flex h-9 w-full bg-transparent px-3 py-1 text-base transition-colors placeholder:text-muted-foreground
-      focus-visible:outline-none grow md:text-sm
-    HEREDOC
-
-    def initialize(name: nil, id: nil, value: nil, format: "DD/MM/YYYY", select_only: false, placeholder: nil,
-      disabled: false, settings: {}, aria_id: "date-picker-#{SecureRandom.hex(5)}", **attributes)
-      @name = name
-      @id = id || @name
-      @value = value&.utc&.iso8601
-      @format = format
-      @select_only = select_only
-      @placeholder = placeholder
-      @disabled = disabled
-      @settings = settings
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        data: {
-          controller: "date-picker",
-          value: @value,
-          format: @format,
-          settings: @settings.to_json,
-        },
-      }
-    end
-
-    def view_template(&)
-      div(**@attributes) do
-        input(
-          type: :hidden,
-          name: @name,
-          value: @value,
-          data: { "date-picker-target": "hiddenInput" },
-        )
-
-        if @select_only
-          DatePickerTrigger(
-            disabled: @disabled,
-            aria_id: @aria_id,
-            select_only: @select_only,
-            select_only_id: @id,
-            placeholder: @placeholder,
-          )
-        else
-          div(class: CONTAINER_STYLES, data: { "date-picker-target": "inputContainer", disabled: @disabled }) do
-            input(
-              id: @id,
-              placeholder: @placeholder || @format,
-              type: :text,
-              class: INPUT_STYLES,
-              disabled: @disabled,
-              data: {
-                "date-picker-target": "input",
-                action: "input->date-picker#changeDate
-                          blur->date-picker#inputBlur
-                          focus->date-picker#setContainerFocus",
-              },
-            )
-
-            DatePickerTrigger(
-              disabled: @disabled,
-              aria_id: @aria_id,
-              select_only: @select_only,
-              placeholder: @placeholder,
-            )
-          end
-        end
-
-        DatePickerContent(aria_id: @aria_id)
-      end
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/date_picker/date_picker_content.rb

@@ -1,45 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DatePickerContent < Base
-    STYLES = <<~HEREDOC
-      z-51 bg-popover text-popover-foreground outline-none rounded-md min-w-[300px]
-      fixed left-[50%] top-[50%] shadow-lg grid translate-x-[-50%] translate-y-[-50%]#{" "}
-      md:relative md:left-[unset] md:top-[unset] md:shadow-md md:block md:translate-x-[unset] md:translate-y-[unset] md:min-w-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
-      slide-in-from-top-2
-    HEREDOC
-
-    def initialize(aria_id: nil, **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def view_template(&)
-      div(
-        class: "hidden fixed top-0 left-0 w-max z-51",
-        data: { "#{stimulus_controller_name}-target" => "contentWrapper" },
-      ) do
-        div(**@attributes) do
-          div(data: { "#{stimulus_controller_name}-target" => "calendar" })
-        end
-      end
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-content",
-        tabindex: -1,
-        role: "dialog",
-        data: {
-          "#{stimulus_controller_name}-target" => "content",
-        },
-      }
-    end
-
-    def stimulus_controller_name
-      "date-picker"
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/date_picker/date_picker_trigger.rb

@@ -1,64 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DatePickerTrigger < Base
-    SELECT_ONLY_BUTTON_STYLES = <<~HEREDOC
-      flex h-9 items-center justify-between whitespace-nowrap rounded-md border
-      border-input bg-transparent px-3 py-2 gap-1.5 text-base md: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 hover:bg-accent hover:text-accent-foreground disabled:hover:bg-transparent
-    HEREDOC
-
-    def initialize(disabled: false, select_only: true, placeholder: nil, select_only_id: nil, aria_id: nil,
-      **attributes)
-      @disabled = disabled
-      @select_only = select_only
-      @placeholder = placeholder
-      @select_only_id = select_only_id
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def view_template
-      if @select_only
-        button(type: :button, disabled: @disabled, id: @select_only_id, **@attributes) do
-          span(class: "pointer-events-none", data: { "#{stimulus_controller_name}-target" => "triggerText" })
-
-          icon("calendar", class: "size-4 text-foreground")
-        end
-      else
-        button(type: :button, disabled: @disabled, **@attributes) do
-          icon("calendar")
-        end
-      end
-    end
-
-    def default_styles
-      if @select_only
-        SELECT_ONLY_BUTTON_STYLES
-      else
-        "#{Button.default_styles(variant: :ghost, size: :icon)} mr-1.25 h-7 w-8 disabled:!opacity-100"
-      end
-    end
-
-    def default_attributes
-      {
-        aria: {
-          haspopup: "dialog",
-          expanded: false,
-          controls: "#{@aria_id}-content",
-        },
-        data: {
-          placeholder: @placeholder,
-          action: "click->#{stimulus_controller_name}#toggle",
-          "#{stimulus_controller_name}-target" => "trigger",
-        },
-      }
-    end
-
-    def stimulus_controller_name
-      "date-picker"
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/date_range_picker/date_range_picker.rb

@@ -1,105 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DateRangePicker < Base
-    def initialize(
-      start_date_name: nil,
-      end_date_name: nil,
-      id: nil,
-      start_date: nil,
-      end_date: nil,
-      format: "DD/MM/YYYY",
-      select_only: false,
-      placeholder: nil,
-      disabled: false,
-      settings: {},
-      aria_id: "date-range-picker-#{SecureRandom.hex(5)}",
-      **attributes
-    )
-      @start_date_name = start_date_name
-      @end_date_name = end_date_name
-      @id = id || start_date_name
-      @start_date = start_date&.utc&.iso8601
-      @end_date = end_date&.utc&.iso8601
-      @format = format
-      @select_only = select_only
-      @placeholder = placeholder
-      @disabled = disabled
-      @settings = settings
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def default_styles
-      DatePicker::STYLES
-    end
-
-    def default_attributes
-      {
-        data: {
-          controller: "date-range-picker",
-          start_date: @start_date,
-          end_date: @end_date,
-          format: @format,
-          settings: @settings.to_json,
-        },
-      }
-    end
-
-    def view_template(&)
-      div(**@attributes) do
-        input(
-          type: :hidden,
-          name: @start_date_name,
-          value: @start_date,
-          data: { "date-range-picker-target": "startDateHiddenInput" },
-        )
-
-        input(
-          type: :hidden,
-          name: @end_date_name,
-          value: @end_date,
-          data: { "date-range-picker-target": "endDateHiddenInput" },
-        )
-
-        if @select_only
-          DateRangePickerTrigger(
-            disabled: @disabled,
-            aria_id: @aria_id,
-            select_only: @select_only,
-            select_only_id: @id,
-            placeholder: @placeholder,
-          )
-        else
-          div(
-            class: DatePicker::CONTAINER_STYLES,
-            data: { "date-range-picker-target": "inputContainer", disabled: @disabled },
-          ) do
-            input(
-              id: @id,
-              placeholder: @placeholder || "#{@format} - #{@format}",
-              type: :text,
-              class: DatePicker::INPUT_STYLES,
-              disabled: @disabled,
-              data: {
-                "date-range-picker-target": "input",
-                action: "input->date-range-picker#changeDate
-                          blur->date-range-picker#inputBlur
-                          focus->date-range-picker#setContainerFocus",
-              },
-            )
-
-            DateRangePickerTrigger(
-              disabled: @disabled,
-              aria_id: @aria_id,
-              select_only: @select_only,
-              placeholder: @placeholder,
-            )
-          end
-        end
-
-        DateRangePickerContent(aria_id: @aria_id)
-      end
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/date_range_picker/date_range_picker_content.rb

@@ -1,9 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DateRangePickerContent < DatePickerContent
-    def stimulus_controller_name
-      "date-range-picker"
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/date_range_picker/date_range_picker_trigger.rb

@@ -1,9 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DateRangePickerTrigger < DatePickerTrigger
-    def stimulus_controller_name
-      "date-range-picker"
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/dialog/dialog.rb

@@ -1,52 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Dialog < Base
-    STYLES = "inline-block"
-
-    def initialize(aria_id: "dialog-#{SecureRandom.hex(5)}", **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def trigger(**attributes, &)
-      DialogTrigger(aria_id: @aria_id, **attributes, &)
-    end
-
-    def content(**attributes, &)
-      DialogContent(aria_id: @aria_id, **attributes, &)
-    end
-
-    def header(**attributes, &)
-      DialogHeader(**attributes, &)
-    end
-
-    def title(**attributes, &)
-      DialogTitle(aria_id: @aria_id, **attributes, &)
-    end
-
-    def description(**attributes, &)
-      DialogDescription(aria_id: @aria_id, **attributes, &)
-    end
-
-    def footer(**attributes, &)
-      DialogFooter(**attributes, &)
-    end
-
-    def close(**attributes, &)
-      DialogClose(**attributes, &)
-    end
-
-    def default_attributes
-      {
-        data: {
-          controller: "dialog",
-        },
-      }
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/dialog/dialog_close.rb

@@ -1,42 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DialogClose < Base
-    def initialize(as_child: false, **attributes)
-      @as_child = as_child
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        role: "button",
-        data: {
-          action: "click->dialog#close",
-        },
-      }
-    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
-  end
-end

data/lib/shadcn_phlexcomponents/components/dialog/dialog_content.rb

@@ -1,54 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DialogContent < Base
-    STYLES = <<~HEREDOC
-      fixed left-[50%] top-[50%] z-51 grid w-full max-w-lg translate-x-[-50%] pointer-events-auto
-      translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200
-      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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]
-      data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg
-    HEREDOC
-
-    CLOSE_BUTTON_STYLES = <<~HEREDOC
-      absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background
-      transition-opacity hover:opacity-100 focus:outline-none focus:ring-2
-      focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none
-      cursor-pointer
-    HEREDOC
-
-    def initialize(aria_id: nil, **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-content",
-        tabindex: -1,
-        role: "dialog",
-        aria: {
-          describedby: "#{@aria_id}-description",
-          labelledby: "#{@aria_id}-title",
-        },
-        data: {
-          "dialog-target": "content",
-          state: "closed",
-        },
-      }
-    end
-
-    def view_template(&)
-      @class = @attributes.delete(:class)
-      div(class: "#{@class} hidden", **@attributes) do
-        yield
-
-        button(class: CLOSE_BUTTON_STYLES, data: { action: "click->dialog#close" }) do
-          icon("x", class: "size-4")
-          span(class: "sr-only") { "close" }
-        end
-      end
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/dialog/dialog_description.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DialogDescription < Base
-    STYLES = "text-sm text-muted-foreground"
-
-    def initialize(aria_id: nil, **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-description",
-      }
-    end
-
-    def view_template(&)
-      p(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/dialog/dialog_footer.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DialogFooter < Base
-    STYLES = "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/dialog/dialog_header.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DialogHeader < Base
-    STYLES = "flex flex-col space-y-1.5 text-center sm:text-left"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/dialog/dialog_title.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DialogTitle < Base
-    STYLES = "text-lg font-semibold leading-none tracking-tight"
-
-    def initialize(aria_id: nil, **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-title",
-      }
-    end
-
-    def view_template(&)
-      h2(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/dialog/dialog_trigger.rb

@@ -1,50 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DialogTrigger < Base
-    def initialize(as_child: false, aria_id: nil, **attributes)
-      @as_child = as_child
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        role: "button",
-        aria: {
-          haspopup: "dialog",
-          expanded: "false",
-          controls: "#{@aria_id}-content",
-        },
-        data: {
-          action: "click->dialog#open",
-          "dialog-target": "trigger",
-          as_child: @as_child.to_s,
-        },
-      }
-    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
-  end
-end

data/lib/shadcn_phlexcomponents/components/dropdown_menu/dropdown_menu.rb

@@ -1,50 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DropdownMenu < Base
-    STYLES = "inline-block"
-
-    def initialize(side: :bottom, aria_id: "dropdown-menu-#{SecureRandom.hex(5)}", **attributes)
-      @side = side
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def trigger(**attributes, &)
-      DropdownMenuTrigger(aria_id: @aria_id, **attributes, &)
-    end
-
-    def content(**attributes, &)
-      DropdownMenuContent(aria_id: @aria_id, side: @side, **attributes, &)
-    end
-
-    def label(**attributes, &)
-      DropdownMenuLabel(**attributes, &)
-    end
-
-    def item(**attributes, &)
-      DropdownMenuItem(**attributes, &)
-    end
-
-    def item_to(name = nil, options = nil, html_options = nil, &block)
-      DropdownMenuItemTo(name, options, html_options, &block)
-    end
-
-    def separator(**attributes, &)
-      DropdownMenuSeparator(**attributes, &)
-    end
-
-    def default_attributes
-      {
-        data: {
-          controller: "dropdown-menu",
-          side: @side,
-        },
-      }
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end