playbook_ui 14.14.0.pre.alpha.play1853typeaheadreacthookform6373 → 14.14.0.pre.alpha.play1868dependencyremovallodash6413

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.14.0"
-  VERSION = "14.14.0.pre.alpha.play1853typeaheadreacthookform6373"
+  VERSION = "14.14.0.pre.alpha.play1868dependencyremovallodash6413"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.14.0.pre.alpha.play1853typeaheadreacthookform6373
+  version: 14.14.0.pre.alpha.play1868dependencyremovallodash6413
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-02-28 00:00:00.000000000 Z
+date: 2025-03-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -1202,14 +1202,21 @@ files:
 - app/pb_kits/playbook/pb_drawer/_drawer.tsx
 - app/pb_kits/playbook/pb_drawer/_drawer_context.tsx
 - app/pb_kits/playbook/pb_drawer/context.ts
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx
 - app/pb_kits/playbook/pb_drawer/docs/example.yml
 - app/pb_kits/playbook/pb_drawer/docs/index.js
@@ -1218,6 +1225,7 @@ files:
 - app/pb_kits/playbook/pb_drawer/drawer.test.jsx
 - app/pb_kits/playbook/pb_drawer/hooks/useBreakpoint.tsx
 - app/pb_kits/playbook/pb_drawer/hooks/useDrawerAnimation.tsx
+- app/pb_kits/playbook/pb_drawer/index.js
 - app/pb_kits/playbook/pb_dropdown/_dropdown.scss
 - app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
 - app/pb_kits/playbook/pb_dropdown/context/index.tsx
@@ -2125,10 +2133,13 @@ files:
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.html.erb
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.md
+- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.html.erb
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx
+- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.md
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional_react.md
 - app/pb_kits/playbook/pb_overlay/docs/example.yml
 - app/pb_kits/playbook/pb_overlay/docs/index.js
+- app/pb_kits/playbook/pb_overlay/index.js
 - app/pb_kits/playbook/pb_overlay/overlay.html.erb
 - app/pb_kits/playbook/pb_overlay/overlay.rb
 - app/pb_kits/playbook/pb_overlay/overlay.test.jsx
@@ -2487,6 +2498,7 @@ files:
 - app/pb_kits/playbook/pb_select/docs/_select_value_text_same.jsx
 - app/pb_kits/playbook/pb_select/docs/example.yml
 - app/pb_kits/playbook/pb_select/docs/index.js
+- app/pb_kits/playbook/pb_select/index.js
 - app/pb_kits/playbook/pb_select/select.html.erb
 - app/pb_kits/playbook/pb_select/select.rb
 - app/pb_kits/playbook/pb_select/select.test.js
@@ -3083,9 +3095,12 @@ files:
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.md
+- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.html.erb
+- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.md
+- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
@@ -3099,6 +3114,7 @@ files:
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/example.yml
 - app/pb_kits/playbook/pb_tooltip/docs/index.js
+- app/pb_kits/playbook/pb_tooltip/floating_ui.js
 - app/pb_kits/playbook/pb_tooltip/index.js
 - app/pb_kits/playbook/pb_tooltip/tooltip.html.erb
 - app/pb_kits/playbook/pb_tooltip/tooltip.rb
@@ -3154,8 +3170,6 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.md
@@ -3334,6 +3348,7 @@ files:
 - app/pb_kits/playbook/utilities/icons/envelope.svg
 - app/pb_kits/playbook/utilities/icons/spinner.svg
 - app/pb_kits/playbook/utilities/icons/times.svg
+- app/pb_kits/playbook/utilities/object.test.js
 - app/pb_kits/playbook/utilities/object.ts
 - app/pb_kits/playbook/utilities/props.ts
 - app/pb_kits/playbook/utilities/test-utils.js
@@ -3353,11 +3368,11 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-B0mEqUUF.js
-- dist/chunks/_weekday_stacked-77oCRlb0.js
+- dist/chunks/_typeahead-Dd8gkRY2.js
+- dist/chunks/_weekday_stacked-bhqmtN2l.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-D3us1bGD.js
-- dist/chunks/pb_form_validation-BpihMSOQ.js
+- dist/chunks/lib-Dzh-65PP.js
+- dist/chunks/pb_form_validation-1T09rwCG.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx

@@ -1,66 +0,0 @@
-import React from 'react'
-
-import { Typeahead, Title } from 'playbook-ui'
-import { useForm } from 'react-hook-form'
-
-const languages = [
-  { label: 'JavaScript', value: '1995', category: 'Web Development' },
-  { label: 'Python', value: '1991', category: 'General Purpose' },
-  { label: 'Java', value: '1995', category: 'Enterprise' },
-  { label: 'C++', value: '1985', category: 'Systems Programming' },
-  { label: 'Go', value: '2009', category: 'Systems Programming' },
-  { label: 'Rust', value: '2010', category: 'Systems Programming' },
-  { label: 'Swift', value: '2014', category: 'Mobile Development' },
-  { label: 'Kotlin', value: '2011', category: 'Mobile Development' },
-  { label: 'Ruby', value: '1995', category: 'Web Development' },
-  { label: 'PHP', value: '1995', category: 'Web Development' },
-]
-
-const colors = [
-  { label: 'Orange', value: '#FFA500' },
-  { label: 'Red', value: '#FF0000' },
-  { label: 'Green', value: '#00FF00' },
-  { label: 'Blue', value: '#0000FF' },
-]
-
-const TypeaheadReactHook = (props) => {
-  const { register, watch } = useForm()
-
-  const selectedLanguages = watch('languages')
-  const selectedColor = watch('color')
-
-  return (
-    <>
-      <Typeahead
-          isMulti
-          label="Multi Select Languages"
-          multiKit="language"
-          options={languages}
-          {...props}
-          {...register('languages')}
-      />
-      <Title 
-          size={4} 
-          text='Selected Languages' 
-      />
-      {selectedLanguages && selectedLanguages.map(language => (
-        <p key={language.label}>{`${language.label} - ${language.value} - ${language.category}`}</p>
-      ))}
-
-      <Typeahead
-          label="Colors"
-          marginTop="lg"
-          options={colors}
-          {...props}
-          {...register('color')}
-      />
-      <Title 
-          size={4} 
-          text='Selected Color' 
-      />
-      <p>{ selectedColor && `${selectedColor.label} - ${selectedColor.value}`}</p>
-    </>
-  )
-}
-
-export default TypeaheadReactHook

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

@@ -1 +0,0 @@
-You can pass `react-hook-form` props to the Typeahead kit.