playbook_ui_docs 14.21.2.pre.alpha.PLAY22558410 → 14.22.0.pre.alpha.PLAY2207preservesearchinputrails8526

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '08a94a6085bc1f5ee206581d3332ddd579a4b73d20d8f9c9a170e64baaf308f7'
-  data.tar.gz: 63310bbd92bbd291aa484d784c8d0dbe22665502d9a3739b835024f67433c719
+  metadata.gz: e0a8670cfd55da11802b8602697c5614608984bb2958fdca5ef0af34237b465f
+  data.tar.gz: 7886f93a35d6c04bb964b577ee1a3353efff2fe11f904bbceee36c22c00c3fdf
 SHA512:
-  metadata.gz: 37de6ed182395dcdee05998682e54b2ccc2d29ecebf832832a199f4b6005ca6f74a2e7bee5914b91a0bd095ceac438ed82a1a739900a1acfc2217675a9ac5485
-  data.tar.gz: 1c14e87c74d65af5f759d968e5d721effdc6881a2d663c48d27ed9f2992b6810d388ad24e2b10b0d0ad609c4acc8154adeeeea34f40d2ae0f0da003950699589
+  metadata.gz: 4450928ce7e8138bf02d8dbb3517f4a7823f6013e1c0fb3a43edef64a5ee3860ca2d0d736edb9c01503c1297ff02e47c3e3262d2dedc1968d7cd59bbeef4948d
+  data.tar.gz: 920407260790539fd1886f3fd930730633fc9b8f4271755fcbfbcbd66ebe527755c842e80fd7346358b3d260712dde3fb8bde0c05dc06ce1b5037514912c0d25

data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open.jsx

@@ -0,0 +1,25 @@
+import React from 'react'
+import Button from '../../pb_button/_button'
+import Tooltip from '../_tooltip'
+import Flex from '../../pb_flex/_flex'
+
+const TooltipClickOpen = (props) => {
+  return (
+    <Flex flexDirection='row'
+        gap='md'
+        wrap
+    >
+      <Tooltip
+          placement='top'
+          text='Tooltip Opened'
+          useClickToOpen
+          zIndex={10}
+          {...props}
+      >
+        <Button text='Click to Open' />
+      </Tooltip>
+    </Flex>
+  )
+}
+
+export default TooltipClickOpen

data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_click_open.md

@@ -0,0 +1 @@
+Set the prop `useClickToOpen` so that the tooltip will only appear when an item is clicked rather than hovered over.

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

@@ -18,3 +18,4 @@ examples:
   - tooltip_icon: Tooltip with Icon
   - tooltip_delay: Delay
   - tooltip_show_tooltip_react: Show Tooltip
+  - tooltip_click_open: Click to Open

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

@@ -5,3 +5,4 @@ export { default as TooltipSizing } from './_tooltip_sizing'
 export { default as TooltipIcon } from './_tooltip_icon'
 export { default as TooltipDelay } from './_tooltip_delay'
 export { default as TooltipShowTooltipReact } from './_tooltip_show_tooltip_react'
+export { default as TooltipClickOpen } from './_tooltip_click_open'

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

@@ -0,0 +1,17 @@
+<%
+  options = [
+    { label: 'Orange', value: '#FFA500' },
+    { label: 'Red', value: '#FF0000' },
+    { label: 'Green', value: '#00FF00' },
+    { label: 'Blue', value: '#0000FF' },
+  ]
+%>
+
+<%= pb_rails("typeahead", props: {
+    is_multi: false,
+    label: "Colors",
+    options: options,
+    placeholder: "Select...",
+    preserve_search_input: true,
+  })
+%>

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

@@ -0,0 +1 @@
+By default, text is not preserved in the typeahead kit when you click off of the input field. You can utilize the `preserve_search_input` prop in order to prevent text from being cleared when the field loses focus

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

@@ -15,6 +15,7 @@ examples:
     - typeahead_dynamic_options: Dynamic Options
     - typeahead_dynamic_options_pure_rails: Dynamic Options (Pure Rails)
     - typeahead_disabled: Disabled
+    - typeahead_preserve_input: Preserve Search Input
 
   react:
     - typeahead_default: Default