playbook_ui_docs 14.18.0.pre.alpha.play2087emptystatekitbuildrails7533 → 14.18.0.pre.alpha.play2149overlaykitdynamicbug7619

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 14.18.0.pre.alpha.play2087emptystatekitbuildrails7533
+  version: 14.18.0.pre.alpha.play2149overlaykitdynamicbug7619
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-05-06 00:00:00.000000000 Z
+date: 2025-05-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -747,11 +747,16 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_react.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.jsx
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_rails.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_react.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_react.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.html.erb
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.jsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_rails.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_react.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
@@ -812,10 +817,12 @@ files:
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.md
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb
@@ -832,19 +839,19 @@ files:
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.md
 - app/pb_kits/playbook/pb_dropdown/docs/example.yml
 - app/pb_kits/playbook/pb_dropdown/docs/index.js
-- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.html.erb
 - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx
-- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.html.erb
 - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx
-- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.html.erb
 - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx
-- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.html.erb
 - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx
 - app/pb_kits/playbook/pb_empty_state/docs/default_image/computer_fly_no_branding.svg
 - app/pb_kits/playbook/pb_empty_state/docs/default_image/utils.tsx

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md

@@ -1 +0,0 @@
-`autocomplete` prop can also be used in conjunction with the `customDisplay` prop.

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx

@@ -1,79 +0,0 @@
-import React, { useRef } from 'react'
-
-import Dropdown from '../../pb_dropdown/_dropdown'
-import useDropdown from '../../pb_dropdown/hooks/useDropdown'
-import CircleIconButton from '../../pb_circle_icon_button/_circle_icon_button'
-import FlexItem from '../../pb_flex/_flex_item'
-import Icon from '../../pb_icon/_icon'
-import Body from '../../pb_body/_body'
-import Flex from '../../pb_flex/_flex'
-
-const DropdownWithHook = (props) => {
-const [isDropDownClosed, setIsDropdownClosed] = useDropdown(true);
-const buttonRef = useRef(null);
-
-  const options = [
-    {
-      label: "United States",
-      value: "United States",
-      areaCode: "+1",
-      icon: "🇺🇸",
-      id: "United-states"
-    },
-    {
-      label: "Canada",
-      value: "Canada",
-      areaCode: "+1",
-      icon: "🇨🇦",
-      id: "canada"
-    },
-    {
-      label: "Pakistan",
-      value: "Pakistan",
-      areaCode: "+92",
-      icon: "🇵🇰",
-      id: "pakistan"
-    }
-  ];  
-
-  return (
-  <div>
-      <CircleIconButton
-          htmlOptions={{ref: buttonRef}}
-          icon={"flag"}
-          onClick={() => setIsDropdownClosed(!isDropDownClosed)}
-          variant="secondary"
-      />
-    <Dropdown
-        isClosed={isDropDownClosed}
-        options={options}
-        triggerRef={buttonRef}
-        {...props}
-    >
-      {options.map((option) => (
-        <Dropdown.Option key={option.id} 
-            option={option}
-        > 
-        <>
-          <FlexItem>
-              <Flex paddingRight='md'>
-                <Icon icon={option.icon} 
-                    paddingRight="xs"
-                />
-                <Body text={option.label} />
-              </Flex>
-          </FlexItem>
-              <FlexItem>
-                <Body color="light" 
-                    text={option.areaCode} 
-                />
-              </FlexItem>
-            </>
-        </Dropdown.Option>
-      ))}
-    </Dropdown>
-  </div>
-  )
-}
-
-export default DropdownWithHook

data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.html.erb

@@ -1,30 +0,0 @@
-<%= pb_rails("flex", props: {align: "center", spacing: "evenly"}) do %>
-  <%= pb_rails("empty_state", props: {
-    description: "Body text goes into detail with possible steps for user to take",
-    header: "Title Explains",
-    image: "default",
-    id: "empty_state_default",
-    primary_button: "Next Action",
-    primary_button_url: "https://www.playbook.com",
-    alignment: "left",
-  }) %>
-
-  <%= pb_rails("empty_state", props: {
-    description: "Body text goes into detail with possible steps for user to take",
-    header: "Title Explains",
-    image: "default",
-    id: "empty_state_default",
-    primary_button: "Next Action",
-    primary_button_url: "https://www.playbook.com",
-  }) %>
-
-    <%= pb_rails("empty_state", props: {
-    description: "Body text goes into detail with possible steps for user to take",
-    header: "Title Explains",
-    image: "default",
-    id: "empty_state_default",
-    primary_button: "Next Action",
-    primary_button_url: "https://www.playbook.com",
-    alignment: "right",
-  }) %>
-<% end %>

data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.html.erb

@@ -1,8 +0,0 @@
-<%= pb_rails("flex", props: {align: "center", justify: "center"}) do %>
-  <%= pb_rails("empty_state", props: {
-    description: "Body text goes into detail with possible steps for user to take",
-    header: "Title Explains",
-    image: "default",
-    id: "empty_state_default",
-  }) %>
-<% end %>

data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.html.erb

@@ -1,13 +0,0 @@
-<%= pb_rails("flex", props: {align: "center", justify: "center"}) do %>
-  <%= pb_rails("empty_state", props: {
-    description: "Body text goes into detail with possible steps for user to take",
-    header: "Title Explains",
-    image: "default",
-    id: "empty_state_default",
-    orientation:"horizontal",
-    alignment: "left",
-    size: "lg",
-    primary_button: "Next Action",
-    primary_button_url: "https://www.playbook.com",
-  }) %>
-<% end %>

data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.html.erb

@@ -1,23 +0,0 @@
-<%= pb_rails("flex", props: {align: "center", spacing: "evenly"}) do %>
-  <%= pb_rails("empty_state", props: {
-    description: "Body text goes into detail with possible steps for user to take",
-    header: "Title Explains",
-    image: "default",
-    id: "empty_state_default",
-    primary_button: "Next Action",
-    primary_button_url: "https://www.playbook.com",
-    link_button: "Alt Action",
-    size: "sm",
-  }) %>
-
-  <%= pb_rails("empty_state", props: {
-    description: "Body text goes into detail with possible steps for user to take",
-    header: "Title Explains",
-    image: "default",
-    id: "empty_state_default",
-    primary_button: "Next Action",
-    primary_button_url: "https://www.playbook.com",
-    link_button: "Alt Action",
-    size: "lg",
-  }) %>
-<% end %>