playbook_ui_docs 16.7.0.pre.alpha.tablewidths16409 → 16.7.0.pre.rc.0

data/app/pb_kits/playbook/pb_file_upload/docs/_playground.overrides.json

@@ -1,99 +0,0 @@
-{
-  "defaults": {
-    "accept": {},
-    "dark": false
-  },
-  "hiddenProps": [
-    "fileRejections",
-    "getInputProps",
-    "getRootProps",
-    "isDragActive",
-    "onFilesAccepted",
-    "onFilesRejected"
-  ],
-  "groups": [
-    {
-      "name": "Guidance",
-      "props": ["customMessage", "accept", "acceptedFilesDescription", "maxSize"]
-    },
-    {
-      "name": "State",
-      "props": ["error", "dark"]
-    }
-  ],
-  "presets": [
-    {
-      "name": "Default",
-      "props": {}
-    },
-    {
-      "name": "Accepted Types",
-      "props": {
-        "accept": {
-          "image/svg+xml": [".svg", ".xml"]
-        }
-      }
-    },
-    {
-      "name": "Custom Description",
-      "props": {
-        "accept": {
-          "application/pdf": [".pdf"],
-          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": [".xlsx"]
-        },
-        "acceptedFilesDescription": "Adobe (.pdf) and Microsoft (.xlsx)"
-      }
-    },
-    {
-      "name": "Custom Message",
-      "props": {
-        "customMessage": "Playbook is awesome!"
-      }
-    },
-    {
-      "name": "Max File Size",
-      "props": {
-        "accept": {
-          "application/pdf": [".pdf"]
-        },
-        "maxSize": 1000000
-      }
-    },
-    {
-      "name": "Error State",
-      "props": {
-        "error": "Please upload a valid file"
-      }
-    }
-  ],
-  "conditionals": {
-    "acceptedFilesDescription": { "requires": "accept" }
-  },
-  "hints": {
-    "accepted_types_info": {
-      "presetName": "Accepted Types",
-      "message": "Use MIME-type keys with extension arrays for accept, for example { image/svg+xml: ['.svg', '.xml'] }.",
-      "type": "info"
-    },
-    "custom_description_info": {
-      "presetName": "Custom Description",
-      "message": "acceptedFilesDescription only changes the helper copy. File validation still comes from the accept object.",
-      "type": "info"
-    },
-    "custom_message_info": {
-      "presetName": "Custom Message",
-      "message": "customMessage replaces the built-in guidance, including accepted types and max file size text.",
-      "type": "info"
-    },
-    "max_size_info": {
-      "presetName": "Max File Size",
-      "message": "maxSize is measured in bytes. In app code, pair it with onFilesRejected to surface rejection details.",
-      "type": "warning"
-    },
-    "error_state_info": {
-      "presetName": "Error State",
-      "message": "Use the error prop for validation or server feedback below the dropzone.",
-      "type": "info"
-    }
-  }
-}

data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.html.erb

@@ -1,5 +0,0 @@
-<%= pb_rails("phone_number_input", props: {
-  id: "phone_number_input_show_placeholder",
-  label: "Phone Number",
-  show_placeholder: true,
-}) %>

data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.jsx

@@ -1,14 +0,0 @@
-import React from 'react'
-import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
-
-const PhoneNumberInputShowPlaceholder = (props) => (
-    <>
-        <PhoneNumberInput
-            id='phone_number_input_show_placeholder'
-            label='Phone Number'
-            showPlaceholder
-            {...props} />
-    </>
-)
-
-export default PhoneNumberInputShowPlaceholder

data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_show_placeholder.md

@@ -1,3 +0,0 @@
-The `showPlaceholder`/`show_placeholder` prop enables the country-specific example placeholder in the phone input.
-
-By default, the Phone Number Input does not show a placeholder. When enabled, the placeholder appears while the field is empty and unfocused, hides on focus, and returns on blur if no value is entered.

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,12 +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’s module script (`rich_text_editor_rails.js`) uses `import()` with **full URLs** on [esm.sh](https://esm.sh) (e.g. `@tiptap/core@2.8.0`). esm.sh resolves dependencies server-side, so **no `<script type="importmap">`** is required—this avoids conflicts when the host page already has an import map (e.g. Vite in dev, or another app map) because Firefox only applies one native map.
-- You do not need TipTap in your app’s npm dependencies or Gemfile for this kit; the browser loads modules from esm.sh when the page runs.
-- Ensure **CSP** allows loading scripts from `https://esm.sh` (and esm.sh’s redirected module URLs) if you use a strict `script-src` / `connect-src`.
-
-### 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.

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,8 +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.