phlexy_ui 0.1.11 → 0.1.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3b2be71ee60f06aeec0c25ebf935b07db6f2203ab364c7a27a1cc1c0a776e3a0
-  data.tar.gz: 8ffd7606141a7e0c3879523884bfd40b0cfd01763f9755ce0f392f52e4e0d93c
+  metadata.gz: 05cc7d7b0f5ca858eaef1fdb41520f94eb2fc518d3eecb8512b3ca9f66cde412
+  data.tar.gz: 3dbb3b78459c7b44700a4f49a314ec1d6974d96f47bcd110559f905a399b04d0
 SHA512:
-  metadata.gz: 70c6cdb0b98fd7f52ab2f96011e0a54f433e6ef8e8609660ca288ce7dc673c314c8143c8416dc8d1b558861fa1f9c578bcef1759e5332cbe0c826cc66c1133ef
-  data.tar.gz: 615a7b02b510c127efc6d6af4c2135bdcf252b046586cce3b10e62dd78718138e06f612728159e9a65f2efb2097841b2443fc70e391b24f7a6b4be158d98854a
+  metadata.gz: 949a7237e3f8ea09d3ffbbc151043350fc359be2cab2df9a602cb7df157b004d6626a38e4724664902ee22c94bbc02d41fea9679db81ebe4c7f96b72d0f95868
+  data.tar.gz: b926813ecc2a3561a199213d5592c5e659344324cc6014f06d89e78218507a5403541ced957c4d36d28d9845a6d85550f78802ff303042ff1ad54f3c4bcb6fce

data/lib/phlexy_ui/alert.rb

@@ -0,0 +1,58 @@
+# frozen_string_literal: true
+
+module PhlexyUI
+  class Alert < Base
+    def initialize(*, as: :div, **)
+      super(*, **)
+      @as = as
+    end
+
+    def view_template(&)
+      generate_classes!(
+        component_html_class: :alert,
+        modifiers_map: modifiers,
+        base_modifiers:,
+        options:
+      ).then do |classes|
+        public_send(as, role: :alert, class: classes, **options, &)
+      end
+    end
+
+    private
+
+    register_modifiers(
+      # "sm:alert-info"
+      # "md:alert-info"
+      # "lg:alert-info"
+      info: "alert-info",
+      # "sm:alert-success"
+      # "md:alert-success"
+      # "lg:alert-success"
+      success: "alert-success",
+      # "sm:alert-warning"
+      # "md:alert-warning"
+      # "lg:alert-warning"
+      warning: "alert-warning",
+      # "sm:alert-error"
+      # "md:alert-error"
+      # "lg:alert-error"
+      error: "alert-error",
+      # "sm:alert-neutral"
+      # "md:alert-neutral"
+      # "lg:alert-neutral"
+      neutral: "alert-neutral",
+      # "sm:alert-primary"
+      # "md:alert-primary"
+      # "lg:alert-primary"
+      primary: "alert-primary",
+      # "sm:alert-secondary"
+      # "md:alert-secondary"
+      # "lg:alert-secondary"
+      secondary: "alert-secondary",
+      # "sm:alert-accent"
+      # "md:alert-accent"
+      # "lg:alert-accent"
+      accent: "alert-accent"
+    )
+  end
+end

data/lib/phlexy_ui/base.rb

@@ -24,6 +24,7 @@ module PhlexyUI
 
     def modifiers
       {
+        skeleton: :skeleton,
         **self.class.modifiers,
         **PhlexyUI.configuration.modifiers.for(component: self.class),
         **PhlexyUI.configuration.modifiers.for(component: nil)

data/lib/phlexy_ui/button.rb

@@ -1,5 +1,7 @@
 # frozen_string_literal: true
 
+require "phlex/version"
+
 module PhlexyUI
   class Button < Base
     def initialize(*, as: :button, modal: nil, **)
@@ -16,7 +18,17 @@ module PhlexyUI
         options:
       ).then do |classes|
         if modal
-          build_button_via_unsafe_raw(classes, &)
+          if Phlex::VERSION.start_with?("1.")
+            build_button_via_unsafe_raw(classes, &)
+          else
+            public_send(
+              as,
+              class: classes,
+              onclick: safe("#{Phlex::Escape.html_escape(modal)}.showModal()"),
+              **options,
+              &
+            )
+          end
         else
           public_send(as, class: classes, **options, &)
         end

data/lib/phlexy_ui/collapsible_sub_menu.rb

@@ -13,19 +13,25 @@ module PhlexyUI
     def view_template(&)
       attributes = generate_attributes(base_modifiers, ATTRIBUTES_MAP)
 
-      details(**attributes) do
-        if @title
-          summary do
-            render @title
+      generate_classes!(
+        base_modifiers:,
+        modifiers_map: modifiers,
+        options:
+      ).then do |classes|
+        details(**attributes) do
+          if @title
+            summary do
+              render @title
+            end
+          else
+            raise ArgumentError, "A collapsible submenu requires a title"
           end
-        else
-          raise ArgumentError, "A collapsible submenu requires a title"
-        end
 
-        if @items.any?
-          ul do
-            @items.each do |item|
-              render item
+          if @items.any?
+            ul class: classes, **options do
+              @items.each do |item|
+                render item
+              end
             end
           end
         end
@@ -49,5 +55,52 @@ module PhlexyUI
     ATTRIBUTES_MAP = {
       open: true
     }.freeze
+
+    register_modifiers(
+      # "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/navbar.rb

@@ -18,16 +18,31 @@ module PhlexyUI
       end
     end
 
-    def start(&)
-      div(class: :"navbar-start", &)
+    def start(*, as: :div, **options, &)
+      generate_classes!(
+        component_html_class: :"navbar-start",
+        options:
+      ).then do |classes|
+        public_send(as, class: classes, **options, &)
+      end
     end
 
-    def center(&)
-      div(class: :"navbar-center", &)
+    def center(*, as: :div, **options, &)
+      generate_classes!(
+        component_html_class: :"navbar-center",
+        options:
+      ).then do |classes|
+        public_send(as, class: classes, **options, &)
+      end
     end
 
-    def end(&)
-      div(class: :"navbar-end", &)
+    def end(*, as: :div, **options, &)
+      generate_classes!(
+        component_html_class: :"navbar-end",
+        options:
+      ).then do |classes|
+        public_send(as, class: classes, **options, &)
+      end
     end
 
     register_modifiers(

data/lib/phlexy_ui/radial_progress.rb

@@ -0,0 +1,83 @@
+# frozen_string_literal: true
+
+module PhlexyUI
+  class RadialProgress < Base
+    def initialize(*, value:, as: :div, size: nil, thickness: nil, **)
+      super(*, **)
+      @as = as
+      @value = value
+      @size = size
+      @thickness = thickness
+    end
+
+    def view_template(&)
+      generate_classes!(
+        component_html_class: :"radial-progress",
+        modifiers_map: modifiers,
+        base_modifiers:,
+        options:
+      ).then do |classes|
+        style = options.delete(:style)
+
+        if style.nil?
+          style = "--value: #{value}; --size: #{size}; --thickness: #{thickness};"
+        elsif style.is_a?(String)
+          style = "#{style} --value: #{value}; --size: #{size}; --thickness: #{thickness};"
+        end
+
+        public_send(as, role: :progressbar, class: classes, style:, **options, &)
+      end
+    end
+
+    private
+
+    attr_reader :value, :size, :thickness
+
+    register_modifiers(
+      # "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/version.rb

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

metadata

@@ -1,27 +1,27 @@
 --- !ruby/object:Gem::Specification
 name: phlexy_ui
 version: !ruby/object:Gem::Version
-  version: 0.1.11
+  version: 0.1.13
 platform: ruby
 authors:
 - David Alejandro Aguilar Ramos
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-09-29 00:00:00.000000000 Z
+date: 2024-10-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: phlex
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '1.10'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '1.10'
 - !ruby/object:Gem::Dependency
@@ -93,6 +93,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - lib/phlexy_ui.rb
+- lib/phlexy_ui/alert.rb
 - lib/phlexy_ui/attribute_set.rb
 - lib/phlexy_ui/avatar.rb
 - lib/phlexy_ui/avatar_group.rb
@@ -115,6 +116,7 @@ files:
 - lib/phlexy_ui/menu_item.rb
 - lib/phlexy_ui/modal.rb
 - lib/phlexy_ui/navbar.rb
+- lib/phlexy_ui/radial_progress.rb
 - lib/phlexy_ui/sub_menu.rb
 - lib/phlexy_ui/tab.rb
 - lib/phlexy_ui/tab_with_content.rb