playbook_ui_docs 14.16.0.pre.alpha.play1964tablekitheadertextstylefix7091 → 14.16.0.pre.rc.0

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 14.16.0.pre.alpha.play1964tablekitheadertextstylefix7091
+  version: 14.16.0.pre.rc.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-04-03 00:00:00.000000000 Z
+date: 2025-03-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -58,11 +58,7 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.html.erb
@@ -77,18 +73,14 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_react.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_react.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx
@@ -545,10 +537,8 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.md
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.md
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.html.erb
@@ -710,10 +700,6 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.md
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.html.erb
@@ -800,14 +786,6 @@ files:
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md
 - app/pb_kits/playbook/pb_dropdown/docs/example.yml
 - app/pb_kits/playbook/pb_dropdown/docs/index.js
-- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx
-- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx
-- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx
-- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx
-- app/pb_kits/playbook/pb_empty_state/docs/default_image/computer_fly_no_branding.svg
-- app/pb_kits/playbook/pb_empty_state/docs/default_image/utils.tsx
-- app/pb_kits/playbook/pb_empty_state/docs/example.yml
-- app/pb_kits/playbook/pb_empty_state/docs/index.js
 - app/pb_kits/playbook/pb_file_upload/docs/_description.md
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom.html.erb
@@ -1067,7 +1045,6 @@ files:
 - app/pb_kits/playbook/pb_icon/docs/_icon_sizes_swift.md
 - app/pb_kits/playbook/pb_icon/docs/example.yml
 - app/pb_kits/playbook/pb_icon/docs/index.js
-- app/pb_kits/playbook/pb_icon_button/docs/_icon_button_click.jsx
 - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb
 - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.jsx
 - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.html.erb
@@ -1149,8 +1126,6 @@ files:
 - app/pb_kits/playbook/pb_label_value/docs/example.yml
 - app/pb_kits/playbook/pb_label_value/docs/index.js
 - app/pb_kits/playbook/pb_layout/docs/_description.md
-- app/pb_kits/playbook/pb_layout/docs/_layout_bracket.jsx
-- app/pb_kits/playbook/pb_layout/docs/_layout_bracket.md
 - app/pb_kits/playbook/pb_layout/docs/_layout_collection.html.erb
 - app/pb_kits/playbook/pb_layout/docs/_layout_collection.jsx
 - app/pb_kits/playbook/pb_layout/docs/_layout_collection.md
@@ -1288,24 +1263,6 @@ files:
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.md
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.md
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.md
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.md
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
@@ -1512,8 +1469,6 @@ files:
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.md
-- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_hidden_inputs.html.erb
-- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_hidden_inputs.md
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.md
@@ -1680,7 +1635,6 @@ files:
 - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text_swift.md
 - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.html.erb
 - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
-- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.md
 - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical_swift.md
 - app/pb_kits/playbook/pb_section_separator/docs/example.yml
 - app/pb_kits/playbook/pb_section_separator/docs/index.js
@@ -1948,10 +1902,6 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md
-- app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless_react.md
-- app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_with_header_style_floating_react.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.md
@@ -2141,9 +2091,9 @@ files:
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.md
+- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.md
-- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon_rails.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.md
@@ -2155,7 +2105,6 @@ files:
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.md
-- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
@@ -2186,8 +2135,6 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_disabled.html.erb
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_disabled.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.html.erb
@@ -2201,8 +2148,6 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.md
@@ -2235,10 +2180,6 @@ files:
 - app/pb_kits/playbook/pb_user/docs/_user_block_content_subtitle_react.md
 - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
-- app/pb_kits/playbook/pb_user/docs/_user_font_options.html.erb
-- app/pb_kits/playbook/pb_user/docs/_user_font_options.jsx
-- app/pb_kits/playbook/pb_user/docs/_user_font_options_rails.md
-- app/pb_kits/playbook/pb_user/docs/_user_font_options_react.md
 - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
 - app/pb_kits/playbook/pb_user/docs/_user_light_weight.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.jsx

@@ -1,90 +0,0 @@
-import React, { useState } from "react"
-import { AdvancedTable, Button, Flex } from "playbook-ui"
-import MOCK_DATA from "./advanced_table_mock_data.json"
-import PAGINATION_MOCK_DATA from "./advanced_table_pagination_mock_data.json"
-
-const AdvancedTableFullscreen = (props) => {
-  const [fullscreenToggleSmall, setFullscreenToggleSmall] = useState(null)
-  const [fullscreenToggleLarge, setFullscreenToggleLarge] = useState(null)
-
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    },
-  ]
-
-  const tableProps = {
-    sticky: true
-  }
-
-  return (
-    <div>
-      <Flex justify="end">
-          <Button
-              marginBottom="sm"
-              onClick={() => fullscreenToggleSmall?.()}
-              text="Fullscreen Small Table"
-              variant="secondary"
-          />
-      </Flex>
-      <AdvancedTable
-          allowFullScreen
-          columnDefinitions={columnDefinitions}
-          fullScreenControl={({ toggleFullscreen }) => setFullscreenToggleSmall(() => toggleFullscreen)}
-          tableData={MOCK_DATA}
-          {...props}
-      >
-          <AdvancedTable.Header enableSorting />
-          <AdvancedTable.Body />
-      </AdvancedTable>
-      <Flex justify="end">
-          <Button
-              marginY="sm"
-              onClick={() => fullscreenToggleLarge?.()}
-              text="Fullscreen Large Table"
-              variant="secondary"
-          />
-      </Flex>
-      <AdvancedTable
-          allowFullScreen
-          columnDefinitions={columnDefinitions}
-          fullScreenControl={({ toggleFullscreen }) => setFullscreenToggleLarge(() => toggleFullscreen)}
-          responsive="none"
-          tableData={PAGINATION_MOCK_DATA}
-          tableProps={tableProps}
-          {...props}
-      >
-          <AdvancedTable.Header enableSorting />
-          <AdvancedTable.Body />
-      </AdvancedTable>
-    </div>
-  )
-}
-
-export default AdvancedTableFullscreen

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.md

@@ -1,3 +0,0 @@
-Trigger Fullscreen mode with the `allowFullScreen`and `fullScreenControl` props.  `allowFullScreen` is a boolean that enables Fullscreen functionality for an Advanced Table. `fullScreenControl` is a callback function that receives an object containing the table's internal `toggleFullscreen` function, allowing you to store and trigger Fullscreen from the parent component. An external trigger (like a button) must be used to activate Fullscreen mode.
-
-Exit Fullscreen mode by clicking the minimize top-right-corner icon or by pressing the "Escape" keyboard key.

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.jsx

@@ -1,102 +0,0 @@
-import React, { useState } from "react";
-import { AdvancedTable, TextInput, Body } from "playbook-ui";
-import MOCK_DATA from "./advanced_table_mock_data.json";
-
-const AdvancedTableInlineEditing = (props) => {
-  const [editedValues, setEditedValues] = useState({});
-
-  const EditableCell = ({ rowId, originalValue, onSave }) => {
-    const [localValue, setLocalValue] = useState(originalValue);
-
-    const handleChange = (e) => setLocalValue(e.target.value);
-
-    const handleBlur = () => {
-      originalValue !== localValue && onSave(rowId, localValue);
-    };
-
-    return (
-      <TextInput inline
-          marginBottom="none"
-          {...props}
-      >
-        <input 
-            onBlur={handleBlur} 
-            onChange={handleChange} 
-            onKeyDown={(e) => e.key === 'Enter' && handleBlur()}
-            value={localValue} 
-        />
-      </TextInput>
-    );
-  };
-
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-      editable: true,
-      customRenderer: (row) => {
-        return (
-          <EditableCell
-              onSave={(id, val) => {
-                setEditedValues((prev) => ({ ...prev, [id]: val }));
-              }}
-              originalValue={
-                editedValues[row.id] ?? row.original.scheduledMeetings
-              }
-              rowId={row.id}
-          />
-        );
-      },
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    },
-  ];
-
-  return (
-    <div className="App">
-      <AdvancedTable
-          columnDefinitions={columnDefinitions}
-          tableData={MOCK_DATA}
-          {...props}
-      />
-      {
-        editedValues && Object.keys(editedValues).length > 0 && (
-          <>
-            <Body 
-                marginTop="md"
-                {...props}
-            >
-              Edited Values by Row Id:
-            </Body>
-            <pre style={{color: 'white'}}>{JSON.stringify(editedValues, null, 2)}</pre>
-          </>
-        )
-      }
-    </div>
-  );
-};
-
-export default AdvancedTableInlineEditing;

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.md

@@ -1,4 +0,0 @@
-Inline Cell Editing can be achieved with a combination of our `TextInput` kit and the `customRenderer` method available through columnDefinitions. 
-
-Hover over any cell within the 'Scheduled Meetings' column to see the TextInput and type in to change values. Values can be saved by clicking away from the TextInput or by hitting 'Enter'.
-See the code snippet below to see how this was achieved. Devs must manage state themselves as shown.

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.html.erb

@@ -1,39 +0,0 @@
-<% column_definitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    }
-  ] 
-
-  subrow_headers = ["Quarter", "Month", "Day"]
-%>
-
-<%= pb_rails("advanced_table", props: { id: "selectable_rows", table_data: @table_data_with_id, column_definitions: column_definitions, selectable_rows: true }) do %>
-  <%= pb_rails("advanced_table/table_header", props: { column_definitions: column_definitions, selectable_rows: true }) %>
-  <%= pb_rails("advanced_table/table_body", props: { id: "selectable_rows", table_data: @table_data_with_id, column_definitions: column_definitions, subrow_headers: subrow_headers, enable_toggle_expansion: "all", selectable_rows: true }) %>
-<% end %>

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.html.erb

@@ -1,33 +0,0 @@
-<% column_definitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    }
-] %>
-
-<%= pb_rails("advanced_table", props: { id: "selectable_rows_no_subrows", table_data: @table_data_no_subrows, column_definitions: column_definitions, selectable_rows: true, enable_toggle_expansion: "none", }) %>

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.md

@@ -1 +0,0 @@
-`selectable_rows` can also be used with tables without nested row data. Set `enable_toggle_expansion: none` to adjust the Advanced Table styling to fit a table without subrows.

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.md

@@ -1,6 +0,0 @@
-`selectable_rows` is a boolean prop that if present will add checkboxes to all rows that will allow for selecting rows. 
-
-When a parent row is clicked, it will check all nested children rows, Children rows can be manually checked or unchecked as well. 
-
-__ALERT TO DEVS__: UPDATE THIS PARAGRAPH IN THE FOLLOW UP STORY WHEN CHECKBOX FUNCTIONALITY IS SET PLEASE
-The `onRowSelectionChange` prop returns an array of ids of all Rows that have been selected. Open the console on this example and check and uncheck checkboxes to see this is action! __NOTE__: Each object within the `tableData`Array must contain a unique id in order to attach an id to all Rows for this to function. 

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.html.erb

@@ -1,39 +0,0 @@
-<%= pb_rails("date_picker", props: {
-  label: "Date Picker",
-  picker_id: "date-picker-onchange",
-  margin_bottom: "lg"
-}) %>
-<%= pb_rails("caption", props: { text: "Date Object" }) %>
-<%= pb_rails("body", props: {
-  label: "Date Object",
-  text: "Select Date",
-  margin_bottom: "lg",
-  id: "date-picker-onchange-object",
-}) %>
-<%= pb_rails("caption", props: { text: "Date String" }) %>
-<%= pb_rails("body", props: {
-  label: "Date String",
-  text: "Select Date",
-  margin_bottom: "lg",
-  id: "date-picker-onchange-string",
-}) %>
-
-
-<%= javascript_tag do %>
-  window.addEventListener("DOMContentLoaded", () => {
-    <%# Access flatpickr instance with picker id and assign it a variable %>
-    const fp = document.querySelector("#date-picker-onchange")._flatpickr
-
-    <%# Define Hook %>
-    const changeHook = (selectedDates, dateStr) => {
-      const object = document.querySelector('#date-picker-onchange-object')
-      object.textContent = selectedDates[0] ? selectedDates[0].toString() : ''
-
-      const string = document.querySelector('#date-picker-onchange-string')
-      string.textContent = dateStr
-    }
-    
-    <%# Push one or more hooks to onChange config array %>
-    fp.config.onChange.push(changeHook)
-  })
-<% end %>

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.html.erb

@@ -1,39 +0,0 @@
-<%= pb_rails("date_picker", props: {
-  label: "Date Picker",
-  picker_id: "date-picker-onclose",
-  margin_bottom: "lg"
-}) %>
-<%= pb_rails("caption", props: { text: "Date Object" }) %>
-<%= pb_rails("body", props: {
-  label: "Date Object",
-  text: "Select Date",
-  margin_bottom: "lg",
-  id: "date-picker-onclose-object",
-}) %>
-<%= pb_rails("caption", props: { text: "Date String" }) %>
-<%= pb_rails("body", props: {
-  label: "Date String",
-  text: "Select Date",
-  margin_bottom: "lg",
-  id: "date-picker-onclose-string",
-}) %>
-
-
-<%= javascript_tag do %>
-  window.addEventListener("DOMContentLoaded", () => {
-    <%# Access flatpickr instance with picker id and assign it a variable %>
-    const fp = document.querySelector("#date-picker-onclose")._flatpickr
-
-    <%# Define Hook %>
-    const closeHook = (selectedDates, dateStr) => {
-      const object = document.querySelector('#date-picker-onclose-object')
-      object.textContent = selectedDates[0] ? selectedDates[0].toString() : ''
-
-      const string = document.querySelector('#date-picker-onclose-string')
-      string.textContent = dateStr
-    }
-    
-    <%# Push one or more hooks to onClose config array %>
-    fp.config.onClose.push(closeHook)
-  })
-<% end %>