playbook_ui_docs 15.4.0.pre.alpha.play254712379 → 15.4.0.pre.alpha.revert5471PLAY2622richtexteditortiptaponlyrails12345
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_progress_step/docs/_description.md +5 -1
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb +1 -4
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx +3 -14
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb +7 -1
- data/app/pb_kits/playbook/pb_progress_step/docs/example.yml +0 -3
- data/app/pb_kits/playbook/pb_progress_step/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb +2 -10
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb +11 -19
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.html.erb +1 -5
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.html.erb +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +2 -2
- data/dist/playbook-doc.js +19 -1
- metadata +2 -13
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.html.erb +0 -14
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.jsx +0 -29
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.md +0 -3
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.jsx +0 -31
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.md +0 -1
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.md +0 -3
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.md +0 -3
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.md +0 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default_rails.md +0 -7
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline_rails.md +0 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky_rails.md +0 -1
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui_docs
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 15.4.0.pre.alpha.
|
|
4
|
+
version: 15.4.0.pre.alpha.revert5471PLAY2622richtexteditortiptaponlyrails12345
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Power UX
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2025-11-
|
|
12
|
+
date: 2025-11-13 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: playbook_ui
|
|
@@ -1897,23 +1897,15 @@ files:
|
|
|
1897
1897
|
- app/pb_kits/playbook/pb_progress_simple/docs/example.yml
|
|
1898
1898
|
- app/pb_kits/playbook/pb_progress_simple/docs/index.js
|
|
1899
1899
|
- app/pb_kits/playbook/pb_progress_step/docs/_description.md
|
|
1900
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.html.erb
|
|
1901
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.jsx
|
|
1902
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.md
|
|
1903
1900
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.html.erb
|
|
1904
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.jsx
|
|
1905
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.md
|
|
1906
1901
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb
|
|
1907
1902
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx
|
|
1908
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.md
|
|
1909
1903
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tooltip.html.erb
|
|
1910
1904
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.html.erb
|
|
1911
1905
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.jsx
|
|
1912
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.md
|
|
1913
1906
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker_click_events.jsx
|
|
1914
1907
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb
|
|
1915
1908
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx
|
|
1916
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.md
|
|
1917
1909
|
- app/pb_kits/playbook/pb_progress_step/docs/example.yml
|
|
1918
1910
|
- app/pb_kits/playbook/pb_progress_step/docs/index.js
|
|
1919
1911
|
- app/pb_kits/playbook/pb_radio/docs/_description.md
|
|
@@ -1965,12 +1957,10 @@ files:
|
|
|
1965
1957
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx
|
|
1966
1958
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.html.erb
|
|
1967
1959
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx
|
|
1968
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default_rails.md
|
|
1969
1960
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb
|
|
1970
1961
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx
|
|
1971
1962
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.html.erb
|
|
1972
1963
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.jsx
|
|
1973
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline_rails.md
|
|
1974
1964
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.jsx
|
|
1975
1965
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.md
|
|
1976
1966
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb
|
|
@@ -1979,7 +1969,6 @@ files:
|
|
|
1979
1969
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.jsx
|
|
1980
1970
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.html.erb
|
|
1981
1971
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.jsx
|
|
1982
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky_rails.md
|
|
1983
1972
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.html.erb
|
|
1984
1973
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.jsx
|
|
1985
1974
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.html.erb
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
<br><br>
|
|
2
|
-
<%= pb_rails("progress_step",props:{ variant:"tracker", icon:true, color: "info"}) do %>
|
|
3
|
-
<%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
|
|
4
|
-
<%= pb_rails("caption", props:{text: "Ordered"})%>
|
|
5
|
-
<% end %>
|
|
6
|
-
<%= pb_rails("progress_step/progress_step_item", props: {status: "active"}) do %>
|
|
7
|
-
<%= pb_rails("caption", props:{text: "Shipped"})%>
|
|
8
|
-
<% end %>
|
|
9
|
-
<%= pb_rails("progress_step/progress_step_item", props: {status: "inactive"}) do %>
|
|
10
|
-
<%= pb_rails("caption", props:{text: "Delivered"})%>
|
|
11
|
-
<% end %>
|
|
12
|
-
<% end %>
|
|
13
|
-
|
|
14
|
-
<br>
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import ProgressStep from '../_progress_step.tsx'
|
|
4
|
-
import ProgressStepItem from '../_progress_step_item.tsx'
|
|
5
|
-
import Caption from '../../pb_caption/_caption'
|
|
6
|
-
|
|
7
|
-
const ProgressStepColor = (props) => (
|
|
8
|
-
<div>
|
|
9
|
-
<br />
|
|
10
|
-
<ProgressStep
|
|
11
|
-
color="info"
|
|
12
|
-
icon
|
|
13
|
-
variant="tracker"
|
|
14
|
-
{...props}
|
|
15
|
-
>
|
|
16
|
-
<ProgressStepItem status="complete">
|
|
17
|
-
<Caption>{'Ordered'}</Caption>
|
|
18
|
-
</ProgressStepItem>
|
|
19
|
-
<ProgressStepItem status="active">
|
|
20
|
-
<Caption>{'Shipped'}</Caption>
|
|
21
|
-
</ProgressStepItem>
|
|
22
|
-
<ProgressStepItem status="inactive">
|
|
23
|
-
<Caption>{'Delivered'}</Caption>
|
|
24
|
-
</ProgressStepItem>
|
|
25
|
-
</ProgressStep>
|
|
26
|
-
</div>
|
|
27
|
-
)
|
|
28
|
-
|
|
29
|
-
export default ProgressStepColor
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import ProgressStep from '../_progress_step.tsx'
|
|
4
|
-
import ProgressStepItem from '../_progress_step_item.tsx'
|
|
5
|
-
import Caption from '../../pb_caption/_caption'
|
|
6
|
-
|
|
7
|
-
const ProgressStepCustomIcon = (props) => (
|
|
8
|
-
<div>
|
|
9
|
-
<br />
|
|
10
|
-
<ProgressStep
|
|
11
|
-
icon
|
|
12
|
-
variant="tracker"
|
|
13
|
-
{...props}
|
|
14
|
-
>
|
|
15
|
-
<ProgressStepItem status="complete">
|
|
16
|
-
<Caption>{'Ordered'}</Caption>
|
|
17
|
-
</ProgressStepItem>
|
|
18
|
-
<ProgressStepItem
|
|
19
|
-
icon="exclamation-triangle"
|
|
20
|
-
status="active"
|
|
21
|
-
>
|
|
22
|
-
<Caption>{'Shipped'}</Caption>
|
|
23
|
-
</ProgressStepItem>
|
|
24
|
-
<ProgressStepItem status="inactive">
|
|
25
|
-
<Caption>{'Delivered'}</Caption>
|
|
26
|
-
</ProgressStepItem>
|
|
27
|
-
</ProgressStep>
|
|
28
|
-
</div>
|
|
29
|
-
)
|
|
30
|
-
|
|
31
|
-
export default ProgressStepCustomIcon
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Custom icons can also be set for individual steps. Simply use the `icon` prop for the relevant `ProgressStepItem`/`progress_step_item` as shown here.
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
The `variant` prop can be set to `tracker` to achieve this UI. Tracker is only available with the horizontal orientation and it is also recommended that you set the `icon` prop to true for this variant.
|
|
2
|
-
|
|
3
|
-
This variant takes children just like the default progress step, however, it is best to use the caption kit for children in this variant.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
`orientation` can also be set to `vertical` as shown here. By default, this is set to `horizontal`.
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
The Rails RichTextEditor is a React-Rendered-Rails component that uses [Tiptap](https://tiptap.dev/) and requires the following packages to be installed in your project:
|
|
2
|
-
|
|
3
|
-
- `@tiptap/react`
|
|
4
|
-
- `@tiptap/starter-kit`
|
|
5
|
-
- `@tiptap/extension-link`
|
|
6
|
-
|
|
7
|
-
Once installed, the editor is initialized automatically when you use the component. Unlike the [React Advanced RichTextEditor](https://playbook.powerapp.cloud/kits/rich_text_editor/react#advanced-default) variant, [custom extensions](https://playbook.powerapp.cloud/kits/rich_text_editor/react#advanced-extra-extensions) are not currently supported. The doc examples below showcase some preset prop-enabled Rails RichTextEditor customizations.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
When the optional `inline` prop is set to true, the editor borders and the toolbar will only be visible when hovered or focused on.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Use the optional `sticky` prop to make the toolbar sticky on scroll.
|