daisyui_on_phlex 0.1.2 → 0.2.1

data/lib/daisyui_on_phlex/components/dropdown.rb

@@ -0,0 +1,66 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Dropdown < DaisyuiOnPhlex::Base
+      def initialize(
+        position: :bottom,
+        align: :left,
+        end: false,
+        top: false,
+        hover: false,
+        open: false,
+        **attributes
+      )
+        @position = position
+        @align = align
+        @end = end
+        @top = top
+        @hover = hover
+        @open = open
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        div(class: dropdown_classes, **@attributes, &block)
+      end
+
+      def trigger(**attributes, &block)
+        div(tabindex: "0", role: "button", **attributes, &block)
+      end
+
+      def content(**attributes, &block)
+        div(
+          tabindex: "0",
+          class: dropdown_content_classes,
+          **attributes,
+          &block
+        )
+      end
+
+      private
+
+      def dropdown_classes
+        classes = ["dropdown"]
+        
+        case @position
+        when :top then classes << "dropdown-top"
+        when :bottom then classes << "dropdown-bottom"
+        when :left then classes << "dropdown-left"
+        when :right then classes << "dropdown-right"
+        end
+
+        classes << "dropdown-end" if @end
+        classes << "dropdown-hover" if @hover
+        classes << "dropdown-open" if @open
+
+        merge_classes(*classes)
+      end
+
+      def dropdown_content_classes
+        classes = ["dropdown-content", "z-[1]", "menu", "p-2", "shadow", "bg-base-100", "rounded-box", "w-52"]
+        merge_classes(*classes)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/fieldset.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Fieldset < DaisyuiOnPhlex::Base
+      def initialize(**attributes)
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        fieldset(class: "fieldset", **@attributes, &block)
+      end
+
+      def legend(**attributes, &block)
+        legend(class: "fieldset-legend", **attributes, &block)
+      end
+
+      def label(text = nil, **attributes, &block)
+        label_tag(class: "fieldset-label", **attributes) do
+          text ? text : yield
+        end
+      end
+
+      private
+
+      def label_tag(...)
+        label(...)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/file_input.rb

@@ -0,0 +1,69 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class FileInput < DaisyuiOnPhlex::Base
+      def initialize(
+        variant: nil,
+        size: :md,
+        bordered: false,
+        ghost: false,
+        name: nil,
+        multiple: false,
+        accept: nil,
+        **attributes
+      )
+        @variant = variant
+        @size = size
+        @bordered = bordered
+        @ghost = ghost
+        @name = name
+        @multiple = multiple
+        @accept = accept
+        @attributes = attributes
+      end
+
+      def view_template
+        input(
+          type: "file",
+          class: file_input_classes,
+          name: @name,
+          multiple: @multiple,
+          accept: @accept,
+          **@attributes
+        )
+      end
+
+      private
+
+      def file_input_classes
+        classes = ["file-input"]
+
+        # Variant classes
+        case @variant
+        when :primary then classes << "file-input-primary"
+        when :secondary then classes << "file-input-secondary"
+        when :accent then classes << "file-input-accent"
+        when :info then classes << "file-input-info"
+        when :success then classes << "file-input-success"
+        when :warning then classes << "file-input-warning"
+        when :error then classes << "file-input-error"
+        end
+
+        # Size classes
+        case @size
+        when :xs then classes << "file-input-xs"
+        when :sm then classes << "file-input-sm"
+        when :md then classes << "file-input-md"
+        when :lg then classes << "file-input-lg"
+        end
+
+        # Style modifiers
+        classes << "file-input-bordered" if @bordered
+        classes << "file-input-ghost" if @ghost
+
+        merge_classes(*classes)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/filter.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Filter < DaisyuiOnPhlex::Base
+      def initialize(name:, **attributes)
+        @name = name
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        div(class: "filter", **@attributes, &block)
+      end
+
+      def option(value:, label:, checked: false, **attributes)
+        div(class: "filter-option") do
+          input(
+            type: "radio",
+            name: @name,
+            value: value,
+            id: "#{@name}_#{value}",
+            checked: checked,
+            class: "filter-radio sr-only",
+            **attributes
+          )
+          label(
+            for: "#{@name}_#{value}",
+            class: "filter-label cursor-pointer"
+          ) { label }
+        end
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/footer.rb

@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Footer < DaisyuiOnPhlex::Base
+      def initialize(center: false, **attributes)
+        @center = center
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        footer(class: footer_classes, **@attributes, &block)
+      end
+
+      def title(**attributes, &block)
+        h6(class: merge_classes("footer-title", attributes[:class]), **attributes.except(:class), &block)
+      end
+
+      def link(href:, **attributes, &block)
+        a(href: href, class: merge_classes("link", "link-hover", attributes[:class]), **attributes.except(:class), &block)
+      end
+
+      private
+
+      def footer_classes
+        classes = ["footer", "p-10", "bg-neutral", "text-neutral-content"]
+        classes << "items-center" if @center
+        merge_classes(*classes)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/hero.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Hero < DaisyuiOnPhlex::Base
+      def initialize(overlay: false, **attributes)
+        @overlay = overlay
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        div(
+          class: merge_classes("hero", "min-h-screen", ("hero-overlay" if @overlay), @attributes[:class]),
+          **@attributes.except(:class),
+          &block
+        )
+      end
+
+      def content(**attributes, &block)
+        div(class: merge_classes("hero-content", "text-center", attributes[:class]), **attributes.except(:class), &block)
+      end
+
+      def overlay(**attributes, &block)
+        div(class: merge_classes("hero-overlay", "bg-opacity-60", attributes[:class]), **attributes.except(:class), &block)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/indicator.rb

@@ -0,0 +1,61 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Indicator < DaisyuiOnPhlex::Base
+      def initialize(**attributes)
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        div(class: "indicator", **@attributes, &block)
+      end
+
+      def item(
+        position: :top_end,
+        variant: nil,
+        **attributes,
+        &block
+      )
+        span(
+          class: indicator_item_classes(position: position, variant: variant),
+          **attributes,
+          &block
+        )
+      end
+
+      private
+
+      def indicator_item_classes(position:, variant:)
+        classes = ["indicator-item"]
+
+        case position
+        when :top_start then classes << "indicator-top" << "indicator-start"
+        when :top_center then classes << "indicator-top" << "indicator-center"
+        when :top_end then classes << "indicator-top" << "indicator-end"
+        when :middle_start then classes << "indicator-middle" << "indicator-start"
+        when :middle_center then classes << "indicator-middle" << "indicator-center"
+        when :middle_end then classes << "indicator-middle" << "indicator-end"
+        when :bottom_start then classes << "indicator-bottom" << "indicator-start"
+        when :bottom_center then classes << "indicator-bottom" << "indicator-center"
+        when :bottom_end then classes << "indicator-bottom" << "indicator-end"
+        end
+
+        case variant
+        when :primary then classes << "badge-primary"
+        when :secondary then classes << "badge-secondary"
+        when :accent then classes << "badge-accent"
+        when :neutral then classes << "badge-neutral"
+        when :info then classes << "badge-info"
+        when :success then classes << "badge-success"
+        when :warning then classes << "badge-warning"
+        when :error then classes << "badge-error"
+        end
+
+        classes << "badge" if variant
+
+        merge_classes(*classes)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/join.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Join < DaisyuiOnPhlex::Base
+      def initialize(vertical: false, **attributes)
+        @vertical = vertical
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        div(
+          class: merge_classes("join", ("join-vertical" if @vertical), @attributes[:class]),
+          **@attributes.except(:class),
+          &block
+        )
+      end
+
+      def item(**attributes, &block)
+        div(class: merge_classes("join-item", attributes[:class]), **attributes.except(:class), &block)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/kbd.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Kbd < DaisyuiOnPhlex::Base
+      def initialize(size: :md, **attributes)
+        @size = size
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        size_class = case @size
+        when :xs then "kbd-xs"
+        when :sm then "kbd-sm"
+        when :md then "kbd-md"
+        when :lg then "kbd-lg"
+        end
+
+        kbd(
+          class: merge_classes("kbd", size_class, @attributes[:class]),
+          **@attributes.except(:class),
+          &block
+        )
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/label.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Label < DaisyuiOnPhlex::Base
+      def initialize(**attributes)
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        div(class: "label", **@attributes, &block)
+      end
+
+      def text(**attributes, &block)
+        span(class: "label-text", **attributes, &block)
+      end
+
+      def alt_text(**attributes, &block)
+        span(class: "label-text-alt", **attributes, &block)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/link.rb

@@ -0,0 +1,45 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Link < DaisyuiOnPhlex::Base
+      def initialize(
+        variant: nil,
+        hover: false,
+        neutral: false,
+        **attributes
+      )
+        @variant = variant
+        @hover = hover
+        @neutral = neutral
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        a(class: link_classes, **@attributes, &block)
+      end
+
+      private
+
+      def link_classes
+        classes = ["link"]
+
+        case @variant
+        when :primary then classes << "link-primary"
+        when :secondary then classes << "link-secondary"
+        when :accent then classes << "link-accent"
+        when :neutral then classes << "link-neutral"
+        when :info then classes << "link-info"
+        when :success then classes << "link-success"
+        when :warning then classes << "link-warning"
+        when :error then classes << "link-error"
+        end
+
+        classes << "link-hover" if @hover
+        classes << "link-neutral" if @neutral
+
+        merge_classes(*classes)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/list.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class List < DaisyuiOnPhlex::Base
+      def initialize(**attributes)
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        ul(class: "menu bg-base-200 w-56 rounded-box", **@attributes, &block)
+      end
+
+      def section_title(**attributes, &block)
+        li(class: merge_classes("menu-title", attributes[:class]), **attributes.except(:class), &block)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/loading.rb

@@ -0,0 +1,36 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Loading < DaisyuiOnPhlex::Base
+      def initialize(variant: :spinner, size: :md, **attributes)
+        @variant = variant
+        @size = size
+        @attributes = attributes
+      end
+
+      def view_template
+        variant_class = case @variant
+        when :spinner then "loading-spinner"
+        when :dots then "loading-dots"
+        when :ring then "loading-ring"
+        when :ball then "loading-ball"
+        when :bars then "loading-bars"
+        when :infinity then "loading-infinity"
+        end
+
+        size_class = case @size
+        when :xs then "loading-xs"
+        when :sm then "loading-sm"
+        when :md then "loading-md"
+        when :lg then "loading-lg"
+        end
+
+        span(
+          class: merge_classes("loading", variant_class, size_class, @attributes[:class]),
+          **@attributes.except(:class)
+        )
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/mask.rb

@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Mask < DaisyuiOnPhlex::Base
+      def initialize(variant: :squircle, **attributes)
+        @variant = variant
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        variant_classes = {
+          squircle: "mask-squircle",
+          heart: "mask-heart",
+          hexagon: "mask-hexagon",
+          hexagon_2: "mask-hexagon-2",
+          decagon: "mask-decagon",
+          pentagon: "mask-pentagon",
+          diamond: "mask-diamond",
+          square: "mask-square",
+          circle: "mask-circle",
+          parallelogram: "mask-parallelogram",
+          parallelogram_2: "mask-parallelogram-2",
+          parallelogram_3: "mask-parallelogram-3",
+          parallelogram_4: "mask-parallelogram-4",
+          star: "mask-star",
+          star_2: "mask-star-2",
+          triangle: "mask-triangle",
+          triangle_2: "mask-triangle-2",
+          triangle_3: "mask-triangle-3",
+          triangle_4: "mask-triangle-4"
+        }
+
+        div(
+          class: merge_classes("mask", variant_classes[@variant], @attributes[:class]),
+          **@attributes.except(:class),
+          &block
+        )
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/menu.rb

@@ -0,0 +1,60 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Menu < DaisyuiOnPhlex::Base
+      def initialize(
+        size: :md,
+        horizontal: false,
+        vertical: false,
+        compact: false,
+        **attributes
+      )
+        @size = size
+        @horizontal = horizontal
+        @vertical = vertical
+        @compact = compact
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        ul(class: menu_classes, **@attributes, &block)
+      end
+
+      def item(disabled: false, **attributes, &block)
+        li(class: ("disabled" if disabled), **attributes, &block)
+      end
+
+      def title(**attributes, &block)
+        li(class: merge_classes("menu-title", attributes[:class]), **attributes.except(:class), &block)
+      end
+
+      def link(href: nil, active: false, **attributes, &block)
+        if href
+          a(href: href, class: ("active" if active), **attributes, &block)
+        else
+          span(class: ("active" if active), **attributes, &block)
+        end
+      end
+
+      private
+
+      def menu_classes
+        classes = ["menu"]
+
+        case @size
+        when :xs then classes << "menu-xs"
+        when :sm then classes << "menu-sm"
+        when :md then classes << "menu-md"
+        when :lg then classes << "menu-lg"
+        end
+
+        classes << "menu-horizontal" if @horizontal
+        classes << "menu-vertical" if @vertical
+        classes << "menu-compact" if @compact
+
+        merge_classes(*classes)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/mockup_browser.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    module Mockup
+      class Browser < DaisyuiOnPhlex::Base
+        def initialize(**attributes)
+          @attributes = attributes
+        end
+
+        def view_template(&block)
+          div(class: "mockup-browser border bg-base-300", **@attributes, &block)
+        end
+
+        def toolbar(**attributes, &block)
+          div(class: merge_classes("mockup-browser-toolbar", attributes[:class]), **attributes.except(:class), &block)
+        end
+
+        def content(**attributes, &block)
+          div(class: merge_classes("flex", "justify-center", "px-4", "py-16", "bg-base-200", attributes[:class]), **attributes.except(:class), &block)
+        end
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/mockup_code.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    module Mockup
+      class Code < DaisyuiOnPhlex::Base
+        def initialize(**attributes)
+          @attributes = attributes
+        end
+
+        def view_template(&block)
+          div(class: "mockup-code", **@attributes, &block)
+        end
+
+        def line(prefix: nil, **attributes, &block)
+          pre(data: { prefix: prefix }, **attributes, &block)
+        end
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/mockup_phone.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    module Mockup
+      class Phone < DaisyuiOnPhlex::Base
+        def initialize(**attributes)
+          @attributes = attributes
+        end
+
+        def view_template(&block)
+          div(class: "mockup-phone", **@attributes, &block)
+        end
+
+        def camera
+          div(class: "camera")
+        end
+
+        def display(**attributes, &block)
+          div(class: "display", **attributes, &block)
+        end
+
+        def artboard(**attributes, &block)
+          div(class: "artboard artboard-demo phone-1", **attributes, &block)
+        end
+      end
+    end
+  end
+end