playbook_ui_docs 16.5.0.pre.alpha.RTEPOC15779 → 16.5.0.pre.alpha.play289915580

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: daff09d10222b547b82f212e8dbb9ceeef8b1bbfd0415193a0ece5c353c6c374
-  data.tar.gz: cb0302b29bdcbd23442d3cd9650c6b13bd7a41bc769c9ceb37b7a5ddd147300a
+  metadata.gz: 29cbd523cb1bad7a1cbb4228e03bbb3a2f93e62a66ba38b98cf33f868a98b081
+  data.tar.gz: 33109356ae9f6417a9c8fa87d676ce9192d474bf1ec81d5e0c75ffe743800fd0
 SHA512:
-  metadata.gz: a515afc8cf6b109a416ca443dcd730147f79a25318d40217f7b2f5062d484f7b30067e70324ceff778c1973a58191a7d46b1f3ddc52d1c0b5f6068a527e334b5
-  data.tar.gz: 700b0d3be286512d07a3d420887e143b1224740ea782845b0b27f3070ec42341d22ec04fbfe3f4785aeabd8af9750de2f95930d68cd3681faad6b22e32617e4a
+  metadata.gz: c89933f815c971a54956e5f074a646544e71f8772c204f174cb753a6ea33ff6e878c3cc3bc1c081b0c724495e264bc85e91371259b3f4ee25672a742cfee5b3d
+  data.tar.gz: 289b94b5d7a169503a409738cb4ba207495c48dbc01a0785b7628a1138257a9f62ee671fac75a3533d162b439e205c4747dbc7d397bd9ce6ef171b7f79b4946b

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

@@ -66,4 +66,3 @@ examples:
   - date_picker_positions: Custom Positions
   - date_picker_positions_element: Custom Position (based on element)
   - date_picker_required_indicator: Required Indicator
-  - date_picker_dialog_submission: Dialog Form Submission

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

@@ -29,4 +29,3 @@ export { default as DatePickerQuickPickDefaultDate } from './_date_picker_quick_
 export { default as DatePickerRangePattern } from './_date_picker_range_pattern'
 export { default as DatePickerAndDropdownRange } from './_date_picker_and_dropdown_range.jsx'
 export { default as DatePickerRequiredIndicator } from "./_date_picker_required_indicator.jsx";
-export { default as DatePickerDialogSubmission } from "./_date_picker_dialog_submission.jsx";

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

@@ -1,8 +1,6 @@
 examples:
 
   rails:
-  - rich_text_editor_rails_default: "Rails (TipTap)"
-  - rich_text_editor_rails_simple: "Rails (TipTap — Simple toolbar)"
 
   react:
   - rich_text_editor_advanced_default: Advanced Default

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

@@ -11,7 +11,6 @@ examples:
     - typeahead_with_pills_async_users: With Pills (Async Data w/ Users)
     - typeahead_inline: Inline
     - typeahead_multi_kit: Multi Kit Options
-    - typeahead_createable: Createable
     - typeahead_error_state: Error State
     - typeahead_margin_bottom: Margin Bottom
     - typeahead_with_pills_color: With Pills (Custom Color)

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 16.5.0.pre.alpha.RTEPOC15779
+  version: 16.5.0.pre.alpha.play289915580
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-04-15 00:00:00.000000000 Z
+date: 2026-04-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -600,8 +600,6 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.md
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dialog_submission.jsx
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dialog_submission.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb
@@ -2002,10 +2000,6 @@ files:
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.md
-- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_default.html.erb
-- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_default.md
-- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_simple.html.erb
-- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_simple.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml
@@ -2631,9 +2625,7 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_description.md
 - app/pb_kits/playbook/pb_typeahead/docs/_footer.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.jsx

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dialog_submission.jsx

@@ -1,62 +0,0 @@
-import React, { useState } from "react";
-import { Button, Dialog, DatePicker } from "playbook-ui";
-
-const DatePickerDialogSubmission = () => {
-    const [isOpen, setIsOpen] = useState(false);
-    const [dateFixed, setDateFixed] = useState("");
-    const [pickerInstance, setPickerInstance] = useState(0);
-
-    const close = (clearDate = false) => {
-        if (clearDate) setDateFixed("");
-        setIsOpen(false);
-    };
-
-    const open = () => {
-        setPickerInstance((current) => current + 1);
-        setIsOpen(true);
-    };
-
-    const handleSubmit = () => {
-        if (!dateFixed.trim()) return;
-        close();
-    };
-
-    return (
-        <>
-            <Button 
-                onClick={open} 
-                text="Open Dialog" 
-            />
-            <Dialog
-                onClose={() => close(true)}
-                opened={isOpen}
-                size="md"
-                title="Date Picker: Dialog Submission Example"
-            >
-                <Dialog.Body>
-                    <DatePicker
-                        defaultDate={dateFixed || undefined}
-                        key={`fixed-${pickerInstance}`}
-                        label="Date"
-                        onChange={(dateStr) => setDateFixed(dateStr || "")}
-                        pickerId={`datePickerFixed-${pickerInstance}`}
-                        staticPosition={false}
-                    />
-                </Dialog.Body>
-                <Dialog.Footer>
-                    <Button 
-                        onClick={handleSubmit}
-                        text="Submit"
-                    />
-                    <Button 
-                        onClick={() => close(true)} 
-                        text="Cancel" 
-                        variant="link" 
-                    />
-                </Dialog.Footer>
-            </Dialog>
-        </>
-    );
-};
-
-export default DatePickerDialogSubmission;

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dialog_submission.md

@@ -1 +0,0 @@
-Use this pattern when a DatePicker lives inside a Dialog and needs to submit a selected value before closing. A unique `key` and `pickerId` will force the datePicker to remount each time the dialog opens.  

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_default.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("rich_text_editor", props: { input_options: { id: 'hidden_input_id', name: "hidden_input_name" }, value: "Add your text here. You can format your text, add links, quotes, and bullets." }) %>

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_default.md

@@ -1,16 +0,0 @@
-The Rails rich text editor is a TipTap surface with no React. The UI (toolbar, block-style menu, formatting actions) is rendered with Playbook Rails kits (`pb_rails`). The editor document is a vanilla TipTap `Editor` instance; HTML is synced to a hidden `<input>` so standard Rails forms can submit the value.
-
-### How TipTap is loaded (Rails)
-
-- The kit ships an `importmap` in the ERB template that maps `@tiptap/*` and ProseMirror packages to ES module URLs on a CDN (see `rich_text_editor.html.erb`). A small `type="module"` script `import()`s `@tiptap/core`, `@tiptap/starter-kit`, `@tiptap/extension-link`, and related modules at runtime.
-- You do not need to add TipTap to your app’s npm dependencies or Gemfile for this kit to work out of the box—the browser loads those modules from the CDN when the page runs.
-- Your app must support import maps and ES modules in the browser (modern browsers; ensure CSP allows the CDN if you lock scripts down).
-
-### Relation to the React implementation
-
-- Same core: both use TipTap v2 on top of ProseMirror; styling lives in Playbook SCSS (`_tiptap_styles.scss`) so the editor chrome lines up between platforms.
-- Different shell: Rails uses ERB + Playbook Rails components + inline module script. React uses `RichTextEditor` / `_tiptap_editor.tsx` and TipTap wired through the bundled Playbook React package—see Advanced Default for that stack and when you need TipTap installed in your JavaScript bundle.
-
-### Simple toolbar (`simple: true`)
-
-**Bold**, **Italic**, **Undo**, and **Redo** only (no block dropdown / Popover). See the **Rails (TipTap — Simple toolbar)** example.

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_simple.html.erb

@@ -1,9 +0,0 @@
-<%= pb_rails("rich_text_editor", props: {
-  simple: true,
-  label: "Notes",
-  input_options: {
-    id: "rails_rte_simple_demo",
-    name: "content",
-  },
-  value: "<p>Use <strong>Bold</strong> and <em>Italic</em> from the toolbar.</p>",
-}) %>

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_simple.md

@@ -1,12 +0,0 @@
-### Simple toolbar (`simple: true`)
-
-Pass **`simple: true`** for a compact toolbar: **Bold**, **Italic**, **Undo**, and **Redo** (same history controls as the full toolbar—plain buttons, not popovers).
-
-- No block-style dropdown (no “Paragraph” / headings / lists in the menu).
-- No **`pb_popover`** on the toolbar—useful in **native `<dialog>`** modals, turbo-loaded panels, or other tight layouts where the full block menu is awkward to position.
-
-The underlying TipTap document still accepts the same HTML as the default Rails editor; `simple` only changes which **toolbar controls** are shown.
-
-### When to use the default instead
-
-Keep the **default** toolbar (omit `simple` or pass `simple: false`) when you need the block-style menu, strikethrough, code block, and link actions in the chrome.

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

@@ -1,29 +0,0 @@
-<%
-  options = [
-    { label: 'Orange', value: '#FFA500' },
-    { label: 'Red', value: '#FF0000' },
-    { label: 'Green', value: '#00FF00' },
-    { label: 'Blue', value: '#0000FF' },
-  ]
-%>
-
-<%= pb_rails("typeahead", props: {
-    id: "typeahead-creatable",
-    placeholder: "All Colors",
-    options: options,
-    label: "Colors",
-    name: :foo,
-    createable: true,
-    pills: true,
-  })
-%>
-
-<%= javascript_tag defer: "defer" do %>
-  document.addEventListener("pb-typeahead-kit-typeahead-creatable-result-option-select", function(event) {
-    console.log('Single Option selected')
-    console.dir(event.detail)
-  })
-  document.addEventListener("pb-typeahead-kit-typeahead-creatable-result-clear", function() {
-    console.log('All options cleared')
-  })
-<% end %>

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

@@ -1 +0,0 @@
-The `createable` prop allows users to create new options by typing a value that doesn't exist in the options list.