playbook_ui_docs 14.14.0.pre.alpha.PBNTR892dialogenhancedelement6476 → 14.14.0.pre.alpha.PBNTR894allowingcurrencyzero6405

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 14.14.0.pre.alpha.PBNTR892dialogenhancedelement6476
+  version: 14.14.0.pre.alpha.PBNTR894allowingcurrencyzero6405
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-03-05 00:00:00.000000000 Z
+date: 2025-03-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -1382,10 +1382,6 @@ files:
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_default.html.erb
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_default.jsx
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
-- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.html.erb
-- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.jsx
-- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_rails.md
-- app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_react.md
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.html.erb
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.jsx
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
@@ -2119,10 +2115,6 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.html.erb
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.md
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.html.erb
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md

data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.html.erb

@@ -1,11 +0,0 @@
-<%= pb_rails("overlay", props: { layout: { "x": "xl" }, color: "card_light", scroll_bar_none: true }) do %>
-    <%= pb_rails("flex", props: { column_gap: "lg", orientation: "row", overflow_x: "auto" }) do %>
-        <% 15.times do %>
-            <%= pb_rails("flex/flex_item") do %>
-                <%= pb_rails("card") do %>
-                    Card content
-                <% end %>
-            <% end %>
-        <% end %>
-    <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.jsx

@@ -1,37 +0,0 @@
-import React from 'react'
-import {
-    Overlay,
-    Card,
-    Flex,
-    FlexItem,
-} from 'playbook-ui'
-
-const InlineCardsExample = () => {
-    return (
-        <Flex
-            columnGap="lg"
-            orientation="row"
-            overflowX="auto"
-        >
-            {Array.from({ length: 15 }, (_, index) => (
-                <FlexItem key={index}>
-                    <Card>{"Card Content"}</Card>
-                </FlexItem>
-            ))}
-        </Flex>
-    )
-}
-
-const OverlayHideScrollBar = () => (
-    <>
-        <Overlay
-            color="card_light"
-            layout={{"x": "xl"}}
-            scrollBarNone
-        >
-            <InlineCardsExample />
-        </Overlay>
-    </>
-)
-
-export default OverlayHideScrollBar

data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_rails.md

@@ -1 +0,0 @@
-Pass the `scroll_bar_none` prop to hide the scrollbar from view. This is particularly helpful for small containers where the scrollbar may occupy too much space.

data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_react.md

@@ -1 +0,0 @@
-Pass the `scrollBarNone` prop to hide the scrollbar from view. This is particularly helpful for small containers where the scrollbar may occupy too much space.

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.html.erb

@@ -1,45 +0,0 @@
-<%= pb_rails("select", props: {
-  id:"color_context_2",
-  label: "Choose a Color",
-  name: "color_name",
-  options: [
-    { value: "red", value_text: "Red" },
-    { value: "blue", value_text: "Blue" },
-    { value: "green", value_text: "Green" }
-  ],
-}) %>
-
-<%= pb_rails("typeahead", props: {
-  label: "Pick a Shade",
-  is_multi: false,
-  search_context_selector: "color_context_2",
-  options_by_context: {
-    "red":  [
-      { label: "Scarlet", value: "scarlet" },
-      { label: "Mahogany", value: "mahogany" },
-      { label: "Crimson", value: "crimson" }
-    ],
-    "blue": [
-      { label: "Sky Blue", value: "sky" },
-      { label: "Cerulean", value: "cerulean" },
-      { label: "Navy", value: "navy" }
-    ],
-    "green": [
-      { label: "Emerald", value: "emerald" },
-      { label: "Mint", value: "mint" },
-      { label: "Olive", value: "olive" }
-    ]
-  },
-  id: "typeahead-dynamic-options",
-}) %>
-
-
-<%= javascript_tag defer: "defer" do %>
-  document.addEventListener("pb-typeahead-kit-typeahead-dynamic-options-result-option-select", function(event) {
-    console.log('Single Option selected')
-    console.dir(event.detail)
-  })
-  document.addEventListener("pb-typeahead-kit-typeahead-dynamic-options-result-clear", function() {
-    console.log('All options cleared')
-  })
-<% end %>

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.md

@@ -1,5 +0,0 @@
-You can also set up a typeahead to render options dynamically based on input from a select. To achieve this:
-- The typeahead must have a unique `id`
-- Use the `search_context_selector` prop on the typeahead. The value here must match the id of the select so the Typeahead knows where to read the current "context" from.
-- Use `options_by_context` to pass in a hash whose keys match the possible values of your “context” select. Each key maps to an array of { label, value } objects. The typeahead automatically displays only the subset of options matching the current context.
-- Additionally, the optional `clear_on_context_change` prop controls whether the typeahead clears or not when a change happens in the linked select. This prop is set to true by default so that whenever a selection is made in the select, the Typeahead automatically clears its current input/selection.

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.html.erb

@@ -1,33 +0,0 @@
-<%= pb_rails("select", props: {
-  id:"color_context",
-  label: "Choose a Color",
-  name: "color_name_2",
-  options: [
-    { value: "red", value_text: "Red" },
-    { value: "blue", value_text: "Blue" },
-    { value: "green", value_text: "Green" }
-  ],
-}) %>
-
-<%= pb_rails("typeahead", props: {
-  label: "Pick a Shade",
-  search_context_selector: "color_context",
-  options_by_context: {
-    "red":  [
-      { label: "Scarlet", value: "scarlet" },
-      { label: "Mahogany", value: "mahogany" },
-      { label: "Crimson", value: "crimson" }
-    ],
-    "blue": [
-      { label: "Sky Blue", value: "sky" },
-      { label: "Cerulean", value: "cerulean" },
-      { label: "Navy", value: "navy" }
-    ],
-    "green": [
-      { label: "Emerald", value: "emerald" },
-      { label: "Mint", value: "mint" },
-      { label: "Olive", value: "olive" }
-    ]
-  },
-  search_term_minimum_length: 0,
-}) %>

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.md

@@ -1,3 +0,0 @@
-The dynamic rendering of options for the typeahead can also be achieved with a pure Rails implementation (not react rendered). For this implementation, use all the props as above with the following additions:
-
-- `search_term_minimum_length`: this sets the minimum input in the typeahead needed to display the dropdown. This is set to 3 by default. Set it to 0 for the dropdown to always display when the typeahead is interacted with.