shadcn_phlexcomponents 0.1.9 → 0.1.14

data/lib/shadcn_phlexcomponents/components/breadcrumb/breadcrumb_separator.rb

@@ -1,26 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class BreadcrumbSeparator < Base
-    STYLES = "[&>svg]:w-3.5 [&>svg]:h-3.5"
-
-    def default_attributes
-      {
-        role: "presentation",
-        aria: {
-          hidden: "true",
-        },
-      }
-    end
-
-    def view_template(&)
-      li(**@attributes) do
-        if block_given?
-          yield
-        else
-          icon("chevron-right")
-        end
-      end
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/button/button.rb

@@ -1,53 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Button < Base
-    STYLES = <<~HEREDOC
-      inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm
-      font-medium transition-colors focus-visible:outline-none focus-visible:ring-1
-      focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50
-      [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer
-    HEREDOC
-
-    VARIANTS = {
-      primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-      secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-      destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-      outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground",
-      ghost: "hover:bg-accent hover:text-accent-foreground",
-      link: "text-primary underline-offset-4 hover:underline",
-    }.freeze
-
-    SIZES = {
-      default: "h-9 px-4 py-2",
-      sm: "h-8 px-3 text-xs",
-      lg: "h-10 px-8",
-      icon: "h-9 w-9",
-    }
-
-    class << self
-      def default_styles(variant:, size:)
-        "#{STYLES} #{VARIANTS[variant]} #{SIZES[size]}"
-      end
-    end
-
-    def initialize(variant: :primary, size: :default, type: :button, **attributes)
-      @type = type
-      @variant = variant
-      @size = size
-      super(**attributes)
-    end
-
-    def default_attributes
-      { type: @type }
-    end
-
-    def default_styles
-      self.class.default_styles(variant: @variant, size: @size)
-    end
-
-    def view_template(&)
-      button(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/card/card.rb

@@ -1,31 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Card < Base
-    STYLES = "rounded-xl border bg-card text-card-foreground shadow"
-
-    def header(**attributes, &)
-      CardHeader(**attributes, &)
-    end
-
-    def title(**attributes, &)
-      CardTitle(**attributes, &)
-    end
-
-    def description(**attributes, &)
-      CardDescription(**attributes, &)
-    end
-
-    def content(**attributes, &)
-      CardContent(**attributes, &)
-    end
-
-    def footer(**attributes, &)
-      CardFooter(**attributes, &)
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/card/card_content.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class CardContent < Base
-    STYLES = "p-6 pt-0"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/card/card_description.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class CardDescription < Base
-    STYLES = "text-sm text-muted-foreground"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/card/card_footer.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class CardFooter < Base
-    STYLES = "flex items-center p-6 pt-0"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/card/card_header.rb

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

data/lib/shadcn_phlexcomponents/components/card/card_title.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class CardTitle < Base
-    STYLES = "font-semibold leading-none tracking-tight"
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/collapsible/collapsible.rb

@@ -1,31 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Collapsible < Base
-    def initialize(open: false, aria_id: "collapsible-#{SecureRandom.hex(5)}", **attributes)
-      @open = open
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def trigger(**attributes, &)
-      CollapsibleTrigger(open: @open, aria_id: @aria_id, **attributes, &)
-    end
-
-    def content(**attributes, &)
-      CollapsibleContent(aria_id: @aria_id, **attributes, &)
-    end
-
-    def default_attributes
-      {
-        data: {
-          controller: "collapsible",
-        },
-      }
-    end
-
-    def view_template(&)
-      div(**@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/collapsible/collapsible_content.rb

@@ -1,24 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class CollapsibleContent < Base
-    def initialize(aria_id: :nil, **attributes)
-      @aria_id = aria_id
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        id: "#{@aria_id}-content",
-        data: {
-          "collapsible-target": "content",
-        },
-      }
-    end
-
-    def view_template(&)
-      @class = @attributes.delete(:class)
-      div(class: "#{@class} hidden", **@attributes, &)
-    end
-  end
-end

data/lib/shadcn_phlexcomponents/components/collapsible/collapsible_trigger.rb

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