playbook_ui 13.18.0.pre.alpha.PLAY8672199 → 13.18.0.pre.alpha.PLAY12062177

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 548e17316f99aac7783410a352e43be456b73d035736c5ebe4bb90f036cec306
-  data.tar.gz: a68e86d6073d487d7566cde15535332ce66a5dd0a0d00d6a169071fc2ef9969a
+  metadata.gz: a740b3ef475875baabe4286f70025efcc3bf6a921b6232814b4abc5a3b952cf8
+  data.tar.gz: eab607b01ab71bdf312d0ccd9b92ff9a54ddf688657e58ada68c545046532a7b
 SHA512:
-  metadata.gz: 9d73ab3a7bd6b2f19d7dac44591250b689d65fa456e61cf1c6b52f548f3b28ec9327f7a4465b42976d92680601ae5d0cdfca2824a395a649a434ea29bd246601
-  data.tar.gz: ff28178d376757325615d842b1d23db0909da38b892e49e2100468915fccf0cce4a815e35f3ae13247f1f7e79b476cc52cf89aefb848b677afe96df27ab05d83
+  metadata.gz: afeee437dc320d7042b28d061c94a4821037b0af4862aa7ba56ebcaa474c0bba3c2ac52df0cbe96d47d6a6b90bdb7b346aab99653ed46ec226064998670f812b
+  data.tar.gz: bf328b19bef5e5725cbaae856699127d715a75f74ae151eef2c68b135c3d56b92ac79ab89cfe3ca4b4745660b7528c7cfd0dfb53c774d3275986440b6ebc75fd

data/app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx

@@ -3,13 +3,14 @@ import React, { ReactNode, useState } from 'react'
 import CircleIconButton from '../../pb_circle_icon_button/_circle_icon_button'
 import PbReactPopover from '../../pb_popover/_popover'
 
-type FiltersPopoverProps = { 
+type FiltersPopoverProps = {
   children?: React.ReactChild[] | React.ReactChild | (({closePopover}: {closePopover: () => void}) =>  ReactNode), 
   dark?: boolean,
+  maxHeight?: string,
   minWidth?: string,
   placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end",
 }
-const FiltersPopover = ({ children, dark, minWidth, placement = "bottom-start" }: FiltersPopoverProps): React.ReactElement => {
+const FiltersPopover = ({ children, dark, maxHeight, minWidth, placement = "bottom-start" }: FiltersPopoverProps): React.ReactElement => {
   const [hide, updateHide] = useState(true)
   const toggle = () => updateHide(!hide)
 
@@ -26,6 +27,7 @@ const FiltersPopover = ({ children, dark, minWidth, placement = "bottom-start" }
   return (
     <PbReactPopover
         closeOnClick="outside"
+        maxHeight={maxHeight}
         minWidth={minWidth}
         placement={placement}
         reference={filterButton}

data/app/pb_kits/playbook/pb_filter/filter.html.erb

@@ -69,14 +69,14 @@
       <% end %>
     <% end %>
 
-    <% if object.template != "sort_only"%>
-      <%= pb_rails("popover", props: {min_width: object.min_width, close_on_click: "outside", trigger_element_id: "filter#{object.id}", tooltip_id: "filter-form#{object.id}", position: object.placement }) do %>
+    <% if object.template != "sort_only" %>
+      <%= pb_rails("popover", props: object.popover_props) do %>
         <%= content %>
       <% end %>
     <%end%>
 
-    <% if object.template != "filter_only"%>
-      <%= pb_rails("popover", props: {classname: "pb_filter_sort_menu", close_on_click: "outside", trigger_element_id: "sort-button#{object.id}", tooltip_id: "sort-filter-btn-tooltip#{object.id}", position: object.placement , padding: 'none'}) do %>
+    <% if object.template != "filter_only" %>
+      <%= pb_rails("popover", props: object.popover_props) do %>
           <%= pb_rails("list") do %>
             <% object.sort_menu.each do |item| %>
               <%= pb_rails("list/item") do%> <%= pb_rails("button", props: {variant: "link" ,classname: "p-0", text: item[:item], link: item[:link]}) %><% end %>

data/app/pb_kits/playbook/pb_filter/filter.rb

@@ -10,6 +10,7 @@ module Playbook
                       values: %w[default single filter_only sort_only],
                       default: "default"
       prop :background, type: Playbook::Props::Boolean, default: true
+      prop :max_height
       prop :min_width, default: "auto"
       prop :placement, type: Playbook::Props::Enum,
                        values: %w[top bottom left right top-start top-end bottom-start bottom-end right-start right-end left-start left-end],
@@ -31,7 +32,7 @@ module Playbook
       end
 
       def wrapper(&block)
-        if object.background
+        if background
           pb_rails("card", props: { padding: "none" }, &block)
         else
           capture(&block)
@@ -48,6 +49,29 @@ module Playbook
           ""
         end
       end
+
+      def popover_props
+        if template != "sort_only"
+          {
+            max_height: max_height,
+            min_width: min_width,
+            close_on_click: "outside",
+            trigger_element_id: "filter#{id}",
+            tooltip_id: "filter-form#{id}",
+            position: placement,
+          }
+        elsif template != "filter_only"
+          {
+            max_height: max_height,
+            classname: "pb_filter_sort_menu",
+            close_on_click: "outside",
+            trigger_element_id: "sort-button#{id}",
+            tooltip_id: "sort-filter-btn-tooltip#{id}",
+            position: placement,
+            padding: "none",
+          }
+        end
+      end
     end
   end
 end

data/app/pb_kits/playbook/pb_form_group/_form_group.scss

@@ -57,10 +57,6 @@
     margin-bottom: 16px;
   }
 
-  &[class*=rails] > [class^=pb_date_picker_kit] {
-    margin-bottom: 0px;
-  }
-
   & > [class^=pb_date_picker_kit]:not(:last-child) {
     .text_input_wrapper input, [class^=pb_text_input_kit] .text_input_wrapper .flatpickr-wrapper {
       border-bottom-right-radius: 0;

data/app/pb_kits/playbook/pb_form_group/form_group.rb

@@ -7,7 +7,7 @@ module Playbook
                         default: false
 
       def classname
-        generate_classname("pb_form_group_kit", full_width_class) + form_group_rails
+        generate_classname("pb_form_group_kit", full_width_class)
       end
 
     private
@@ -15,10 +15,6 @@ module Playbook
       def full_width_class
         full_width ? "full" : nil
       end
-
-      def form_group_rails
-        " rails"
-      end
     end
   end
 end

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "13.18.0"
-  VERSION = "13.18.0.pre.alpha.PLAY8672199"
+  VERSION = "13.18.0.pre.alpha.PLAY12062177"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.18.0.pre.alpha.PLAY8672199
+  version: 13.18.0.pre.alpha.PLAY12062177
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-02-20 00:00:00.000000000 Z
+date: 2024-02-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack