playbook_ui_docs 14.23.0.pre.alpha.PLAY2121enableexpandedfield9199 → 14.23.0.pre.alpha.PLAY2146dropdownactivestylesreact9141

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 14.23.0.pre.alpha.PLAY2121enableexpandedfield9199
+  version: 14.23.0.pre.alpha.PLAY2146dropdownactivestylesreact9141
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-07-25 00:00:00.000000000 Z
+date: 2025-07-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -1447,9 +1447,6 @@ files:
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.md
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_show_checked_children.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_show_checked_children.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_show_checked_children.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.md
@@ -2427,6 +2424,14 @@ files:
 - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size.jsx
 - app/pb_kits/playbook/pb_user_badge/docs/example.yml
 - app/pb_kits/playbook/pb_user_badge/docs/index.js
+- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_continuous.jsx
+- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_default.jsx
+- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_multi_beacon.jsx
+- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_beacon.jsx
+- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_overlay.jsx
+- app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_styled.jsx
+- app/pb_kits/playbook/pb_walkthrough/docs/example.yml
+- app/pb_kits/playbook/pb_walkthrough/docs/index.js
 - app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_compact.html.erb
 - app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_compact.jsx
 - app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_default.html.erb

data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_show_checked_children.html.erb

@@ -1,75 +0,0 @@
-<% treeData = [{
-  label: "Power Home Remodeling",
-  value: "powerHomeRemodeling",
-  id: "100",
-  expanded: true,
-  children: [
-    {
-      label: "People",
-      value: "people",
-      id: "101",
-      children: [
-        {
-          label: "Talent Acquisition",
-          value: "talentAcquisition",
-          id: "102",
-        },
-        {
-          label: "Business Affairs",
-          value: "businessAffairs",
-          id: "103",
-          children: [
-            {
-              label: "Initiatives",
-              value: "initiatives",
-              id: "104",
-            },
-            {
-              label: "Learning & Development",
-              value: "learningAndDevelopment",
-              id: "105",
-            },
-          ],
-        },
-        {
-          label: "People Experience",
-          value: "peopleExperience",
-          id: "106",
-        },
-      ],
-    },
-    {
-      label: "Contact Center",
-      value: "contactCenter",
-      id: "107",
-      children: [
-        {
-          label: "Appointment Management",
-          value: "appointmentManagement",
-          id: "108",
-        },
-        {
-          label: "Customer Service",
-          value: "customerService",
-          id: "109",
-        },
-        {
-          label: "Energy",
-          value: "energy",
-          id: "110",
-        },
-      ],
-    },
-  ],
-}] %>
-
-<% # Pre-selected node IDs to demonstrate the functionality %>
-<% preSelectedIds = ["102", "104", "109"] %>
-
-<%= pb_rails("multi_level_select", props: {
-  id: "multi-level-select-show-checked-children-rails",
-  name: "my_array",
-  tree_data: treeData,
-  selected_ids: preSelectedIds,
-  show_checked_children: false
-}) %>

data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_show_checked_children.jsx

@@ -1,94 +0,0 @@
-import React from "react";
-import MultiLevelSelect from "../_multi_level_select";
-
-const treeData = [
-  {
-    label: "Power Home Remodeling",
-    value: "powerHomeRemodeling",
-    id: "powerhome1",
-    expanded: true,
-    children: [
-      {
-        label: "People",
-        value: "people",
-        id: "people1",
-        children: [
-          {
-            label: "Talent Acquisition",
-            value: "talentAcquisition",
-            id: "talent1",
-          },
-          {
-            label: "Business Affairs",
-            value: "businessAffairs",
-            id: "business1",
-            children: [
-              {
-                label: "Initiatives",
-                value: "initiatives",
-                id: "initiative1",
-              },
-              {
-                label: "Learning & Development",
-                value: "learningAndDevelopment",
-                id: "development1",
-              },
-            ],
-          },
-          {
-            label: "People Experience",
-            value: "peopleExperience",
-            id: "experience1",
-          },
-        ],
-      },
-      {
-        label: "Contact Center",
-        value: "contactCenter",
-        id: "contact1",
-        children: [
-          {
-            label: "Appointment Management",
-            value: "appointmentManagement",
-            id: "appointment1",
-          },
-          {
-            label: "Customer Service",
-            value: "customerService",
-            id: "customer1",
-          },
-          {
-            label: "Energy",
-            value: "energy",
-            id: "energy1",
-          },
-        ],
-      },
-    ],
-  },
-];
-
-// Pre-selected node IDs to demonstrate the functionality
-const preSelectedIds = ["talent1", "initiative1", "customer1"];
-
-const MultiLevelSelectShowCheckedChildren = (props) => {
-  return (
-    <div>
-      <MultiLevelSelect
-          id='multiselect-checked-children'
-          onSelect={(selectedNodes) =>
-            console.log(
-              "Selected Items",
-              selectedNodes
-            )
-          }
-          selectedIds={preSelectedIds}
-          showCheckedChildren={false}
-          treeData={treeData}
-          {...props}
-      />
-    </div>
-  )
-};
-
-export default MultiLevelSelectShowCheckedChildren;

data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_show_checked_children.md

@@ -1,3 +0,0 @@
-If you wish to control the auto-expansion of nodes with descendants in your multi-level select, you can utilize `showCheckedChildren/show_checked_children`. This prop (set to 'true' by default) controls whether items will be expanded when opening the select, regardless of if there are any items currently selected.
-
-The prop will still honor any `expanded` attribute set up within your tree data.