playbook_ui 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/_progress_step.scss +262 -384
- 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_progress_step/progress_step.test.js +0 -41
- data/app/pb_kits/playbook/pb_rich_text_editor/TipTap/Toolbar.tsx +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx +8 -61
- 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/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.rb +7 -16
- data/dist/chunks/{_line_graph-8BUASxIP.js → _line_graph-DDvq7zE7.js} +1 -1
- data/dist/chunks/_typeahead-D2bVH5Fk.js +6 -0
- data/dist/chunks/{_weekday_stacked-EQMaMJvC.js → _weekday_stacked-DB8t2C4f.js} +1 -1
- data/dist/chunks/{lib-CzQFzKzw.js → lib-COXg9aPA.js} +1 -1
- data/dist/chunks/{pb_form_validation-Bf9TK15t.js → pb_form_validation-DR765aoq.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +19 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +7 -18
- 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
- data/dist/chunks/_typeahead-DESMSfUO.js +0 -24
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui
|
|
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: actionpack
|
|
@@ -2733,23 +2733,15 @@ files:
|
|
|
2733
2733
|
- app/pb_kits/playbook/pb_progress_step/_progress_step.tsx
|
|
2734
2734
|
- app/pb_kits/playbook/pb_progress_step/_progress_step_item.tsx
|
|
2735
2735
|
- app/pb_kits/playbook/pb_progress_step/docs/_description.md
|
|
2736
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.html.erb
|
|
2737
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.jsx
|
|
2738
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.md
|
|
2739
2736
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.html.erb
|
|
2740
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.jsx
|
|
2741
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.md
|
|
2742
2737
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb
|
|
2743
2738
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx
|
|
2744
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.md
|
|
2745
2739
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tooltip.html.erb
|
|
2746
2740
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.html.erb
|
|
2747
2741
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.jsx
|
|
2748
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.md
|
|
2749
2742
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker_click_events.jsx
|
|
2750
2743
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb
|
|
2751
2744
|
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx
|
|
2752
|
-
- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.md
|
|
2753
2745
|
- app/pb_kits/playbook/pb_progress_step/docs/example.yml
|
|
2754
2746
|
- app/pb_kits/playbook/pb_progress_step/docs/index.js
|
|
2755
2747
|
- app/pb_kits/playbook/pb_progress_step/progress_step.html.erb
|
|
@@ -2825,12 +2817,10 @@ files:
|
|
|
2825
2817
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx
|
|
2826
2818
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.html.erb
|
|
2827
2819
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx
|
|
2828
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default_rails.md
|
|
2829
2820
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb
|
|
2830
2821
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx
|
|
2831
2822
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.html.erb
|
|
2832
2823
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.jsx
|
|
2833
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline_rails.md
|
|
2834
2824
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.jsx
|
|
2835
2825
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.md
|
|
2836
2826
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb
|
|
@@ -2839,7 +2829,6 @@ files:
|
|
|
2839
2829
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.jsx
|
|
2840
2830
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.html.erb
|
|
2841
2831
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.jsx
|
|
2842
|
-
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky_rails.md
|
|
2843
2832
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.html.erb
|
|
2844
2833
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.jsx
|
|
2845
2834
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.html.erb
|
|
@@ -3840,13 +3829,13 @@ files:
|
|
|
3840
3829
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
|
3841
3830
|
- app/pb_kits/playbook/utilities/text.ts
|
|
3842
3831
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
|
3843
|
-
- dist/chunks/_line_graph-
|
|
3844
|
-
- dist/chunks/_typeahead-
|
|
3845
|
-
- dist/chunks/_weekday_stacked-
|
|
3832
|
+
- dist/chunks/_line_graph-DDvq7zE7.js
|
|
3833
|
+
- dist/chunks/_typeahead-D2bVH5Fk.js
|
|
3834
|
+
- dist/chunks/_weekday_stacked-DB8t2C4f.js
|
|
3846
3835
|
- dist/chunks/componentRegistry-DzmmLR2x.js
|
|
3847
3836
|
- dist/chunks/lazysizes-B7xYodB-.js
|
|
3848
|
-
- dist/chunks/lib-
|
|
3849
|
-
- dist/chunks/pb_form_validation-
|
|
3837
|
+
- dist/chunks/lib-COXg9aPA.js
|
|
3838
|
+
- dist/chunks/pb_form_validation-DR765aoq.js
|
|
3850
3839
|
- dist/chunks/vendor.js
|
|
3851
3840
|
- dist/menu.yml
|
|
3852
3841
|
- dist/playbook-doc.js
|
|
@@ -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.
|