playbook_ui 16.1.0.pre.alpha.play2712navkitadddisabledstatecollapsible13821 → 16.1.0.pre.alpha.play2724typeaheadindicator13970

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.
Files changed (116) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_checkbox/_checkbox.scss +1 -1
  3. data/app/pb_kits/playbook/pb_checkbox/_checkbox.tsx +17 -0
  4. data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb +10 -1
  5. data/app/pb_kits/playbook/pb_checkbox/checkbox.rb +2 -0
  6. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_required_indicator.html.erb +6 -0
  7. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_required_indicator.jsx +17 -0
  8. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_required_indicator.md +3 -0
  9. data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +2 -0
  10. data/app/pb_kits/playbook/pb_checkbox/docs/index.js +1 -0
  11. data/app/pb_kits/playbook/pb_dialog/_dialog.scss +8 -6
  12. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +6 -0
  13. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +37 -2
  14. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_rails.md +3 -0
  15. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_react.md +3 -0
  16. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.html.erb +52 -0
  17. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.jsx +72 -0
  18. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.md +5 -0
  19. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height.jsx +33 -0
  20. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.html.erb +20 -0
  21. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.md +8 -0
  22. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_react.md +8 -0
  23. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.html.erb +9 -0
  24. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.jsx +33 -0
  25. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.md +3 -0
  26. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +6 -0
  27. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +4 -1
  28. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +2 -2
  29. data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +6 -0
  30. data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +94 -0
  31. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.rb +5 -1
  32. data/app/pb_kits/playbook/pb_dropdown/index.js +59 -4
  33. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx +3 -0
  34. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx +2 -1
  35. data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.tsx +1 -1
  36. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb +2 -2
  37. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +16 -9
  38. data/app/pb_kits/playbook/pb_filter/filter.rb +2 -2
  39. data/app/pb_kits/playbook/pb_form/docs/_form_with_required_indicator.html.erb +5 -2
  40. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.html.erb +5 -5
  41. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx +4 -4
  42. data/app/pb_kits/playbook/pb_form_pill/form_pill.rb +4 -0
  43. data/app/pb_kits/playbook/pb_nav/_item.tsx +1 -5
  44. data/app/pb_kits/playbook/pb_nav/_nav.scss +1 -27
  45. data/app/pb_kits/playbook/pb_nav/docs/example.yml +0 -2
  46. data/app/pb_kits/playbook/pb_nav/docs/index.js +1 -2
  47. data/app/pb_kits/playbook/pb_nav/item.rb +2 -7
  48. data/app/pb_kits/playbook/pb_passphrase/_passphrase.tsx +20 -5
  49. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.jsx +1 -0
  50. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.html.erb +7 -0
  51. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.jsx +24 -0
  52. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.md +3 -0
  53. data/app/pb_kits/playbook/pb_passphrase/docs/example.yml +2 -0
  54. data/app/pb_kits/playbook/pb_passphrase/docs/index.js +1 -0
  55. data/app/pb_kits/playbook/pb_passphrase/passphrase.rb +2 -0
  56. data/app/pb_kits/playbook/pb_passphrase/passphrase.test.jsx +30 -1
  57. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +3 -0
  58. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.html.erb +5 -0
  59. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.jsx +14 -0
  60. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.md +3 -0
  61. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +2 -0
  62. data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +1 -0
  63. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb +3 -0
  64. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.test.js +34 -3
  65. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx +4 -3
  66. data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +0 -1
  67. data/app/pb_kits/playbook/pb_text_input/text_input.html.erb +10 -10
  68. data/app/pb_kits/playbook/pb_typeahead/_typeahead.test.jsx +24 -1
  69. data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +412 -324
  70. data/app/pb_kits/playbook/pb_typeahead/components/Control.tsx +2 -0
  71. data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +4 -1
  72. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_required_indicator.html.erb +16 -0
  73. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_required_indicator.jsx +23 -0
  74. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_required_indicator.md +3 -0
  75. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb +1 -1
  76. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx +1 -1
  77. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +2 -0
  78. data/app/pb_kits/playbook/pb_typeahead/docs/index.js +22 -21
  79. data/app/pb_kits/playbook/pb_typeahead/typeahead.html.erb +3 -2
  80. data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +7 -1
  81. data/dist/chunks/{_pb_line_graph-BgKF_zz1.js → _pb_line_graph-CFpRBk64.js} +1 -1
  82. data/dist/chunks/_typeahead-D2EbYcmG.js +1 -0
  83. data/dist/chunks/{globalProps-BhVYCqRf.js → globalProps-CXOg_9fx.js} +1 -1
  84. data/dist/chunks/lib-DTxpoePf.js +29 -0
  85. data/dist/chunks/vendor.js +2 -2
  86. data/dist/playbook-rails-react-bindings.js +1 -1
  87. data/dist/playbook-rails.js +1 -1
  88. data/dist/playbook.css +1 -1
  89. data/lib/playbook/align_content.rb +13 -3
  90. data/lib/playbook/align_items.rb +13 -3
  91. data/lib/playbook/align_self.rb +13 -3
  92. data/lib/playbook/display.rb +5 -0
  93. data/lib/playbook/flex.rb +13 -3
  94. data/lib/playbook/flex_direction.rb +13 -3
  95. data/lib/playbook/flex_grow.rb +13 -3
  96. data/lib/playbook/flex_shrink.rb +13 -3
  97. data/lib/playbook/flex_wrap.rb +13 -3
  98. data/lib/playbook/forms/builder/form_field_builder.rb +1 -1
  99. data/lib/playbook/forms/builder/phone_number_field.rb +9 -0
  100. data/lib/playbook/forms/builder/typeahead_field.rb +15 -1
  101. data/lib/playbook/forms/builder.rb +2 -2
  102. data/lib/playbook/justify_content.rb +13 -3
  103. data/lib/playbook/justify_self.rb +13 -3
  104. data/lib/playbook/order.rb +13 -3
  105. data/lib/playbook/spacing.rb +39 -9
  106. data/lib/playbook/text_align.rb +13 -3
  107. data/lib/playbook/truncate.rb +1 -1
  108. data/lib/playbook/version.rb +1 -1
  109. data/lib/playbook/vertical_align.rb +13 -3
  110. data/lib/playbook/z_index.rb +5 -0
  111. metadata +30 -9
  112. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_disabled_item.html.erb +0 -24
  113. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_disabled_item.jsx +0 -89
  114. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_rows.jsx +0 -67
  115. data/dist/chunks/_typeahead-BvrkfO0L.js +0 -1
  116. data/dist/chunks/lib-DD34ZrWL.js +0 -29
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: 16.1.0.pre.alpha.play2712navkitadddisabledstatecollapsible13821
4
+ version: 16.1.0.pre.alpha.play2724typeaheadindicator13970
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: 2026-01-26 00:00:00.000000000 Z
12
+ date: 2026-01-29 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -739,6 +739,9 @@ files:
739
739
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md
740
740
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx
741
741
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md
742
+ - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_required_indicator.html.erb
743
+ - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_required_indicator.jsx
744
+ - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_required_indicator.md
742
745
  - app/pb_kits/playbook/pb_checkbox/docs/_description.md
743
746
  - app/pb_kits/playbook/pb_checkbox/docs/example.yml
744
747
  - app/pb_kits/playbook/pb_checkbox/docs/index.js
@@ -1310,6 +1313,8 @@ files:
1310
1313
  - app/pb_kits/playbook/pb_dropdown/context/index.tsx
1311
1314
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.html.erb
1312
1315
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx
1316
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_rails.md
1317
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_react.md
1313
1318
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx
1314
1319
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.md
1315
1320
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx
@@ -1371,6 +1376,13 @@ files:
1371
1376
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb
1372
1377
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.jsx
1373
1378
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md
1379
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.html.erb
1380
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.jsx
1381
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.md
1382
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height.jsx
1383
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.html.erb
1384
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.md
1385
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_react.md
1374
1386
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options.jsx
1375
1387
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options_react.md
1376
1388
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx
@@ -1401,6 +1413,9 @@ files:
1401
1413
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb
1402
1414
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx
1403
1415
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md
1416
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.html.erb
1417
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.jsx
1418
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.md
1404
1419
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx
1405
1420
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.md
1406
1421
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb
@@ -2202,8 +2217,6 @@ files:
2202
2217
  - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.md
2203
2218
  - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_custom.jsx
2204
2219
  - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_custom.md
2205
- - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_disabled_item.html.erb
2206
- - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_disabled_item.jsx
2207
2220
  - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_item_spacing.jsx
2208
2221
  - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_item_spacing.md
2209
2222
  - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_no_icon.html.erb
@@ -2354,6 +2367,9 @@ files:
2354
2367
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.html.erb
2355
2368
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.jsx
2356
2369
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
2370
+ - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.html.erb
2371
+ - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.jsx
2372
+ - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.md
2357
2373
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.html.erb
2358
2374
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.jsx
2359
2375
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.md
@@ -2556,6 +2572,9 @@ files:
2556
2572
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.html.erb
2557
2573
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.jsx
2558
2574
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.md
2575
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.html.erb
2576
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.jsx
2577
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.md
2559
2578
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.html.erb
2560
2579
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.jsx
2561
2580
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.md
@@ -2746,7 +2765,6 @@ files:
2746
2765
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_preview.jsx
2747
2766
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_required_indicator.jsx
2748
2767
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_required_indicator.md
2749
- - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_rows.jsx
2750
2768
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_simple.jsx
2751
2769
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_sticky.jsx
2752
2770
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_sticky.md
@@ -3643,6 +3661,9 @@ files:
3643
3661
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input_react.md
3644
3662
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx
3645
3663
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md
3664
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_required_indicator.html.erb
3665
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_required_indicator.jsx
3666
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_required_indicator.md
3646
3667
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
3647
3668
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx
3648
3669
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.md
@@ -3861,12 +3882,12 @@ files:
3861
3882
  - app/pb_kits/playbook/utilities/test/globalProps/zIndex.test.js
3862
3883
  - app/pb_kits/playbook/utilities/text.ts
3863
3884
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3864
- - dist/chunks/_pb_line_graph-BgKF_zz1.js
3865
- - dist/chunks/_typeahead-BvrkfO0L.js
3885
+ - dist/chunks/_pb_line_graph-CFpRBk64.js
3886
+ - dist/chunks/_typeahead-D2EbYcmG.js
3866
3887
  - dist/chunks/componentRegistry-DzmmLR2x.js
3867
- - dist/chunks/globalProps-BhVYCqRf.js
3888
+ - dist/chunks/globalProps-CXOg_9fx.js
3868
3889
  - dist/chunks/lazysizes-B7xYodB-.js
3869
- - dist/chunks/lib-DD34ZrWL.js
3890
+ - dist/chunks/lib-DTxpoePf.js
3870
3891
  - dist/chunks/vendor.js
3871
3892
  - dist/menu.yml
3872
3893
  - dist/playbook-rails-react-bindings.js
@@ -1,24 +0,0 @@
1
- <%= pb_rails("nav", props: { variant: "bold" }) do %>
2
- <%= pb_rails("nav/item", props: { text: "Overview", link: "#", collapsible: true, icon_left:"city", collapsed: false }) do %>
3
- <%= pb_rails("nav", props: { variant: "bold" }) do %>
4
- <%= pb_rails("nav/item", props: { text: "City", link: "#", inactive: true }) %>
5
- <%= pb_rails("nav/item", props: { text: "People", link: "#" }) %>
6
- <%= pb_rails("nav/item", props: { text: "Business", link: "#" }) %>
7
- <% end %>
8
- <% end %>
9
- <%= pb_rails("nav/item", props: { text: "Albums", link: "#", active: true, collapsible: true, icon_left: "theater-masks" }) do %>
10
- <%= pb_rails("nav", props: { variant: "bold" }) do %>
11
- <%= pb_rails("nav/item", props: { text: "Entertainment", link: "#" }) %>
12
- <%= pb_rails("nav/item", props: { text: "Food", link: "#" }) %>
13
- <%= pb_rails("nav/item", props: { text: "Style", link: "#" }) %>
14
- <% end %>
15
- <% end %>
16
- <%= pb_rails("nav/item", props: { text: "Similar Artists", link: "#", collapsible: true, icon_left: "city", inactive: true }) do %>
17
- <%= pb_rails("nav", props: { variant: "bold" }) do %>
18
- <%= pb_rails("nav/item", props: { text: "City", link: "#" }) %>
19
- <%= pb_rails("nav/item", props: { text: "People", link: "#" }) %>
20
- <%= pb_rails("nav/item", props: { text: "Business", link: "#" }) %>
21
- <% end %>
22
- <% end %>
23
- <% end %>
24
-
@@ -1,89 +0,0 @@
1
- import React from "react";
2
- import Nav from '../../pb_nav/_nav'
3
- import NavItem from '../../pb_nav/_item'
4
-
5
- const CollapsibleNavDisabledItem = (props) => {
6
- return (
7
- <Nav
8
- variant="bold"
9
- {...props}
10
- >
11
- <NavItem
12
- active
13
- // inactive
14
- collapsed={false}
15
- collapsible
16
- iconLeft="city"
17
- link="#"
18
- text="Overview"
19
- {...props}
20
- >
21
- <NavItem
22
- inactive
23
- link="#"
24
- text="City"
25
- {...props}
26
- />
27
- <NavItem
28
- link="#"
29
- text="People"
30
- {...props}
31
- />
32
- <NavItem
33
- link="#"
34
- text="Business"
35
- {...props}
36
- />
37
- </NavItem>
38
- <NavItem
39
- collapsible
40
- iconLeft="theater-masks"
41
- inactive
42
- link="#"
43
- text="Albums"
44
- {...props}
45
- >
46
- <NavItem
47
- link="#"
48
- text="Entertainment"
49
- {...props}
50
- />
51
- <NavItem
52
- link="#"
53
- text="Food"
54
- {...props}
55
- />
56
- <NavItem
57
- link="#"
58
- text="Style"
59
- {...props}
60
- />
61
- </NavItem>
62
- <NavItem
63
- collapsible
64
- iconLeft="city"
65
- link="#"
66
- text="Similar Artists"
67
- {...props}
68
- >
69
- <NavItem
70
- link="#"
71
- text="City"
72
- {...props}
73
- />
74
- <NavItem
75
- link="#"
76
- text="People"
77
- {...props}
78
- />
79
- <NavItem
80
- link="#"
81
- text="Business"
82
- {...props}
83
- />
84
- </NavItem>
85
- </Nav>
86
- );
87
- };
88
-
89
- export default CollapsibleNavDisabledItem
@@ -1,67 +0,0 @@
1
- import React from 'react'
2
- import RichTextEditor from '../_rich_text_editor'
3
- import { useEditor, EditorContent } from "@tiptap/react"
4
- import StarterKit from "@tiptap/starter-kit"
5
- import Link from '@tiptap/extension-link'
6
-
7
-
8
- const RichTextEditorAdvancedRows = (props) => {
9
-
10
- const editor = useEditor({
11
- extensions: [
12
- StarterKit,
13
- Link
14
- ],
15
- content: "Add your text here. You can format your text, add links, quotes, and bullets."
16
- })
17
-
18
- const editor2 = useEditor({
19
- extensions: [
20
- StarterKit,
21
- Link
22
- ],
23
- content: "Add your text here. You can format your text, add links, quotes, and bullets."
24
- })
25
-
26
- const editor3 = useEditor({
27
- extensions: [
28
- StarterKit,
29
- Link
30
- ],
31
- content: "Add your text here. You can format your text, add links, quotes, and bullets."
32
- })
33
-
34
- return (
35
- <div>
36
- <RichTextEditor
37
- advancedEditor={editor}
38
- textareaHeight="sm"
39
- {...props}
40
- >
41
- <EditorContent editor={editor} />
42
- </RichTextEditor>
43
-
44
- <br />
45
-
46
- <RichTextEditor
47
- advancedEditor={editor2}
48
- textareaHeight="md"
49
- {...props}
50
- >
51
- <EditorContent editor={editor2} />
52
- </RichTextEditor>
53
-
54
- <br />
55
-
56
- <RichTextEditor
57
- advancedEditor={editor}
58
- textareaHeight="lg"
59
- {...props}
60
- >
61
- <EditorContent editor={editor3} />
62
- </RichTextEditor>
63
- </div>
64
- )
65
- }
66
-
67
- export default RichTextEditorAdvancedRows