playbook_ui 14.19.0.pre.rc.2 → 14.20.0.pre.alpha.revert4453PBNTR933reactdraggablebugdragbtwnexamples7854

data/lib/playbook/kit_base.rb

@@ -129,9 +129,9 @@ module Playbook
       end
 
       inline_styles = dynamic_inline_props
-      merged[:style] = if inline_styles.present?
-                         merged[:style].present? ? "#{merged[:style]}; #{inline_styles}" : inline_styles
-                       end
+      if inline_styles.present?
+        merged[:style] = merged[:style].present? ? "#{merged[:style]}; #{inline_styles}" : inline_styles
+      end
 
       merged.deep_merge(data_attributes)
     end

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "14.18.0"
-  VERSION = "14.19.0.pre.rc.2"
+  PREVIOUS_VERSION = "14.20.0"
+  VERSION = "14.20.0.pre.alpha.revert4453PBNTR933reactdraggablebugdragbtwnexamples7854"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.19.0.pre.rc.2
+  version: 14.20.0.pre.alpha.revert4453PBNTR933reactdraggablebugdragbtwnexamples7854
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-05-02 00:00:00.000000000 Z
+date: 2025-05-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -278,6 +278,7 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/Utilities/IconHelpers.tsx
 - app/pb_kits/playbook/pb_advanced_table/Utilities/RowUtils.ts
 - app/pb_kits/playbook/pb_advanced_table/Utilities/TableContainerStyles.ts
+- app/pb_kits/playbook/pb_advanced_table/Utilities/VisibilityTree.ts
 - app/pb_kits/playbook/pb_advanced_table/Utilities/types.ts
 - app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss
 - app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx
@@ -305,6 +306,14 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.html.erb
@@ -334,18 +343,18 @@ 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.html.erb
 - 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.jsx
 - 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.html.erb
 - 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_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
@@ -378,6 +387,7 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
 - app/pb_kits/playbook/pb_advanced_table/docs/example.yml
 - app/pb_kits/playbook/pb_advanced_table/docs/index.js
+- app/pb_kits/playbook/pb_advanced_table/flat_advanced_table.js
 - app/pb_kits/playbook/pb_advanced_table/index.js
 - app/pb_kits/playbook/pb_advanced_table/scss_partials/_chrome_styles.scss
 - app/pb_kits/playbook/pb_advanced_table/scss_partials/_loading.scss
@@ -406,6 +416,8 @@ files:
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_default.html.erb
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_default_swift.md
+- app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.html.erb
+- app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.jsx
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.html.erb
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.jsx
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.md
@@ -1228,11 +1240,16 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_react.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.jsx
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_rails.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_react.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_react.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.html.erb
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.jsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_rails.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_react.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
@@ -1301,13 +1318,29 @@ files:
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.md
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_rails.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_rails.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display_rails.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display_rails.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_rails.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_rails.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_autocomplete.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_autocomplete.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_autocomplete.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_custom_options.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_custom_options.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
@@ -1317,10 +1350,12 @@ files:
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.md
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb
@@ -1337,10 +1372,14 @@ files:
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.md
 - app/pb_kits/playbook/pb_dropdown/docs/example.yml
 - app/pb_kits/playbook/pb_dropdown/docs/index.js
 - app/pb_kits/playbook/pb_dropdown/dropdown.html.erb
@@ -1360,19 +1399,26 @@ files:
 - app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx
 - app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx
 - app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx
+- app/pb_kits/playbook/pb_dropdown/subcomponents/MultiSelectTriggerDisplay.tsx
 - app/pb_kits/playbook/pb_dropdown/utilities/clickOutsideHelper.tsx
 - app/pb_kits/playbook/pb_dropdown/utilities/index.ts
 - app/pb_kits/playbook/pb_dropdown/utilities/subComponentHelper.tsx
 - app/pb_kits/playbook/pb_empty_state/_empty_state.scss
 - app/pb_kits/playbook/pb_empty_state/_empty_state.tsx
+- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.html.erb
 - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx
+- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.html.erb
 - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx
+- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.html.erb
 - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx
+- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.html.erb
 - 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_empty_state/empty_state.html.erb
+- app/pb_kits/playbook/pb_empty_state/empty_state.rb
 - app/pb_kits/playbook/pb_empty_state/empty_state.test.jsx
 - app/pb_kits/playbook/pb_enhanced_element/element_observer.ts
 - app/pb_kits/playbook/pb_enhanced_element/index.ts
@@ -1387,6 +1433,8 @@ files:
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_message.jsx
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.html.erb
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx
+- app/pb_kits/playbook/pb_file_upload/docs/_file_upload_error.html.erb
+- app/pb_kits/playbook/pb_file_upload/docs/_file_upload_error.jsx
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx
 - app/pb_kits/playbook/pb_file_upload/docs/example.yml
 - app/pb_kits/playbook/pb_file_upload/docs/index.js
@@ -1580,12 +1628,6 @@ files:
 - app/pb_kits/playbook/pb_form_pill/docs/index.js
 - app/pb_kits/playbook/pb_form_pill/form_pill.html.erb
 - app/pb_kits/playbook/pb_form_pill/form_pill.rb
-- app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss
-- app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx
-- app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx
-- app/pb_kits/playbook/pb_gantt_chart/docs/example.yml
-- app/pb_kits/playbook/pb_gantt_chart/docs/index.js
-- app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx
 - app/pb_kits/playbook/pb_gauge/_gauge.scss
 - app/pb_kits/playbook/pb_gauge/_gauge.tsx
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.html.erb
@@ -2033,6 +2075,8 @@ files:
 - app/pb_kits/playbook/pb_message/docs/_message_default.jsx
 - app/pb_kits/playbook/pb_message/docs/_message_default.md
 - app/pb_kits/playbook/pb_message/docs/_message_default_swift.md
+- app/pb_kits/playbook/pb_message/docs/_message_grayscale.html.erb
+- app/pb_kits/playbook/pb_message/docs/_message_grayscale.jsx
 - app/pb_kits/playbook/pb_message/docs/_message_hover.html.erb
 - app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
 - app/pb_kits/playbook/pb_message/docs/_message_mentions.html.erb
@@ -3334,6 +3378,8 @@ 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_preserve_input.jsx
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.md
 - 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
@@ -3378,6 +3424,8 @@ files:
 - 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_grayscale.html.erb
+- app/pb_kits/playbook/pb_user/docs/_user_grayscale.jsx
 - 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
@@ -3538,11 +3586,11 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-D8CsVBZO.js
-- dist/chunks/_weekday_stacked-D3oLTSkH.js
+- dist/chunks/_typeahead-C-CI5Vgw.js
+- dist/chunks/_weekday_stacked-BCiM3zWM.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-BmTAc7Nc.js
-- dist/chunks/pb_form_validation-BWjy4bFn.js
+- dist/chunks/lib-D5R1BjUn.js
+- dist/chunks/pb_form_validation-BZ2AVAi_.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.html.erb

@@ -1,10 +0,0 @@
-<% 
-  options = [
-    { label: 'United States', value: 'United States', id: 'us' },
-    { label: 'Canada', value: 'Canada', id: 'ca' },
-    { label: 'Pakistan', value: 'Pakistan', id: 'pk' },
-  ]
-
-%>
-
-<%= pb_rails("dropdown", props: {options: options}) %>

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md

@@ -1 +0,0 @@
-`autocomplete` prop can also be used in conjunction with the `customDisplay` prop.

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx

@@ -1,79 +0,0 @@
-import React, { useRef } from 'react'
-
-import Dropdown from '../../pb_dropdown/_dropdown'
-import useDropdown from '../../pb_dropdown/hooks/useDropdown'
-import CircleIconButton from '../../pb_circle_icon_button/_circle_icon_button'
-import FlexItem from '../../pb_flex/_flex_item'
-import Icon from '../../pb_icon/_icon'
-import Body from '../../pb_body/_body'
-import Flex from '../../pb_flex/_flex'
-
-const DropdownWithHook = (props) => {
-const [isDropDownClosed, setIsDropdownClosed] = useDropdown(true);
-const buttonRef = useRef(null);
-
-  const options = [
-    {
-      label: "United States",
-      value: "United States",
-      areaCode: "+1",
-      icon: "🇺🇸",
-      id: "United-states"
-    },
-    {
-      label: "Canada",
-      value: "Canada",
-      areaCode: "+1",
-      icon: "🇨🇦",
-      id: "canada"
-    },
-    {
-      label: "Pakistan",
-      value: "Pakistan",
-      areaCode: "+92",
-      icon: "🇵🇰",
-      id: "pakistan"
-    }
-  ];  
-
-  return (
-  <div>
-      <CircleIconButton
-          htmlOptions={{ref: buttonRef}}
-          icon={"flag"}
-          onClick={() => setIsDropdownClosed(!isDropDownClosed)}
-          variant="secondary"
-      />
-    <Dropdown
-        isClosed={isDropDownClosed}
-        options={options}
-        triggerRef={buttonRef}
-        {...props}
-    >
-      {options.map((option) => (
-        <Dropdown.Option key={option.id} 
-            option={option}
-        > 
-        <>
-          <FlexItem>
-              <Flex paddingRight='md'>
-                <Icon icon={option.icon} 
-                    paddingRight="xs"
-                />
-                <Body text={option.label} />
-              </Flex>
-          </FlexItem>
-              <FlexItem>
-                <Body color="light" 
-                    text={option.areaCode} 
-                />
-              </FlexItem>
-            </>
-        </Dropdown.Option>
-      ))}
-    </Dropdown>
-  </div>
-  )
-}
-
-export default DropdownWithHook

data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss

@@ -1,3 +0,0 @@
-.pb_gantt_chart {
-
-}

data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx

@@ -1,72 +0,0 @@
-import React, { useState, useEffect } from "react";
-import classnames from "classnames";
-import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from "../utilities/props";
-import { globalProps } from "../utilities/globalProps";
-import HighchartsReact from "highcharts-react-official";
-import Highcharts from "highcharts/highcharts-gantt";
-
-import { highchartsTheme } from "../pb_dashboard/pbChartsLightTheme";
-import { highchartsDarkTheme } from "../pb_dashboard/pbChartsDarkTheme";
-
-type GanttChartProps = {
-  aria?: { [key: string]: string };
-  className?: string;
-  customOptions: Partial<Highcharts.Options>;
-  dark?: boolean;
-  data?: { [key: string]: string };
-  htmlOptions?: { [key: string]: string | number | boolean | (() => void) };
-  id?: string;
-};
-
-const GanttChart = (props: GanttChartProps) => {
-  const {
-    aria = {},
-    className,
-    customOptions = {},
-    dark = false,
-    data = {},
-    htmlOptions = {},
-    id,
-  } = props;
-
-  const ariaProps = buildAriaProps(aria);
-  const dataProps = buildDataProps(data);
-  const htmlProps = buildHtmlProps(htmlOptions);
-  const classes = classnames(
-    buildCss("pb_gantt_chart"),
-    globalProps(props),
-    className
-  );
-
-  const [options, setOptions] = useState<Highcharts.Options | undefined>(customOptions);
-
-  useEffect(() => {
-    setOptions(customOptions);
-  }, [customOptions]);
-
-  const setupTheme = () => {
-    dark
-      ? Highcharts.setOptions(highchartsDarkTheme)
-      : Highcharts.setOptions(highchartsTheme);
-  };
-  setupTheme();
-
-  return (
-    <div>
-      <HighchartsReact
-          constructorType={"ganttChart"}
-          containerProps={{
-            className: classnames(globalProps(props), classes),
-            id: id,
-            ...ariaProps,
-            ...dataProps,
-            ...htmlProps,
-          }}
-          highcharts={Highcharts}
-          options={options}
-      />
-    </div>
-  );
-};
-
-export default GanttChart;

data/app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx

@@ -1,53 +0,0 @@
-import React from "react";
-import GanttChart from '../../pb_gantt_chart/_gantt_chart'
-
-const mockOptions = {
-  title: {
-    text: "Simple Gantt Chart",
-  },
-
-  xAxis: [
-    {
-      min: Date.UTC(2014, 10, 17),
-      max: Date.UTC(2014, 10, 30),
-    },
-  ],
-
-  series: [
-    {
-      name: "Project 1",
-      data: [
-        {
-          name: "Start prototype",
-          start: Date.UTC(2014, 10, 18),
-          end: Date.UTC(2014, 10, 25),
-        },
-        {
-          name: "Develop",
-          start: Date.UTC(2014, 10, 20),
-          end: Date.UTC(2014, 10, 25),
-        },
-        {
-          name: "Run acceptance tests",
-          start: Date.UTC(2014, 10, 23),
-          end: Date.UTC(2014, 10, 26),
-        },
-        {
-          name: "Test prototype",
-          start: Date.UTC(2014, 10, 27),
-          end: Date.UTC(2014, 10, 29),
-        },
-      ],
-    },
-  ],
-};
-
-const GanttChartDefault = (props) => (
-  <div>
-    <GanttChart customOptions={mockOptions} 
-        {...props} 
-    />
-  </div>
-);
-
-export default GanttChartDefault;

data/app/pb_kits/playbook/pb_gantt_chart/docs/example.yml

@@ -1,7 +0,0 @@
-examples:
-  
-  
-  react:
-  - gantt_chart_default: Default
-  
-  

data/app/pb_kits/playbook/pb_gantt_chart/docs/index.js

@@ -1 +0,0 @@
-export { default as GanttChartDefault } from './_gantt_chart_default.jsx'

data/app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx

@@ -1,19 +0,0 @@
-// import { renderKit } from '../utilities/test-utils'
-
-// import GanttChart from './_gantt_chart'
-
-/* See these resources for more testing info:
-  - https://github.com/testing-library/jest-dom#usage for useage and examples
-  - https://jestjs.io/docs/en/using-matchers
-*/
-
-test('generated scaffold test - update me', () => {
-  // const props = {
-  //   data: { testid: 'default' }
-  // }
-
-
-  // const kit = renderKit(GanttChart , props)
-  // expect(kit).toBeInTheDocument()
-})
-