phlexy_ui 0.1.1 → 0.1.6

data/lib/phlexy_ui/sub_menu.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module PhlexyUI
+  # @private
+  class SubMenu < Base
+    include Phlex::DeferredRender
+
+    def initialize(*, **)
+      super
+      @items ||= []
+    end
+
+    def view_template(&)
+      if @title
+        div do
+          render @title
+        end
+      end
+
+      if @items.any?
+        ul do
+          @items.each do |item|
+            render item
+          end
+        end
+      end
+    end
+
+    def title(&block)
+      @title = block
+    end
+
+    def item(*, **, &)
+      @items << MenuItem.new(*, **, &)
+    end
+  end
+end

data/lib/phlexy_ui/tab.rb

@@ -0,0 +1,43 @@
+# frozen_string_literal: true
+
+module PhlexyUI
+  # @private
+  class Tab < Base
+    include Phlex::DeferredRender
+
+    def initialize(*, id: nil, **)
+      super(*, **)
+      @id = id
+    end
+
+    def view_template(&)
+      if @content
+        render TabWithContent.new(
+          *base_modifiers,
+          id:,
+          content: @content,
+          **options,
+          &
+        )
+      else
+        render TabWithoutContent.new(*base_modifiers, id:, **options, &)
+      end
+    end
+
+    def content(*, **options, &)
+      unless id
+        raise ArgumentError,
+          "You must pass an id to Tabs#new if you want to add content"
+      end
+
+      @content = -> do
+        generate_classes!(
+          component_html_class: :"tab-content",
+          options:
+        ).then do |classes|
+          div role: :tabpanel, class: classes, **options, &
+        end
+      end
+    end
+  end
+end

data/lib/phlexy_ui/tab_with_content.rb

@@ -0,0 +1,61 @@
+# frozen_string_literal: true
+
+module PhlexyUI
+  # @private
+  class TabWithContent < Base
+    def initialize(*base_modifiers, content:, id: nil, **)
+      super(*base_modifiers, **)
+      @title = title
+      @id = id
+      @content = content
+    end
+
+    def view_template(&)
+      title, *base_modifiers = @base_modifiers
+
+      attributes = generate_attributes(
+        base_modifiers,
+        ATTRIBUTES_MAP
+      )
+
+      generate_classes!(
+        component_html_class: :tab,
+        modifiers_map: modifiers,
+        base_modifiers:,
+        options:
+      ).then do |classes|
+        input(
+          type: :radio,
+          name: id,
+          class: classes,
+          role: :tab,
+          aria_label: title,
+          **attributes,
+          **options
+        )
+      end
+
+      @content&.call
+    end
+
+    private
+
+    attr_reader :title
+
+    ATTRIBUTES_MAP = {
+      open: {checked: true},
+      closed: true
+    }.freeze
+
+    register_modifiers(
+      # "sm:tab-active"
+      # "md:tab-active"
+      # "lg:tab-active"
+      active: "tab-active",
+      # "sm:tab-disabled"
+      # "md:tab-disabled"
+      # "lg:tab-disabled"
+      disabled: "tab-disabled"
+    )
+  end
+end

data/lib/phlexy_ui/tab_without_content.rb

@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+module PhlexyUI
+  # @private
+  class TabWithoutContent < Base
+    def view_template(&)
+      generate_classes!(
+        component_html_class: :tab,
+        modifiers_map: modifiers,
+        base_modifiers:,
+        options:
+      ).then do |classes|
+        div role: :tab, class: classes, &
+      end
+    end
+
+    private
+
+    attr_reader :title
+
+    register_modifiers(
+      # "sm:tab-active"
+      # "md:tab-active"
+      # "lg:tab-active"
+      active: "tab-active",
+      # "sm:tab-disabled"
+      # "md:tab-disabled"
+      # "lg:tab-disabled"
+      disabled: "tab-disabled"
+    )
+  end
+end

data/lib/phlexy_ui/table.rb

@@ -0,0 +1,65 @@
+# frozen_string_literal: true
+
+module PhlexyUI
+  class Table < Base
+    def view_template(&)
+      generate_classes!(
+        component_html_class: :table,
+        modifiers_map: modifiers,
+        base_modifiers:,
+        options:
+      ).then do |classes|
+        table(class: classes, **options, &)
+      end
+    end
+
+    def header(*, **, &)
+      thead(*, **, &)
+    end
+
+    def row(*, **, &)
+      render TableRow.new(*, **, &)
+    end
+
+    def body(*, **, &)
+      tbody(*, **, &)
+    end
+
+    def footer(*, **, &)
+      tfoot(*, **, &)
+    end
+
+    private
+
+    register_modifiers(
+      # "sm:table-zebra"
+      # "md:table-zebra"
+      # "lg:table-zebra"
+      zebra: "table-zebra",
+      # "sm:table-pin-rows"
+      # "md:table-pin-rows"
+      # "lg:table-pin-rows"
+      pin_rows: "table-pin-rows",
+      # "sm:table-pin-cols"
+      # "md:table-pin-cols"
+      # "lg:table-pin-cols"
+      pin_cols: "table-pin-cols",
+      # "sm:table-xs"
+      # "md:table-xs"
+      # "lg:table-xs"
+      xs: "table-xs",
+      # "sm:table-sm"
+      # "md:table-sm"
+      # "lg:table-sm"
+      sm: "table-sm",
+      # "sm:table-md"
+      # "md:table-md"
+      # "lg:table-md"
+      md: "table-md",
+      # "sm:table-lg"
+      # "md:table-lg"
+      # "lg:table-lg"
+      lg: "table-lg"
+    )
+  end
+end

data/lib/phlexy_ui/table_row.rb

@@ -0,0 +1,77 @@
+# frozen_string_literal: true
+
+module PhlexyUI
+  class TableRow < Base
+    def view_template(&)
+      generate_classes!(
+        modifiers_map: modifiers,
+        base_modifiers:,
+        options:
+      ).then do |classes|
+        tr(class: classes, **options, &)
+      end
+    end
+
+    def head(*, **, &)
+      th(*, **, &)
+    end
+
+    def column(*, **, &)
+      td(*, **, &)
+    end
+    alias_method :cell, :column
+
+    private
+
+    register_modifiers(
+      # "sm:table-row-hover"
+      # "md:table-row-hover"
+      # "lg:table-row-hover"
+      hover: "hover",
+      # "sm:bg-primary sm:text-primary-content"
+      # "md:bg-primary md:text-primary-content"
+      # "lg:bg-primary lg:text-primary-content"
+      primary: "bg-primary text-primary-content",
+      # "sm:bg-secondary sm:text-secondary-content"
+      # "md:bg-secondary md:text-secondary-content"
+      # "lg:bg-secondary lg:text-secondary-content"
+      secondary: "bg-secondary text-secondary-content",
+      # "sm:bg-accent sm:text-accent-content"
+      # "md:bg-accent md:text-accent-content"
+      # "lg:bg-accent lg:text-accent-content"
+      accent: "bg-accent text-accent-content",
+      # "sm:bg-neutral sm:text-neutral-content"
+      # "md:bg-neutral md:text-neutral-content"
+      # "lg:bg-neutral lg:text-neutral-content"
+      neutral: "bg-neutral text-neutral-content",
+      # "sm:bg-base-100 sm:text-base-content"
+      # "md:bg-base-100 md:text-base-content"
+      # "lg:bg-base-100 lg:text-base-content"
+      base_100: "bg-base-100 text-base-content",
+      # "sm:bg-base-200 sm:text-base-content"
+      # "md:bg-base-200 md:text-base-content"
+      # "lg:bg-base-200 lg:text-base-content"
+      base_200: "bg-base-200 text-base-content",
+      # "sm:bg-base-300 sm:text-base-content"
+      # "md:bg-base-300 md:text-base-content"
+      # "lg:bg-base-300 lg:text-base-content"
+      base_300: "bg-base-300 text-base-content",
+      # "sm:bg-info sm:text-info-content"
+      # "md:bg-info sm:text-info-content"
+      # "lg:bg-info sm:text-info-content"
+      info: "bg-info text-info-content",
+      # "sm:bg-success sm:text-success-content"
+      # "md:bg-success md:text-success-content"
+      # "lg:bg-success lg:text-success-content"
+      success: "bg-success text-success-content",
+      # "sm:bg-warning sm:text-warning-content"
+      # "md:bg-warning md:text-warning-content"
+      # "lg:bg-warning lg:text-warning-content"
+      warning: "bg-warning text-warning-content",
+      # "sm:bg-error sm:text-error-content"
+      # "md:bg-error md:text-error-content"
+      # "lg:bg-error lg:text-error-content"
+      error: "bg-error text-error-content"
+    )
+  end
+end

data/lib/phlexy_ui/tabs.rb

@@ -0,0 +1,59 @@
+# frozen_string_literal: true
+
+module PhlexyUI
+  class Tabs < Base
+    def initialize(*, id: nil, as: :div, **)
+      super(*, **)
+      @as = as
+      @id = id
+    end
+
+    def view_template(&)
+      generate_classes!(
+        component_html_class: :tabs,
+        modifiers_map: modifiers,
+        base_modifiers:,
+        options:
+      ).then do |classes|
+        public_send(as, role: :tablist, class: classes, **options, &)
+      end
+    end
+
+    def tab(*, **, &)
+      render Tab.new(*, id:, **, &)
+    end
+
+    private
+
+    register_modifiers(
+      # "sm:tabs-boxed"
+      # "md:tabs-boxed"
+      # "lg:tabs-boxed"
+      boxed: "tabs-boxed",
+      # "sm:tabs-bordered"
+      # "md:tabs-bordered"
+      # "lg:tabs-bordered"
+      bordered: "tabs-bordered",
+      # "sm:tabs-lifted"
+      # "md:tabs-lifted"
+      # "lg:tabs-lifted"
+      lifted: "tabs-lifted",
+      # "sm:tabs-xs"
+      # "md:tabs-xs"
+      # "lg:tabs-xs"
+      xs: "tabs-xs",
+      # "sm:tabs-sm"
+      # "md:tabs-sm"
+      # "lg:tabs-sm"
+      sm: "tabs-sm",
+      # "sm:tabs-md"
+      # "md:tabs-md"
+      # "lg:tabs-md"
+      md: "tabs-md",
+      # "sm:tabs-lg"
+      # "md:tabs-lg"
+      # "lg:tabs-lg"
+      lg: "tabs-lg"
+    )
+  end
+end

data/lib/phlexy_ui/tooltip.rb

@@ -0,0 +1,77 @@
+# frozen_string_literal: true
+
+module PhlexyUI
+  class Tooltip < Base
+    def initialize(*, tip:, as: :div, **)
+      super(*, **)
+      @tip = tip
+      @as = as
+    end
+
+    def view_template(&)
+      generate_classes!(
+        component_html_class: :tooltip,
+        modifiers_map: modifiers,
+        base_modifiers:,
+        options:
+      ).then do |classes|
+        public_send(as, class: classes, data_tip: tip, **options, &)
+      end
+    end
+
+    private
+
+    attr_reader :tip
+
+    register_modifiers(
+      # "sm:tooltip-open"
+      # "md:tooltip-open"
+      # "lg:tooltip-open"
+      open: "tooltip-open",
+      # "sm:tooltip-top"
+      # "md:tooltip-top"
+      # "lg:tooltip-top"
+      top: "tooltip-top",
+      # "sm:tooltip-bottom"
+      # "md:tooltip-bottom"
+      # "lg:tooltip-bottom"
+      bottom: "tooltip-bottom",
+      # "sm:tooltip-left"
+      # "md:tooltip-left"
+      # "lg:tooltip-left"
+      left: "tooltip-left",
+      # "sm:tooltip-right"
+      # "md:tooltip-right"
+      # "lg:tooltip-right"
+      right: "tooltip-right",
+      # "sm:tooltip-primary"
+      # "md:tooltip-primary"
+      # "lg:tooltip-primary"
+      primary: "tooltip-primary",
+      # "sm:tooltip-secondary"
+      # "md:tooltip-secondary"
+      # "lg:tooltip-secondary"
+      secondary: "tooltip-secondary",
+      # "sm:tooltip-accent"
+      # "md:tooltip-accent"
+      # "lg:tooltip-accent"
+      accent: "tooltip-accent",
+      # "sm:tooltip-info"
+      # "md:tooltip-info"
+      # "lg:tooltip-info"
+      info: "tooltip-info",
+      # "sm:tooltip-success"
+      # "md:tooltip-success"
+      # "lg:tooltip-success"
+      success: "tooltip-success",
+      # "sm:tooltip-warning"
+      # "md:tooltip-warning"
+      # "lg:tooltip-warning"
+      warning: "tooltip-warning",
+      # "sm:tooltip-error"
+      # "md:tooltip-error"
+      # "lg:tooltip-error"
+      error: "tooltip-error"
+    )
+  end
+end

data/lib/phlexy_ui/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module PhlexyUI
-  VERSION = "0.1.0"
+  VERSION = "0.1.6"
 end

data/lib/phlexy_ui.rb

@@ -7,12 +7,9 @@ loader.inflector.inflect(
   "phlexy_ui" => "PhlexyUI"
 )
 loader.setup # ready!
+loader.load_file("#{__dir__}/phlexy_ui/base.rb")
 
 module PhlexyUI
   extend Configurable
   extend Phlex::Kit
-
-  autoload :Button, "phlexy_ui/button"
 end
-
-loader.eager_load

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: phlexy_ui
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.6
 platform: ruby
 authors:
 - David Alejandro Aguilar Ramos
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-08-02 00:00:00.000000000 Z
+date: 2024-09-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: phlex
@@ -42,30 +42,50 @@ dependencies:
   name: standard
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 1.39.2
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 1.39.2
 - !ruby/object:Gem::Dependency
   name: rspec
   requirement: !ruby/object:Gem::Requirement
     requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.13.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.13.0
+- !ruby/object:Gem::Dependency
+  name: debug
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.9'
     - - ">="
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 1.9.2
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.9'
     - - ">="
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 1.9.2
 description: PhlexyUI is a Ruby UI component library for DaisyUI using Phlex
 email: boil-dosage.0p@icloud.com
 executables: []
@@ -73,10 +93,31 @@ extensions: []
 extra_rdoc_files: []
 files:
 - lib/phlexy_ui.rb
+- lib/phlexy_ui/attribute_set.rb
+- lib/phlexy_ui/avatar.rb
+- lib/phlexy_ui/badge.rb
 - lib/phlexy_ui/base.rb
 - lib/phlexy_ui/button.rb
 - lib/phlexy_ui/card.rb
+- lib/phlexy_ui/class_list.rb
+- lib/phlexy_ui/collapsible_sub_menu.rb
 - lib/phlexy_ui/configurable.rb
+- lib/phlexy_ui/drawer.rb
+- lib/phlexy_ui/dropdown.rb
+- lib/phlexy_ui/link.rb
+- lib/phlexy_ui/loading.rb
+- lib/phlexy_ui/mask.rb
+- lib/phlexy_ui/menu.rb
+- lib/phlexy_ui/menu_item.rb
+- lib/phlexy_ui/navbar.rb
+- lib/phlexy_ui/sub_menu.rb
+- lib/phlexy_ui/tab.rb
+- lib/phlexy_ui/tab_with_content.rb
+- lib/phlexy_ui/tab_without_content.rb
+- lib/phlexy_ui/table.rb
+- lib/phlexy_ui/table_row.rb
+- lib/phlexy_ui/tabs.rb
+- lib/phlexy_ui/tooltip.rb
 - lib/phlexy_ui/version.rb
 homepage: https://rubygems.org/gems/phlexy_ui
 licenses: