playbook_ui 13.18.0.pre.alpha.PLAY12062203 → 13.18.0.pre.alpha.dependabotnpmandyarnpowerhomeplaybookicons001alpha52174

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8f6b0ff54cf9716e16036e927548c56d9ed3bf864dc067049c400fa8e2688619
-  data.tar.gz: 5c95f55e88034b7c6d0af437441413074fee4159556bbc012783ad3783199ecf
+  metadata.gz: 07df5a51ff6cc545fc766152e6b29c93c3dbb93490e376860bce3b7cd5ed29ac
+  data.tar.gz: 50b2552c1b512542cf7aa2731ac8a8da39fd3c80a429fb9dee7553ad80edd8e3
 SHA512:
-  metadata.gz: 8c2608c178635d11d9aa6a1a9e47a5a4b730acae9ba2375677d0d3a4c36469c84a3346dec3c3622d9d4140820ce1890f34bf1daa29cb23f1f94fe3f733e68700
-  data.tar.gz: 6fa6c282889d8e7e7a7f51ae5a3903c4ccfc861c9d05e4668dc2bb07322cfb4b96091cfe9140cd0656d72f7005655393a088eb805a75b3c1e2b780e866e0063a
+  metadata.gz: cf46489def90ccc21c247e68e54e9864fb3d4bd2a53cd6fa7cf0be8a04019e46dcf7184677e1499b4ad16b9d415efde26784320e7ecb077d0f697480ae8a0877
+  data.tar.gz: bb93a071c1a739c0e47776b3ba4dcba3a53b3e9ba46e9c8bf8c090420429c2a7d9dfcfa5809392dbac7eae92c6025f263bb2685240ce9d305b2fec8f676bf843

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

@@ -15,7 +15,7 @@ import Flex from '../../pb_flex/_flex'
 import SectionSeparator from '../../pb_section_separator/_section_separator'
 
 export type FilterDoubleProps = {
-  children?: React.ReactChild[] | React.ReactChild,
+  children?: React.ReactChild[] | React.ReactChild, 
   filters?: FilterDescription,
   onSortChange?: SortingChangeCallback,
   results?: number,
@@ -31,7 +31,6 @@ const FilterDouble = ({
   results,
   children,
   dark,
-  maxHeight,
   minWidth,
   placement,
   ...bgProps
@@ -46,7 +45,6 @@ const FilterDouble = ({
     >
       <FiltersPopover
           dark={dark}
-          maxHeight={maxHeight}
           minWidth={minWidth}
           placement={placement}
       >

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

@@ -14,7 +14,7 @@ import SortMenu, {
 } from './SortMenu'
 
 export type FilterSingleProps = {
-  children?: React.ReactChild[] | React.ReactChild,
+  children?: React.ReactChild[] | React.ReactChild, 
   filters?: FilterDescription,
   onSortChange?: SortingChangeCallback,
   results?: number,
@@ -30,7 +30,6 @@ const FilterSingle = ({
   results,
   children,
   dark,
-  maxHeight,
   minWidth,
   placement,
   ...bgProps
@@ -49,7 +48,6 @@ const FilterSingle = ({
           <>
             <FiltersPopover
                 dark={dark}
-                maxHeight={maxHeight}
                 minWidth={minWidth}
                 placement={placement}
             >

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

@@ -3,14 +3,13 @@ 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, maxHeight, minWidth, placement = "bottom-start" }: FiltersPopoverProps): React.ReactElement => {
+const FiltersPopover = ({ children, dark, minWidth, placement = "bottom-start" }: FiltersPopoverProps): React.ReactElement => {
   const [hide, updateHide] = useState(true)
   const toggle = () => updateHide(!hide)
 
@@ -27,7 +26,6 @@ const FiltersPopover = ({ children, dark, maxHeight, minWidth, placement = "bott
   return (
     <PbReactPopover
         closeOnClick="outside"
-        maxHeight={maxHeight}
         minWidth={minWidth}
         placement={placement}
         reference={filterButton}

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

@@ -8,7 +8,7 @@ type FilterProps =
       double?: boolean,
     })
 
-const Filter = ({
+const Filter = ({ 
   double = false,
   ...templateProps
   }: FilterProps): React.ReactElement => {

data/app/pb_kits/playbook/pb_filter/docs/example.yml

@@ -8,7 +8,6 @@ examples:
   - filter_only: Filter Only
   - sort_only: Sort Only
   - filter_max_width: Max Width for Popover Inside of Filter
-  - filter_max_height: Max Height for Popover Inside of Filter
   - filter_placement: Filter Placement
 
   react:
@@ -19,5 +18,4 @@ examples:
   - filter_only: Filter Only
   - sort_only: Sort Only
   - filter_max_width: Max Width for Popover Inside of Filter
-  - filter_max_height: Max Height for Popover Inside of Filter
   - filter_placement: Filter Placement

data/app/pb_kits/playbook/pb_filter/docs/index.js

@@ -5,5 +5,4 @@ export { default as FilterNoBackground } from './_filter_no_background.jsx'
 export { default as FilterOnly } from './_filter_only.jsx'
 export { default as SortOnly } from './_sort_only.jsx'
 export { default as FilterMaxWidth } from './_filter_max_width.jsx'
-export { default as FilterMaxHeight } from './_filter_max_height.jsx'
 export { default as FilterPlacement } from './_filter_placement.jsx'

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

@@ -70,13 +70,13 @@
     <% end %>
 
     <% if object.template != "sort_only"%>
-      <%= pb_rails("popover", props: {max_height: object.max_height, 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 %>
+      <%= 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 %>
         <%= content %>
       <% end %>
     <%end%>
 
     <% if object.template != "filter_only"%>
-      <%= pb_rails("popover", props: {max_height: object.max_height, 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 %>
+      <%= 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 %>
           <%= 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,7 +10,6 @@ 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],
@@ -32,7 +31,7 @@ module Playbook
       end
 
       def wrapper(&block)
-        if background
+        if object.background
           pb_rails("card", props: { padding: "none" }, &block)
         else
           capture(&block)

data/lib/playbook/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.18.0.pre.alpha.PLAY12062203
+  version: 13.18.0.pre.alpha.dependabotnpmandyarnpowerhomeplaybookicons001alpha52174
 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
@@ -1064,8 +1064,6 @@ files:
 - app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx
 - app/pb_kits/playbook/pb_filter/docs/_filter_default.md
-- app/pb_kits/playbook/pb_filter/docs/_filter_max_height.html.erb
-- app/pb_kits/playbook/pb_filter/docs/_filter_max_height.jsx
 - app/pb_kits/playbook/pb_filter/docs/_filter_max_width.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_max_width.jsx
 - app/pb_kits/playbook/pb_filter/docs/_filter_max_width.md

data/app/pb_kits/playbook/pb_filter/docs/_filter_max_height.html.erb

@@ -1,42 +0,0 @@
-<%=
-  pb_rails("filter", props: {
-    max_height: "360px",
-    id: "filter_max_height_rails",
-    position: "top",
-    filters: [
-      { name: "name", value: "John Wick" },
-      { name: "city", value: "San Francisco"}
-    ],
-    sort_menu: [
-      { item: "Popularity", link: "?q[sorts]=managers_popularity+asc", active: true, direction: "desc" },
-      { item: "Mananger's Title", link: "?q[sorts]=managers_title+asc", active: false },
-      { item: "Manager's Name", link: "?q[sorts]=managers_name+asc", active: false },
-    ],
-    template: "default",
-    results: 1,
-  }) do
-%>
-  <%
-   example_collection = [
-      OpenStruct.new(name: "USA", value: 1),
-      OpenStruct.new(name: "Canada", value: 2),
-      OpenStruct.new(name: "Brazil", value: 3),
-      OpenStruct.new(name: "Philippines", value: 4),
-      OpenStruct.new(name: "A galaxy far far away, like really far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far away...", value: 5)
-    ]
-  %>
-  <%= pb_rails("form", props: { form_system_options: { scope: :example, method: :get } }) do |form| %>
-    <%= form.text_field :example_text_field, props: { label: true } %>
-    <%= form.text_field :example_text_field, props: { label: true } %>
-    <%= form.text_field :example_text_field, props: { label: true } %>
-    <%= form.text_field :example_text_field, props: { label: true } %>
-    <%= form.text_field :example_text_field, props: { label: true } %>
-    <%= form.text_field :example_text_field, props: { label: true } %>
-    <%= form.collection_select :example_collection_select, example_collection, :value, :name, props: {max_width: "sm", label: true } %>
-
-    <%= form.actions do |action| %>
-      <%= action.submit props: { text: "Apply", data: { disable_with: "<i class='far fa-spinner fa-spin mr-3'></i>Searching...".html_safe },}%>
-      <%= action.button props: { type: "reset", text: "Clear", variant: "secondary" } %>
-    <% end %>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_filter/docs/_filter_max_height.jsx

@@ -1,83 +0,0 @@
-import React from 'react'
-import { Button, Filter, Flex, Select, TextInput } from '../..'
-
-const FilterMaxHeight = (props) => {
-  const options = [
-    { value: 'USA' },
-    { value: 'Canada' },
-    { value: 'Brazil' },
-    { value: 'Philippines' },
-    { value: 'A galaxy far far away, like really far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far far away...' },
-  ]
-  return (
-    <Filter
-        {...props}
-        double
-        filters={{
-          'Full Name': 'John Wick',
-          'City': 'San Francisco',
-        }}
-        maxHeight="360px"
-        minWidth="360px"
-        results={1}
-        sortOptions={{
-          popularity: 'Popularity',
-          // eslint-disable-next-line
-          manager_title: 'Manager\'s Title',
-          // eslint-disable-next-line
-          manager_name: 'Manager\'s Name',
-        }}
-        sortValue={[{ name: 'popularity', dir: 'desc' }]}
-    >
-    {({ closePopover }) => (
-      <form>
-        <Select
-            blankSelection="Select One..."
-            label="Territory"
-            name="location"
-            options={options}
-        />
-        <TextInput
-            label="First Name"
-            placeholder="Enter name"
-            {...props}
-        />
-        <TextInput
-            label="Middle Name"
-            placeholder="Enter name"
-            {...props}
-        />
-        <TextInput
-            label="Last Name"
-            placeholder="Enter name"
-            {...props}
-        />
-        <TextInput
-            label="Email"
-            placeholder="Enter email"
-            {...props}
-        />
-        <TextInput
-            label="Address"
-            placeholder="Enter address"
-            {...props}
-        />
-        <Flex
-            spacing="between"
-        >
-          <Button
-              onClick={closePopover}
-              text="Apply"
-          />
-          <Button
-              text="Clear"
-              variant="secondary"
-          />
-        </Flex>
-      </form>
-    )}
-    </Filter>
-  )
-}
-
-export default FilterMaxHeight