phlexy_ui 0.1.5 → 0.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: da2c28aae3a33b6153c19f22a2d8845d1c92a7a94ad5f9ea0f326c22f419cd1d
-  data.tar.gz: 7fe16b4951c08d429c1e6c5848f7cab70bb3cfbc8170cfca56fccbddc1ddd3f9
+  metadata.gz: afd51b066ca04f9497e96ce00132d883007730221925fab4bfb3d6d5cb57aec2
+  data.tar.gz: fd72b9a2411ec3eef6f9f9b5ca7ad88a3cba8c639d6e79e9a4d3b1500b545788
 SHA512:
-  metadata.gz: 8f10b63d841c5cec345f9a1da3e83ce402cd10924506a79820b6f115695d47db463e933d11943556754a88877645e6b8e05e8b4ceda64a92673bf74da967f65b
-  data.tar.gz: 37c963d0c597523910d93a7ba3a147663dd1dfcf980801ed52e2342eb53eb664ea2b898c85e083e8f8c45c56d4bad86b03d9d3e347df8a74dd9c274edcf41274
+  metadata.gz: 93938b5e9e0365f144100e4d00ff757a33f50f7b7a264326ac0709506d5a4006fed131dda192d0546a3969ba777d27cfe59bf63a3f657f2cd456b2ae32ac7cf2
+  data.tar.gz: 3c9652fa3434d8deb8ddf5eb51c86a631d93057883630ea54b5b790a0ce8b8da3f414806b84c49fc31fe292dd2864b4c5a5d24c0a7e937712376768cec7c48a3

data/lib/phlexy_ui/avatar.rb

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+module PhlexyUI
+  class Avatar < Base
+    def initialize(*, as: :div, **)
+      super(*, **)
+      @as = as
+    end
+
+    def view_template(&)
+      generate_classes!(
+        component_html_class: :avatar,
+        modifiers_map: modifiers,
+        base_modifiers:,
+        options:
+      ).then do |classes|
+        public_send(as, class: classes, **options, &)
+      end
+    end
+
+    private
+
+    register_modifiers(
+      # "sm:online"
+      # "md:online"
+      # "lg:online"
+      online: "online",
+      # "sm:offline"
+      # "md:offline"
+      # "lg:offline"
+      offline: "offline",
+      # "sm:placeholder"
+      # "md:placeholder"
+      # "lg:placeholder"
+      placeholder: "placeholder"
+    )
+  end
+end

data/lib/phlexy_ui/badge.rb

@@ -10,7 +10,7 @@ module PhlexyUI
     def view_template(&)
       generate_classes!(
         component_html_class: :badge,
-        modifiers_map: BADGE_MODIFIERS_MAP,
+        modifiers_map: modifiers,
         base_modifiers:,
         options:
       ).then do |classes|
@@ -20,7 +20,7 @@ module PhlexyUI
 
     private
 
-    BADGE_MODIFIERS_MAP = {
+    register_modifiers(
       # "sm:badge-neutral"
       # "md:badge-neutral"
       # "lg:badge-neutral"
@@ -77,6 +77,6 @@ module PhlexyUI
       # "md:badge-xs"
       # "lg:badge-xs"
       xs: "badge-xs"
-    }.freeze
+    )
   end
 end

data/lib/phlexy_ui/button.rb

@@ -10,7 +10,7 @@ module PhlexyUI
     def view_template(&)
       generate_classes!(
         component_html_class: :btn,
-        modifiers_map: BUTTON_MODIFIERS_MAP,
+        modifiers_map: modifiers,
         base_modifiers:,
         options:
       ).then do |classes|
@@ -20,7 +20,7 @@ module PhlexyUI
 
     private
 
-    BUTTON_MODIFIERS_MAP = {
+    register_modifiers(
       # Modifiers
       # "sm:no-animation"
       # "md:no-animation"
@@ -115,6 +115,6 @@ module PhlexyUI
       # "md:btn-error"
       # "lg:btn-error"
       error: "btn-error"
-    }.freeze
+    ).freeze
   end
 end

data/lib/phlexy_ui/class_list.rb

@@ -19,6 +19,7 @@ module PhlexyUI
       classes = []
       add_component_class(classes)
       add_selected_modifiers_classes(classes)
+      add_conditioned_modifiers_classes(classes)
       add_responsive_modifiers_classes(classes)
       add_class_option_classes(classes)
       classes
@@ -46,6 +47,14 @@ module PhlexyUI
       )
     end
 
+    def add_conditioned_modifiers_classes(classes)
+      modifiers_map.each do |modifier, class_name|
+        next unless options.delete(modifier)
+
+        classes << with_config_prefix(class_name)
+      end
+    end
+
     def html_classes_for_modifiers(modifiers, responsive_prefix: nil)
       modifiers.map do |modifier|
         with_responsive_prefix(
@@ -58,8 +67,10 @@ module PhlexyUI
     end
 
     def add_responsive_modifiers_classes(classes)
+      return unless (responsive_options = options.delete(:responsive))
+
       RESPONSIVE_PREFIXES.each do |responsive_prefix|
-        if (values = options.delete(responsive_prefix))
+        if (values = responsive_options[responsive_prefix])
           classes.concat(
             html_classes_for_modifiers(
               Array(values),

data/lib/phlexy_ui/drawer.rb

@@ -11,7 +11,7 @@ module PhlexyUI
     def view_template(&)
       generate_classes!(
         component_html_class: :drawer,
-        modifiers_map: DRAWER_MODIFIERS_MAP,
+        modifiers_map: modifiers,
         base_modifiers:,
         options:
       ).then do |classes|
@@ -61,15 +61,15 @@ module PhlexyUI
 
     private
 
-    DRAWER_MODIFIERS_MAP = {
-        # "sm:drawer-end",
-        # "md:drawer-end",
-        # "lg:drawer-end",
+    register_modifiers(
+        # "sm:drawer-end"
+        # "md:drawer-end"
+        # "lg:drawer-end"
       end: "drawer-end",
-      # "sm:drawer-open",
-      # "md:drawer-open",
-      # "lg:drawer-open",
+      # "sm:drawer-open"
+      # "md:drawer-open"
+      # "lg:drawer-open"
       open: "drawer-open"
-    }.freeze
+    )
   end
 end

data/lib/phlexy_ui/dropdown.rb

@@ -10,7 +10,7 @@ module PhlexyUI
     def view_template(&)
       generate_classes!(
         component_html_class: :dropdown,
-        modifiers_map: DROPDOWN_MODIFIERS_MAP,
+        modifiers_map: modifiers,
         base_modifiers:,
         options:
       ).then do |classes|
@@ -58,7 +58,7 @@ module PhlexyUI
 
     private
 
-    DROPDOWN_MODIFIERS_MAP = {
+    register_modifiers(
         # "sm:dropdown-end"
         # "md:dropdown-end"
         # "lg:dropdown-end"
@@ -87,6 +87,6 @@ module PhlexyUI
       # "md:dropdown-open"
       # "lg:dropdown-open"
       open: "dropdown-open"
-    }.freeze
+    )
   end
 end

data/lib/phlexy_ui/link.rb

@@ -4,7 +4,7 @@ module PhlexyUI
   class Link < Base
     def view_template(&)
       generate_classes!(
-        modifiers_map: LINK_MODIFIERS_MAP,
+        modifiers_map: modifiers,
         base_modifiers:,
         options:
       ).then do |classes|
@@ -16,7 +16,7 @@ module PhlexyUI
 
     attr_reader :link_to_name
 
-    LINK_MODIFIERS_MAP = {
+    register_modifiers(
       # "sm:link"
       # "md:link"
       # "lg:link"
@@ -85,6 +85,6 @@ module PhlexyUI
       # "md:link-error"
       # "lg:link-error"
       error: "link-error"
-    }.freeze
+    ).freeze
   end
 end

data/lib/phlexy_ui/loading.rb

@@ -10,7 +10,7 @@ module PhlexyUI
     def view_template(&)
       generate_classes!(
         component_html_class: :loading,
-        modifiers_map: LOADING_MODIFIERS_MAP,
+        modifiers_map: modifiers,
         base_modifiers:,
         options:
       ).then do |classes|
@@ -20,7 +20,7 @@ module PhlexyUI
 
     private
 
-    LOADING_MODIFIERS_MAP = {
+    register_modifiers(
       # "sm:loading-spinner"
       # "md:loading-spinner"
       # "lg:loading-spinner"
@@ -93,6 +93,6 @@ module PhlexyUI
       # "md:text-error"
       # "lg:text-error"
       error: "text-error"
-    }.freeze
+    ).freeze
   end
 end

data/lib/phlexy_ui/mask.rb

@@ -0,0 +1,110 @@
+# frozen_string_literal: true
+
+module PhlexyUI
+  class Mask < Base
+    def initialize(*, as: :div, **)
+      super(*, **)
+      @as = as
+    end
+
+    def view_template(&)
+      generate_classes!(
+        component_html_class: :mask,
+        modifiers_map: modifiers,
+        base_modifiers:,
+        options:
+      ).then do |classes|
+        public_send(as, class: classes, **options, &)
+      end
+    end
+
+    private
+
+    register_modifiers(
+      # "sm:mask-squircle"
+      # "md:mask-squircle"
+      # "lg:mask-squircle"
+      squircle: "mask-squircle",
+      # "sm:mask-heart"
+      # "md:mask-heart"
+      # "lg:mask-heart"
+      heart: "mask-heart",
+      # "sm:mask-hexagon"
+      # "md:mask-hexagon"
+      # "lg:mask-hexagon"
+      hexagon: "mask-hexagon",
+      # "sm:mask-hexagon-2"
+      # "md:mask-hexagon-2"
+      # "lg:mask-hexagon-2"
+      hexagon_2: "mask-hexagon-2",
+      # "sm:mask-decagon"
+      # "md:mask-decagon"
+      # "lg:mask-decagon"
+      decagon: "mask-decagon",
+      # "sm:mask-pentagon"
+      # "md:mask-pentagon"
+      # "lg:mask-pentagon"
+      pentagon: "mask-pentagon",
+      # "sm:mask-diamond"
+      # "md:mask-diamond"
+      # "lg:mask-diamond"
+      diamond: "mask-diamond",
+      # "sm:mask-square"
+      # "md:mask-square"
+      # "lg:mask-square"
+      square: "mask-square",
+      # "sm:mask-circle"
+      # "md:mask-circle"
+      # "lg:mask-circle"
+      circle: "mask-circle",
+      # "sm:mask-parallelogram"
+      # "md:mask-parallelogram"
+      # "lg:mask-parallelogram"
+      parallelogram: "mask-parallelogram",
+      # "sm:mask-parallelogram-2"
+      # "md:mask-parallelogram-2"
+      # "lg:mask-parallelogram-2"
+      parallelogram_2: "mask-parallelogram-2",
+      # "sm:mask-parallelogram-3"
+      # "md:mask-parallelogram-3"
+      # "lg:mask-parallelogram-3"
+      parallelogram_3: "mask-parallelogram-3",
+      # "sm:mask-parallelogram-4"
+      # "md:mask-parallelogram-4"
+      # "lg:mask-parallelogram-4"
+      parallelogram_4: "mask-parallelogram-4",
+      # "sm:mask-star"
+      # "md:mask-star"
+      # "lg:mask-star"
+      star: "mask-star",
+      # "sm:mask-star-2"
+      # "md:mask-star-2"
+      # "lg:mask-star-2"
+      star_2: "mask-star-2",
+      # "sm:mask-triangle"
+      # "md:mask-triangle"
+      # "lg:mask-triangle"
+      triangle: "mask-triangle",
+      # "sm:mask-triangle-2"
+      # "md:mask-triangle-2"
+      # "lg:mask-triangle-2"
+      triangle_2: "mask-triangle-2",
+      # "sm:mask-triangle-3"
+      # "md:mask-triangle-3"
+      # "lg:mask-triangle-3"
+      triangle_3: "mask-triangle-3",
+      # "sm:mask-triangle-4"
+      # "md:mask-triangle-4"
+      # "lg:mask-triangle-4"
+      triangle_4: "mask-triangle-4",
+      # "sm:mask-half-1"
+      # "md:mask-half-1"
+      # "lg:mask-half-1"
+      half_1: "mask-half-1",
+      # "sm:mask-half-2"
+      # "md:mask-half-2"
+      # "lg:mask-half-2"
+      half_2: "mask-half-2"
+    )
+  end
+end

data/lib/phlexy_ui/menu.rb

@@ -5,7 +5,7 @@ module PhlexyUI
     def view_template(&)
       generate_classes!(
         component_html_class: :menu,
-        modifiers_map: MENU_MODIFIERS_MAP,
+        modifiers_map: modifiers,
         base_modifiers:,
         options:
       ).then do |classes|
@@ -40,7 +40,7 @@ module PhlexyUI
 
     private
 
-    MENU_MODIFIERS_MAP = {
+    register_modifiers(
       # "sm:menu-xs"
       # "md:menu-xs"
       # "lg:menu-xs"
@@ -109,6 +109,6 @@ module PhlexyUI
       # "md:bg-error md:text-error-content"
       # "lg:bg-error lg:text-error-content"
       error: "bg-error text-error-content"
-    }.freeze
+    )
   end
 end

data/lib/phlexy_ui/menu_item.rb

@@ -5,7 +5,7 @@ module PhlexyUI
   class MenuItem < Base
     def view_template(&)
       generate_classes!(
-        modifiers_map: MENU_ITEM_MODIFIERS_MAP,
+        modifiers_map: modifiers,
         base_modifiers:,
         options:
       ).then do |classes|
@@ -32,7 +32,7 @@ module PhlexyUI
 
     private
 
-    MENU_ITEM_MODIFIERS_MAP = {
+    register_modifiers(
       # "sm:disabled"
       # "md:disabled"
       # "lg:disabled"
@@ -45,6 +45,6 @@ module PhlexyUI
       # "md:focus"
       # "lg:focus"
       focus: "focus"
-    }.freeze
+    )
   end
 end

data/lib/phlexy_ui/tab.rb

@@ -39,18 +39,5 @@ module PhlexyUI
         end
       end
     end
-
-    private
-
-    TAB_MODIFIERS_CLASSES = {
-      # "sm:tab-active"
-      # "md:tab-active"
-      # "lg:tab-active"
-      active: "tab-active",
-      # "sm:tab-disabled"
-      # "md:tab-disabled"
-      # "lg:tab-disabled"
-      disabled: "tab-disabled"
-    }.freeze
   end
 end

data/lib/phlexy_ui/tab_with_content.rb

@@ -20,7 +20,7 @@ module PhlexyUI
 
       generate_classes!(
         component_html_class: :tab,
-        modifiers_map: Tab::TAB_MODIFIERS_CLASSES,
+        modifiers_map: modifiers,
         base_modifiers:,
         options:
       ).then do |classes|
@@ -46,5 +46,16 @@ module PhlexyUI
       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

@@ -6,7 +6,7 @@ module PhlexyUI
     def view_template(&)
       generate_classes!(
         component_html_class: :tab,
-        modifiers_map: Tab::TAB_MODIFIERS_CLASSES,
+        modifiers_map: modifiers,
         base_modifiers:,
         options:
       ).then do |classes|
@@ -18,7 +18,7 @@ module PhlexyUI
 
     attr_reader :title
 
-    TAB_MODIFIERS_CLASSES = {
+    register_modifiers(
       # "sm:tab-active"
       # "md:tab-active"
       # "lg:tab-active"
@@ -27,6 +27,6 @@ module PhlexyUI
       # "md:tab-disabled"
       # "lg:tab-disabled"
       disabled: "tab-disabled"
-    }.freeze
+    )
   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

@@ -11,7 +11,7 @@ module PhlexyUI
     def view_template(&)
       generate_classes!(
         component_html_class: :tabs,
-        modifiers_map: TABS_MODIFIERS_CLASSES,
+        modifiers_map: modifiers,
         base_modifiers:,
         options:
       ).then do |classes|
@@ -25,7 +25,7 @@ module PhlexyUI
 
     private
 
-    TABS_MODIFIERS_CLASSES = {
+    register_modifiers(
       # "sm:tabs-boxed"
       # "md:tabs-boxed"
       # "lg:tabs-boxed"
@@ -54,6 +54,6 @@ module PhlexyUI
       # "md:tabs-lg"
       # "lg:tabs-lg"
       lg: "tabs-lg"
-    }.freeze
+    )
   end
 end

data/lib/phlexy_ui/tooltip.rb

@@ -11,7 +11,7 @@ module PhlexyUI
     def view_template(&)
       generate_classes!(
         component_html_class: :tooltip,
-        modifiers_map: TOOLTIP_MODIFIERS_MAP,
+        modifiers_map: modifiers,
         base_modifiers:,
         options:
       ).then do |classes|
@@ -23,7 +23,7 @@ module PhlexyUI
 
     attr_reader :tip
 
-    TOOLTIP_MODIFIERS_MAP = {
+    register_modifiers(
       # "sm:tooltip-open"
       # "md:tooltip-open"
       # "lg:tooltip-open"
@@ -72,6 +72,6 @@ module PhlexyUI
       # "md:tooltip-error"
       # "lg:tooltip-error"
       error: "tooltip-error"
-    }.freeze
+    )
   end
 end

data/lib/phlexy_ui/version.rb

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: phlexy_ui
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.1.6
 platform: ruby
 authors:
 - David Alejandro Aguilar Ramos
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-09-17 00:00:00.000000000 Z
+date: 2024-09-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: phlex
@@ -94,6 +94,7 @@ 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
@@ -105,6 +106,7 @@ files:
 - 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
@@ -112,6 +114,8 @@ files:
 - 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