power-compass 0.4.1 → 0.5.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 35ba4f396648a124a43dd3e0b6923f3e8fd4168cd779e656f2f12ef13ca1b7c7
-  data.tar.gz: 3de0ede3177aaf1576ddbbb4837bf2d7a9d0069437b78ade32074bd600cb9228
+  metadata.gz: 719e6a292a665ca861af7bc67fc0e60d9b0bbcc5303b358988450178744568c1
+  data.tar.gz: 0fdb94018c58431b1bd131fd5c0bc063ab38bcf25d2243fd2408bcc54c2ecbd4
 SHA512:
-  metadata.gz: e97bc4cade06db4facf2e26698304e655da5ec213626e08f3fb7d01c7655a90903468657dbea06c162f2b207d2fc4b7a0af7ae321ef4814684b7a9a649a98e8b
-  data.tar.gz: ddba4de54e50717564621a769c5e116dbd49dcf9be9f7e75b32c27d964a628dbbb45d736391b8da7c29b49af783ea483a3dd6c4c85faa19919cad78528aea9f8
+  metadata.gz: ac3054cdee5acf69b7f2f4ed71a528940b13728a44568dd800221cb1a11d9028573edf5a491b50fc55b2b59eeed8b01a8ad8320bfec4700fdeea773ea7b5483e
+  data.tar.gz: 4d9d5785bf1f07fd37dda55fd9e2348735dc7243756d088b43fe13f70f299337c5f0f0302ea4d511c2e36e9f1a6a175939a18cf129a234f406a9eeab24d7f0d8

data/Rakefile

@@ -24,7 +24,7 @@ namespace :compass do
       asset = env["compass/layout.css"]
       raise "Could not compile compass/layout.css" unless asset
 
-      out = File.join(gem_root, "vendor", "assets", "stylesheets", "compass", "layout.css")
+      out = File.join(gem_root, "app", "assets", "builds", "compass", "layout.css")
       FileUtils.mkdir_p(File.dirname(out))
       File.write(out, asset.source)
       puts "Wrote #{out}"

data/{vendor/assets/stylesheets → app/assets/builds}/compass/layout.css

@@ -1,4 +1,4 @@
-@charset "UTF-8";
+
 /* Default Equations */
 /* Penner Equations (approximated) originally created by @robpenner */
 /* Accessible color tokens (WCAG-compliant) — defined in _colors_accessible.scss */
@@ -597,6 +597,11 @@ Background colors ------------------*/
   display: block;
 }
 
+/* line 19, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+.nitro-navigation .compass-logo img {
+  max-height: 32px;
+}
+
 @media screen and (max-width: 574px) {
   /* line 16, ../../app/assets/stylesheets/compass/navigation/_header.scss */
   .nitro-navigation .compass-logo {
@@ -604,19 +609,19 @@ Background colors ------------------*/
   }
 }
 
-/* line 24, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 28, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .compass-logo-mobile {
   display: none;
 }
 
 @media screen and (max-width: 574px) {
-  /* line 24, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+  /* line 28, ../../app/assets/stylesheets/compass/navigation/_header.scss */
   .nitro-navigation .compass-logo-mobile {
     display: block;
   }
 }
 
-/* line 32, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 36, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar {
   margin: 0;
   border-bottom: 0;
@@ -628,7 +633,7 @@ Background colors ------------------*/
   justify-content: space-between;
 }
 
-/* line 42, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 46, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar-left, .nitro-navigation .navigation-topbar-center, .nitro-navigation .navigation-topbar-right {
   position: static;
   padding: 0 32px;
@@ -638,145 +643,145 @@ Background colors ------------------*/
 }
 
 @media screen and (max-width: 767px) {
-  /* line 42, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+  /* line 46, ../../app/assets/stylesheets/compass/navigation/_header.scss */
   .nitro-navigation .navigation-topbar-left, .nitro-navigation .navigation-topbar-center, .nitro-navigation .navigation-topbar-right {
     padding: 0 8px;
   }
 }
 
 @media screen and (max-width: 767px) {
-  /* line 55, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+  /* line 59, ../../app/assets/stylesheets/compass/navigation/_header.scss */
   .nitro-navigation .navigation-topbar-center {
     flex: 1;
   }
 }
 
-/* line 60, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 64, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar-right {
   color: #FFFFFF;
   margin: 2px;
 }
 
 @media screen and (max-width: 767px) {
-  /* line 60, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+  /* line 64, ../../app/assets/stylesheets/compass/navigation/_header.scss */
   .nitro-navigation .navigation-topbar-right {
     flex: 0;
     padding-right: 0px;
   }
 }
 
-/* line 69, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 73, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar-right .impersonating {
   border: 2px solid #ff7034;
 }
 
-/* line 74, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 78, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_container {
   min-width: 280px;
   max-height: calc(100vh - 90px);
 }
 
-/* line 78, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 82, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_container > [class*="pb_dropdown_option"][class*="selected"] [class^="pb_body"] {
   color: #687887 !important;
 }
 
-/* line 83, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 87, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar-right .dropdown_wrapper div[data-dropdown-custom-trigger] {
   display: block !important;
 }
 
-/* line 88, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 92, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_3x) .pb_dropdown_trigger {
   width: 65px !important;
 }
 
-/* line 92, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 96, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_3x) .icon-caret svg.svg_xs {
   position: relative !important;
   right: 10px !important;
 }
 
-/* line 99, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 103, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_2x) .pb_dropdown_trigger {
   width: 45px !important;
 }
 
-/* line 103, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 107, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar-right .dropdown_wrapper:has(svg.svg_2x) .icon-caret svg.svg_xs {
   position: relative !important;
   right: 5px !important;
 }
 
-/* line 109, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 113, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar-right .dropdown_wrapper .pb_dropdown_trigger img {
   width: 38px;
   border-radius: 1000px;
 }
 
-/* line 116, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 120, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar-right .menu-section-options li {
   padding: 0px;
 }
 
-/* line 118, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 122, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar-right .menu-section-options li svg {
   margin-right: 8px;
 }
 
-/* line 122, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 126, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar-right .menu-section-options a {
   color: #687887;
 }
 
-/* line 125, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 129, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar-right .menu-section-options:hover {
   background-color: #F3F7FB;
 }
 
-/* line 129, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 133, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar-right .pb_dropdown_option_selected_focused,
 .nitro-navigation .navigation-topbar-right .pb_dropdown_option_selected {
   background-color: unset !important;
 }
 
-/* line 134, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 138, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .navigation-topbar-right [class^="pb_dropdown"] [class*="pb_list_kit"] li {
   padding: 0px !important;
 }
 
 @media screen and (max-width: 767px) {
-  /* line 139, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+  /* line 143, ../../app/assets/stylesheets/compass/navigation/_header.scss */
   .nitro-navigation .navigation-topbar-left {
     flex: 0;
     padding-left: 0px;
   }
 }
 
-/* line 146, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 150, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator {
   width: 1px;
   padding-top: 2px;
   padding-bottom: 2px;
 }
 
-/* line 150, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 154, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator::before, .nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumbs-separator::after {
   background: rgba(255, 255, 255, 0.1);
 }
 
-/* line 155, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 159, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item {
   white-space: nowrap;
 }
 
-/* line 158, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 162, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:hover svg,
 .nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:hover .pb_detail_kit_color_light.dark {
   color: #FFFFFF !important;
 }
 
-/* line 164, ../../app/assets/stylesheets/compass/navigation/_header.scss */
+/* line 168, ../../app/assets/stylesheets/compass/navigation/_header.scss */
 .nitro-navigation .nitro-header-breadcrumbs-menu .breadcrumb-item:first-child {
   min-width: 59px;
 }

data/app/assets/stylesheets/compass/navigation/_header.scss

@@ -15,6 +15,10 @@
 
   .compass-logo {
     display: block;
+
+    img {
+      max-height: 32px;
+    }
   
     @include break_at($screen-xs-max) {
       display: none;

data/app/components/compass/layout/header/dropdown_menu.html.erb

@@ -1,4 +1,4 @@
-<% if icon.present? %>
+<% if content.present? %>
   <%= pb_rails("dropdown", props: options) do %>
     <%= pb_rails("dropdown/dropdown_trigger") do %>
       <%= pb_rails("flex", props: { align_items: "center", cursor: "pointer", classname: icon_wrapper_classname }) do %>
@@ -7,9 +7,9 @@
       <% end %>
     <% end %>
     <%= pb_rails("dropdown/dropdown_container", props: { right: { inset: true, value: "xxs" }, padding_y: "sm" }) do %>
-      <%= component ? render(component) : content %>
+      <%= content %>
     <% end %>
   <% end %>
 <% else %>
-  <%= component ? render(component) : content %>
+  <div data-compass-component="DropdownMenu" data-compass-component-props="<%= react_props.to_json %>"></div>
 <% end %>

data/app/components/compass/layout/header/dropdown_menu.rb

@@ -4,32 +4,40 @@ module Compass
   class Layout
     class Header
       class DropdownMenu < ApplicationComponent
+        include Compass::ConfigProps
+
         prop :icon
-        prop :component
+        prop :image_url
+        prop :classname
+        prop :filters, default: {}
         prop :options, default: {}
 
       private
 
-        def image?
-          icon&.try(:key?, :url)
-        end
-
         def pb_component
-          image? ? "image" : "icon"
+          image_url.present? ? "image" : "icon"
         end
 
         def icon_wrapper_classname
-          image? ? "image-caret" : "icon-caret"
+          image_url.present? ? "image-trigger" : "icon-caret"
         end
 
         def icon_props
-          case icon
-          when ::String
-            { icon:, size: "2x", fixed_width: true }
+          if image_url.present?
+            { url: image_url }
           else
-            icon
+            { icon:, size: "2x", fixed_width: true }
           end
         end
+
+        def react_props
+          {
+            **compass_props,
+            **(image_url.present? ? { imageUrl: image_url } : { icon: icon }),
+            classname: classname,
+            filters: filters
+          }
+        end
       end
     end
   end

data/app/components/compass/layout/header/tasks_menu.html.erb

@@ -1,3 +1 @@
-<%= render Compass::Layout::Header::DropdownMenu.new do %>
-  <div data-compass-component="TaskMenu" data-compass-component-props="<%= { **compass_props, tasksUrl: tasks_url }.to_json %>"></div>
-<% end %>
+<div data-compass-component="TaskMenu" data-compass-component-props="<%= { **compass_props, tasksUrl: tasks_url }.to_json %>"></div>

data/lib/compass/engine.rb

@@ -32,15 +32,6 @@ module Compass
 
     initializer "compass.assets" do |app|
       if app.config.respond_to?(:assets)
-        if root.join("vendor", "assets", "stylesheets", "compass", "layout.css").exist?
-          Compass.logger.info "Using precompiled compass/layout.css"
-          app.config.assets.paths << root.join("vendor", "assets", "stylesheets")
-        else
-          Compass.logger.info "Compiling compass/layout.css from source"
-          app.config.assets.paths << root.join("app", "assets", "stylesheets")
-          app.config.sass.load_paths << root.join("app", "assets", "stylesheets")
-        end
-
         app.config.assets.precompile += %w[compass/layout.css]
       end
     end

data/lib/compass/version.rb

@@ -1,3 +1,3 @@
 module Compass
-  VERSION = "0.4.1"
+  VERSION = "0.5.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: power-compass
 version: !ruby/object:Gem::Version
-  version: 0.4.1
+  version: 0.5.1
 platform: ruby
 authors:
 - Carlos Palhares
@@ -58,6 +58,7 @@ extra_rdoc_files: []
 files:
 - MIT-LICENSE
 - Rakefile
+- app/assets/builds/compass/layout.css
 - app/assets/stylesheets/compass/layout.scss
 - app/assets/stylesheets/compass/navigation/_all.scss
 - app/assets/stylesheets/compass/navigation/_header.scss
@@ -123,7 +124,6 @@ files:
 - lib/compass/search/view_context.rb
 - lib/compass/version.rb
 - lib/tasks/compass_tasks.rake
-- vendor/assets/stylesheets/compass/layout.css
 homepage: https://powerhrg.com
 licenses:
 - MIT