playbook_ui 16.1.0.pre.alpha.play2712navkitadddisabledstatecollapsible13821 → 16.1.0.pre.alpha.play2771passphraseaccessibility14033

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 (111) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +14 -5
  3. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.md +1 -0
  4. data/app/pb_kits/playbook/pb_dialog/_dialog.scss +8 -6
  5. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +6 -0
  6. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +37 -2
  7. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_rails.md +3 -0
  8. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_react.md +3 -0
  9. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.html.erb +52 -0
  10. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.jsx +72 -0
  11. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.md +5 -0
  12. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height.jsx +33 -0
  13. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.html.erb +20 -0
  14. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.md +8 -0
  15. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_react.md +8 -0
  16. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.html.erb +9 -0
  17. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.jsx +33 -0
  18. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.md +3 -0
  19. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +6 -0
  20. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +4 -1
  21. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +2 -2
  22. data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +6 -0
  23. data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +94 -0
  24. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.rb +5 -1
  25. data/app/pb_kits/playbook/pb_dropdown/index.js +59 -4
  26. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx +3 -0
  27. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx +2 -1
  28. data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.tsx +1 -1
  29. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb +2 -2
  30. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +16 -9
  31. data/app/pb_kits/playbook/pb_filter/filter.rb +2 -2
  32. data/app/pb_kits/playbook/pb_form/docs/_form_with_required_indicator.html.erb +2 -0
  33. data/app/pb_kits/playbook/pb_form/pb_form_validation.js +9 -2
  34. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.html.erb +5 -5
  35. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx +4 -4
  36. data/app/pb_kits/playbook/pb_form_pill/form_pill.rb +4 -0
  37. data/app/pb_kits/playbook/pb_nav/_item.tsx +1 -5
  38. data/app/pb_kits/playbook/pb_nav/_nav.scss +1 -27
  39. data/app/pb_kits/playbook/pb_nav/docs/example.yml +0 -2
  40. data/app/pb_kits/playbook/pb_nav/docs/index.js +1 -2
  41. data/app/pb_kits/playbook/pb_nav/item.rb +2 -7
  42. data/app/pb_kits/playbook/pb_passphrase/_passphrase.tsx +40 -7
  43. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.jsx +1 -0
  44. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.html.erb +7 -0
  45. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.jsx +24 -0
  46. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.md +3 -0
  47. data/app/pb_kits/playbook/pb_passphrase/docs/example.yml +2 -0
  48. data/app/pb_kits/playbook/pb_passphrase/docs/index.js +1 -0
  49. data/app/pb_kits/playbook/pb_passphrase/passphrase.rb +2 -0
  50. data/app/pb_kits/playbook/pb_passphrase/passphrase.test.jsx +30 -1
  51. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +3 -0
  52. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.html.erb +5 -0
  53. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.jsx +14 -0
  54. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.md +3 -0
  55. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +2 -0
  56. data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +1 -0
  57. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb +3 -0
  58. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.test.js +34 -3
  59. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx +4 -3
  60. data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +0 -1
  61. data/app/pb_kits/playbook/pb_textarea/_textarea.tsx +10 -0
  62. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_default.html.erb +3 -3
  63. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx +3 -0
  64. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_default.md +1 -0
  65. data/app/pb_kits/playbook/pb_textarea/textarea.html.erb +25 -9
  66. data/app/pb_kits/playbook/pb_textarea/textarea.rb +7 -1
  67. data/app/pb_kits/playbook/pb_time_picker/_time_picker.tsx +97 -11
  68. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_on_handler.jsx +5 -2
  69. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_required_indicator.html.erb +6 -0
  70. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_required_indicator.jsx +16 -0
  71. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_required_indicator.md +3 -0
  72. data/app/pb_kits/playbook/pb_time_picker/docs/example.yml +2 -0
  73. data/app/pb_kits/playbook/pb_time_picker/docs/index.js +1 -0
  74. data/app/pb_kits/playbook/pb_time_picker/time_picker.rb +3 -0
  75. data/app/pb_kits/playbook/pb_time_picker/time_picker.test.jsx +47 -1
  76. data/app/pb_kits/playbook/pb_typeahead/_typeahead.test.jsx +24 -1
  77. data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +2 -1
  78. data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +4 -1
  79. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb +1 -1
  80. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx +1 -1
  81. data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +4 -0
  82. data/dist/chunks/_typeahead-D-8xZ__X.js +1 -0
  83. data/dist/chunks/vendor.js +3 -3
  84. data/dist/menu.yml +1 -1
  85. data/dist/playbook-rails-react-bindings.js +1 -1
  86. data/dist/playbook-rails.js +1 -1
  87. data/dist/playbook.css +1 -1
  88. data/lib/playbook/align_content.rb +13 -3
  89. data/lib/playbook/align_items.rb +13 -3
  90. data/lib/playbook/align_self.rb +13 -3
  91. data/lib/playbook/display.rb +5 -0
  92. data/lib/playbook/flex.rb +13 -3
  93. data/lib/playbook/flex_direction.rb +13 -3
  94. data/lib/playbook/flex_grow.rb +13 -3
  95. data/lib/playbook/flex_shrink.rb +13 -3
  96. data/lib/playbook/flex_wrap.rb +13 -3
  97. data/lib/playbook/forms/builder/phone_number_field.rb +9 -0
  98. data/lib/playbook/justify_content.rb +13 -3
  99. data/lib/playbook/justify_self.rb +13 -3
  100. data/lib/playbook/order.rb +13 -3
  101. data/lib/playbook/spacing.rb +39 -9
  102. data/lib/playbook/text_align.rb +13 -3
  103. data/lib/playbook/truncate.rb +1 -1
  104. data/lib/playbook/version.rb +1 -1
  105. data/lib/playbook/vertical_align.rb +13 -3
  106. data/lib/playbook/z_index.rb +5 -0
  107. metadata +26 -6
  108. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_disabled_item.html.erb +0 -24
  109. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_disabled_item.jsx +0 -89
  110. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_rows.jsx +0 -67
  111. data/dist/chunks/_typeahead-BvrkfO0L.js +0 -1
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.play2771passphraseaccessibility14033
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-30 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -955,6 +955,7 @@ files:
955
955
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_anti_patterns.html.erb
956
956
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb
957
957
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx
958
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.md
958
959
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb
959
960
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx
960
961
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.md
@@ -1310,6 +1311,8 @@ files:
1310
1311
  - app/pb_kits/playbook/pb_dropdown/context/index.tsx
1311
1312
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.html.erb
1312
1313
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx
1314
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_rails.md
1315
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_react.md
1313
1316
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx
1314
1317
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.md
1315
1318
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx
@@ -1371,6 +1374,13 @@ files:
1371
1374
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb
1372
1375
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.jsx
1373
1376
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md
1377
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.html.erb
1378
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.jsx
1379
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.md
1380
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height.jsx
1381
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.html.erb
1382
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.md
1383
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_react.md
1374
1384
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options.jsx
1375
1385
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options_react.md
1376
1386
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx
@@ -1401,6 +1411,9 @@ files:
1401
1411
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb
1402
1412
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx
1403
1413
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md
1414
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.html.erb
1415
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.jsx
1416
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.md
1404
1417
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx
1405
1418
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.md
1406
1419
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb
@@ -2202,8 +2215,6 @@ files:
2202
2215
  - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.md
2203
2216
  - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_custom.jsx
2204
2217
  - 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
2218
  - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_item_spacing.jsx
2208
2219
  - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_item_spacing.md
2209
2220
  - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_no_icon.html.erb
@@ -2354,6 +2365,9 @@ files:
2354
2365
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.html.erb
2355
2366
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.jsx
2356
2367
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
2368
+ - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.html.erb
2369
+ - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.jsx
2370
+ - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.md
2357
2371
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.html.erb
2358
2372
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.jsx
2359
2373
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.md
@@ -2556,6 +2570,9 @@ files:
2556
2570
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.html.erb
2557
2571
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.jsx
2558
2572
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.md
2573
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.html.erb
2574
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.jsx
2575
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.md
2559
2576
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.html.erb
2560
2577
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.jsx
2561
2578
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.md
@@ -2746,7 +2763,6 @@ files:
2746
2763
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_preview.jsx
2747
2764
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_required_indicator.jsx
2748
2765
  - 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
2766
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_simple.jsx
2751
2767
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_sticky.jsx
2752
2768
  - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_sticky.md
@@ -3292,6 +3308,7 @@ files:
3292
3308
  - app/pb_kits/playbook/pb_textarea/docs/_textarea_custom.jsx
3293
3309
  - app/pb_kits/playbook/pb_textarea/docs/_textarea_default.html.erb
3294
3310
  - app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
3311
+ - app/pb_kits/playbook/pb_textarea/docs/_textarea_default.md
3295
3312
  - app/pb_kits/playbook/pb_textarea/docs/_textarea_default_swift.md
3296
3313
  - app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.html.erb
3297
3314
  - app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.jsx
@@ -3362,6 +3379,9 @@ files:
3362
3379
  - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_min_max_time.md
3363
3380
  - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_on_handler.jsx
3364
3381
  - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_on_handler.md
3382
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_required_indicator.html.erb
3383
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_required_indicator.jsx
3384
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_required_indicator.md
3365
3385
  - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.html.erb
3366
3386
  - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.jsx
3367
3387
  - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.md
@@ -3862,7 +3882,7 @@ files:
3862
3882
  - app/pb_kits/playbook/utilities/text.ts
3863
3883
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3864
3884
  - dist/chunks/_pb_line_graph-BgKF_zz1.js
3865
- - dist/chunks/_typeahead-BvrkfO0L.js
3885
+ - dist/chunks/_typeahead-D-8xZ__X.js
3866
3886
  - dist/chunks/componentRegistry-DzmmLR2x.js
3867
3887
  - dist/chunks/globalProps-BhVYCqRf.js
3868
3888
  - dist/chunks/lazysizes-B7xYodB-.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