playbook_ui 17.2.0.pre.rc.0 → 17.2.0.pre.rc.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 02e9d48053efc7bc4dde6c77d9b396a21e3b35f8343a35eb334f816c5e7423f8
-  data.tar.gz: a275c089998b99dfd64fb86754fd9db545214fb12bde587411e8100cedb1bf88
+  metadata.gz: b0cfdd29dff7aa690ffa80f529b880a467df847de2897b20978f15aee42493f9
+  data.tar.gz: efe2a6be9fa5b594a9ec8cf3dba4085b7bbc3b6e0ce181a60710b0e760165640
 SHA512:
-  metadata.gz: d0dc9ada45182473c6d16c6f04b3a961ab99dfc02f8c476ed274ffec5ae0b44df9836fc598b123a44cf5f02d43d420efd63ca5253ef4fa18b20835b23eada81d
-  data.tar.gz: e794e5364b4ac28a62091f95be02f5ed01e8c5108fbfd86ee70cd11bee5d58241688ec797a8c2576ba591f7379cbfb2ff9a8ebe7aad5834e1e5d5f2ccfd7b599
+  metadata.gz: d1000f4e35e8953cbeff95dba2a55f2373c594320e00fc58ac8436eded89a5eb9f5383c85600bf3d747d71148182841ab2a1c5f4124581b5b03596813ea0b353
+  data.tar.gz: '068ba2587e7d290077532454b72d6b6cddefa2d919834bc41329259a010b70535ab6ab0636a846973f3c436d6f6cc259a1fb455edade7989f352b15e76c3543d'

data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx

@@ -112,8 +112,6 @@ type DropdownProps = {
     isClosed?: boolean;
     label?: string;
     multiSelect?: boolean;
-    name?: string;
-    onChange?: (event: { target: { name?: string; value: any } }) => void;
     onSelect?: (arg: GenericObject) => null;
     options?: GenericObject;
     placeholder?: string;
@@ -158,8 +156,6 @@ let Dropdown = (props: DropdownProps, ref: any): React.ReactElement | null => {
         label,
         multiSelect = false,
         formPillProps,
-        name,
-        onChange,
         onSelect,
         options,
         placeholder,
@@ -418,10 +414,6 @@ let Dropdown = (props: DropdownProps, ref: any): React.ReactElement | null => {
         setIsDropDownClosed(false);
     };
 
-    const handleSelectionChange = (value: any) => {
-        onSelect && onSelect(value);
-        onChange && onChange({ target: { name, value } });
-    };
 
       const handleOptionClick = (clickedItem: GenericObject) => {
                 if (disabled) return;
@@ -434,7 +426,7 @@ let Dropdown = (props: DropdownProps, ref: any): React.ReactElement | null => {
                        const next = exists
                        ? list.filter((option) => option.value !== clickedItem.value)
                            : [...list, clickedItem];
-                   handleSelectionChange(next);
+                   onSelect && onSelect(next);
                        return next;
                    });
                    setFilterItem("");
@@ -447,7 +439,7 @@ let Dropdown = (props: DropdownProps, ref: any): React.ReactElement | null => {
                    if (shouldCloseOnClick) {
                        setIsDropDownClosed(true);
                    }
-                   handleSelectionChange(clickedItem);
+                   onSelect && onSelect(clickedItem);
                    
                    // Sync with DatePickers if this is a quickpick variant
                    if (variant === "quickpick" && Array.isArray(clickedItem.value)) {
@@ -476,10 +468,10 @@ let Dropdown = (props: DropdownProps, ref: any): React.ReactElement | null => {
       if (disabled) return;
       if (multiSelect) {
         setSelected([]);
-        handleSelectionChange([]);
+        onSelect && onSelect([]);
       } else {
         setSelected({});
-        handleSelectionChange(null);
+        onSelect && onSelect(null);
         setFocusedOptionIndex(-1);
         setFilterItem("");
         
@@ -513,10 +505,10 @@ let Dropdown = (props: DropdownProps, ref: any): React.ReactElement | null => {
       clearSelected: () => {
         if (multiSelect) {
           setSelected([]);
-          handleSelectionChange([]);
+          onSelect && onSelect([]);
         } else {
           setSelected({});
-          handleSelectionChange(null);
+          onSelect && onSelect(null);
         }
         setFilterItem("");
         setIsDropDownClosed(true);
@@ -530,16 +522,16 @@ let Dropdown = (props: DropdownProps, ref: any): React.ReactElement | null => {
         clearSelected: () => {
           if (multiSelect) {
             setSelected([]);
-            handleSelectionChange([]);
+            onSelect && onSelect([]);
           } else {
             setSelected({});
-            handleSelectionChange(null);
+            onSelect && onSelect(null);
           }
           setFilterItem("");
           setIsDropDownClosed(true);
         },
       };
-    }, [multiSelect, handleSelectionChange, setSelected, setFilterItem, setIsDropDownClosed]);
+    }, [multiSelect, onSelect, setSelected, setFilterItem, setIsDropDownClosed]);
 
     useImperativeHandle(ref, () => imperativeRef.current);
 
@@ -602,7 +594,6 @@ let Dropdown = (props: DropdownProps, ref: any): React.ReactElement | null => {
                     handleBackspace,
                     handleChange,
                     handleOptionClick,
-                    handleSelectionChange,
                     handleWrapperClick,
                     inputRef,
                     inputWrapperRef,

data/app/pb_kits/playbook/pb_dropdown/docs/_playground.json

@@ -88,7 +88,6 @@
       "name": "Content",
       "props": [
         "label",
-        "name",
         "placeholder",
         "options",
         "defaultValue",
@@ -131,7 +130,6 @@
     {
       "name": "Events",
       "props": [
-        "onChange",
         "onSelect"
       ]
     }

data/app/pb_kits/playbook/pb_dropdown/docs/_playground.overrides.json

@@ -70,7 +70,6 @@
       "name": "Content",
       "props": [
         "label",
-        "name",
         "placeholder",
         "options",
         "defaultValue",
@@ -112,7 +111,7 @@
     },
     {
       "name": "Events",
-      "props": ["onChange", "onSelect"]
+      "props": ["onSelect"]
     }
   ],
   "presets": [

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

@@ -39,9 +39,6 @@ examples:
   - dropdown_disabled: Disabled Input
   - dropdown_grouped_options: Grouped Options
   - dropdown_custom_event_type: Custom Event Type
-  - dropdown_dynamic_options: Dynamic Options
-  - dropdown_dynamic_options_with_autocomplete: Dynamic Options with Autocomplete
-  - dropdown_dynamic_options_with_multi_select: Dynamic Options with Multi Select
 
   react:
   - dropdown_default: Default
@@ -84,6 +81,3 @@ examples:
   - dropdown_required_indicator: Required Indicator
   - dropdown_disabled: Disabled Input
   - dropdown_grouped_options: Grouped Options
-  - dropdown_react_hook: React Hook
-  - dropdown_multi_select_react_hook: React Hook Multi Select
-

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

@@ -1,6 +1,4 @@
 export { default as DropdownDefault } from './_dropdown_default.jsx'
-export { default as DropdownReactHook } from './_dropdown_react_hook.jsx'
-export { default as DropdownMultiSelectReactHook } from './_dropdown_multi_select_react_hook.jsx'
 export { default as DropdownWithCustomDisplay } from './_dropdown_with_custom_display.jsx'
 export { default as DropdownWithCustomOptions } from './_dropdown_with_custom_options.jsx'
 export { default as DropdownWithCustomTrigger } from './_dropdown_with_custom_trigger.jsx'

data/app/pb_kits/playbook/pb_dropdown/dropdown.rb

@@ -59,14 +59,6 @@ module Playbook
                                 default: false
       prop :custom_event_type, type: Playbook::Props::String,
                                default: ""
-      prop :options_by_context, type: Playbook::Props::HashProp,
-                                default: {}
-      prop :context_selector, type: Playbook::Props::String,
-                              default: ""
-      prop :clear_on_context_change, type: Playbook::Props::Boolean,
-                                     default: true
-      prop :options_event_type, type: Playbook::Props::String,
-                                default: ""
 
       def data
         Hash(prop(:data)).merge(
@@ -81,11 +73,7 @@ module Playbook
           end_date_id: variant == "quickpick" ? end_date_id : nil,
           controls_start_id: variant == "quickpick" && controls_start_id.present? ? controls_start_id : nil,
           controls_end_id: variant == "quickpick" && controls_end_id.present? ? controls_end_id : nil,
-          custom_event_type: custom_event_type.presence,
-          pb_dropdown_options_by_context: options_by_context.present? ? options_by_context.to_json : nil,
-          pb_dropdown_context_selector: context_selector.presence,
-          pb_dropdown_clear_on_context_change: clear_on_context_change,
-          options_event_type: options_event_type.presence
+          custom_event_type: custom_event_type.presence
         ).compact
       end
 

data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react"
-import { render, screen, fireEvent, waitFor, act } from "../utilities/test-utils"
+import { render, screen, fireEvent, waitFor } from "../utilities/test-utils"
 
 import { Dropdown, Icon, IconCircle } from 'playbook-ui'
 import DateTime from "../pb_kit/dateTime.ts"
@@ -995,207 +995,4 @@ test('disabled prop disables autocomplete input', () => {
   const input = kit.querySelector('.dropdown_input')
 
   expect(input).toBeDisabled()
-})
-
-test('onChange uses react-hook-form event shape', () => {
-  const onChange = jest.fn()
-
-  render(
-    <Dropdown
-        data={{ testid: testId }}
-        name="color"
-        onChange={onChange}
-        options={options}
-    />
-  )
-
-  const kit = screen.getByTestId(testId)
-  fireEvent.click(kit.querySelectorAll('.pb_dropdown_option_list')[0])
-
-  expect(onChange).toHaveBeenCalledWith({
-    target: { name: 'color', value: options[0] },
-  })
-})
-
-test('react-hook-form onChange receives selected options for multiSelect', () => {
-  const onChange = jest.fn()
-
-  render(
-    <Dropdown
-        data={{ testid: testId }}
-        multiSelect
-        name="languages"
-        onChange={onChange}
-        options={options}
-    />
-  )
-
-  const kit = screen.getByTestId(testId)
-  fireEvent.click(kit.querySelectorAll('.pb_dropdown_option_list')[0])
-  fireEvent.click(kit.querySelectorAll('.pb_dropdown_option_list')[0])
-
-  expect(onChange.mock.calls[0][0]).toEqual({
-    target: { name: 'languages', value: [options[0]] },
-  })
-  expect(onChange.mock.calls[1][0]).toEqual({
-    target: { name: 'languages', value: [options[0], options[1]] },
-  })
-})
-
-test('onSelect still fires when onChange is provided', () => {
-  const onSelect = jest.fn()
-  const onChange = jest.fn()
-
-  render(
-    <Dropdown
-        data={{ testid: testId }}
-        name="country"
-        onChange={onChange}
-        onSelect={onSelect}
-        options={options}
-    />
-  )
-
-  const kit = screen.getByTestId(testId)
-  fireEvent.click(kit.querySelectorAll('.pb_dropdown_option_list')[0])
-
-  expect(onSelect).toHaveBeenCalledWith(options[0])
-  expect(onChange).toHaveBeenCalledWith({
-    target: { name: 'country', value: options[0] },
-  })
-})
-
-test('onSelect-only single select still receives the option object', () => {
-  const onSelect = jest.fn()
-
-  render(
-    <Dropdown
-        data={{ testid: testId }}
-        onSelect={onSelect}
-        options={options}
-    />
-  )
-
-  const kit = screen.getByTestId(testId)
-  fireEvent.click(kit.querySelectorAll('.pb_dropdown_option_list')[0])
-
-  expect(onSelect).toHaveBeenCalledTimes(1)
-  expect(onSelect).toHaveBeenCalledWith(options[0])
-})
-
-test('onSelect-only multiSelect still receives the selected options array', () => {
-  const onSelect = jest.fn()
-
-  render(
-    <Dropdown
-        data={{ testid: testId }}
-        multiSelect
-        onSelect={onSelect}
-        options={options}
-    />
-  )
-
-  const kit = screen.getByTestId(testId)
-  fireEvent.click(kit.querySelectorAll('.pb_dropdown_option_list')[0])
-  fireEvent.click(kit.querySelectorAll('.pb_dropdown_option_list')[0])
-
-  expect(onSelect.mock.calls[0][0]).toEqual([options[0]])
-  expect(onSelect.mock.calls[1][0]).toEqual([options[0], options[1]])
-})
-
-test('onSelect-only clearSelected still receives null', () => {
-  const onSelect = jest.fn()
-  const dropdownRef = React.createRef()
-
-  render(
-    <Dropdown
-        data={{ testid: testId }}
-        defaultValue={options[0]}
-        onSelect={onSelect}
-        options={options}
-        ref={dropdownRef}
-    />
-  )
-
-  act(() => {
-    dropdownRef.current.clearSelected()
-  })
-
-  expect(onSelect).toHaveBeenCalledWith(null)
-})
-
-test('onSelect-only clear icon still receives null', () => {
-  const onSelect = jest.fn()
-
-  render(
-    <Dropdown
-        data={{ testid: testId }}
-        defaultValue={options[0]}
-        onSelect={onSelect}
-        options={options}
-    />
-  )
-
-  const kit = screen.getByTestId(testId)
-  fireEvent.click(kit.querySelector('[aria-label="times icon"]').closest('div'))
-
-  expect(onSelect).toHaveBeenCalledWith(null)
-})
-
-test('onSelect-only removing a multiSelect pill still receives remaining options', () => {
-  const onSelect = jest.fn()
-
-  render(
-    <Dropdown
-        data={{ testid: testId }}
-        defaultValue={[options[0], options[1]]}
-        multiSelect
-        onSelect={onSelect}
-        options={options}
-    />
-  )
-
-  const kit = screen.getByTestId(testId)
-  fireEvent.click(kit.querySelector('.pb_form_pill_close'))
-
-  expect(onSelect).toHaveBeenCalledWith([options[1]])
-})
-
-test('autocomplete typing does not fire onSelect or onChange', () => {
-  const onSelect = jest.fn()
-  const onChange = jest.fn()
-
-  render(
-    <Dropdown
-        autocomplete
-        data={{ testid: testId }}
-        onChange={onChange}
-        onSelect={onSelect}
-        options={options}
-    />
-  )
-
-  const kit = screen.getByTestId(testId)
-  fireEvent.change(kit.querySelector('.dropdown_input'), { target: { value: 'Can' } })
-
-  expect(onSelect).not.toHaveBeenCalled()
-  expect(onChange).not.toHaveBeenCalled()
-})
-
-test('autocomplete selection still fires onSelect', () => {
-  const onSelect = jest.fn()
-
-  render(
-    <Dropdown
-        autocomplete
-        data={{ testid: testId }}
-        onSelect={onSelect}
-        options={options}
-    />
-  )
-
-  const kit = screen.getByTestId(testId)
-  fireEvent.click(kit.querySelectorAll('.pb_dropdown_option_list')[1])
-
-  expect(onSelect).toHaveBeenCalledWith(options[1])
-})
+})

data/app/pb_kits/playbook/pb_dropdown/index.js

@@ -162,8 +162,6 @@ export default class PbDropdown extends PbEnhancedElement {
     const baseInput = this.baseInput;
     this.wasOriginallyRequired =
       baseInput && baseInput.hasAttribute("required");
-    // Apply context options before default value so SSR/default selection matches current context
-    this.bindContextSelector();
     this.setDefaultValue();
     this.bindEventListeners();
     this.bindSearchInput();
@@ -186,13 +184,11 @@ export default class PbDropdown extends PbEnhancedElement {
     this.updateClearButton();
     this.applyDisabledState();
 
-    // Listen for clear, select, and updateOptions events from external source
+    // Listen for clear and select events from external source
     this.handleClearEventBound = this.handleClearEvent.bind(this);
     document.addEventListener("pb:dropdown:clear", this.handleClearEventBound);
     this.handleSelectEventBound = this.handleSelectEvent.bind(this);
     document.addEventListener("pb:dropdown:select", this.handleSelectEventBound);
-    this.handleUpdateOptionsEventBound = this.handleUpdateOptionsEvent.bind(this);
-    document.addEventListener("pb:dropdown:updateOptions", this.handleUpdateOptionsEventBound);
 
     // Listen for custom_event_type to clear on custom events
     const customEventTypeString = this.element.dataset.customEventType;
@@ -206,19 +202,6 @@ export default class PbDropdown extends PbEnhancedElement {
         document.addEventListener(eventType, this.handleCustomClearBound);
       });
     }
-
-    // Listen for options_event_type to replace options on custom/Turbo events
-    const optionsEventTypeString = this.element.dataset.optionsEventType;
-    if (optionsEventTypeString) {
-      this.optionsEventTypes = optionsEventTypeString
-        .split(",")
-        .map((e) => e.trim())
-        .filter(Boolean);
-      this.handleOptionsEventTypeBound = this.handleOptionsEventType.bind(this);
-      this.optionsEventTypes.forEach((eventType) => {
-        document.addEventListener(eventType, this.handleOptionsEventTypeBound);
-      });
-    }
   }
 
   disconnect() {
@@ -280,22 +263,11 @@ export default class PbDropdown extends PbEnhancedElement {
     if (this.handleSelectEventBound) {
       document.removeEventListener("pb:dropdown:select", this.handleSelectEventBound)
     }
-    if (this.handleUpdateOptionsEventBound) {
-      document.removeEventListener("pb:dropdown:updateOptions", this.handleUpdateOptionsEventBound)
-    }
     if (this.customClearEventTypes && this.handleCustomClearBound) {
       this.customClearEventTypes.forEach((eventType) => {
         document.removeEventListener(eventType, this.handleCustomClearBound)
       })
     }
-    if (this.optionsEventTypes && this.handleOptionsEventTypeBound) {
-      this.optionsEventTypes.forEach((eventType) => {
-        document.removeEventListener(eventType, this.handleOptionsEventTypeBound)
-      })
-    }
-    if (this.contextElement && this.handleContextChangeBound) {
-      this.contextElement.removeEventListener("change", this.handleContextChangeBound)
-    }
   }
 
   updateClearButton() {
@@ -658,217 +630,6 @@ export default class PbDropdown extends PbEnhancedElement {
   }
 
   // ----- External events handling section -----
-
-  get optionsByContext() {
-    return this.element.dataset.pbDropdownOptionsByContext
-      ? JSON.parse(this.element.dataset.pbDropdownOptionsByContext)
-      : null;
-  }
-
-  get contextElement() {
-    const selector = this.element.dataset.pbDropdownContextSelector;
-    if (!selector) return null;
-
-    return (
-      this.element.parentNode?.querySelector(`#${CSS.escape(selector)}`) ||
-      this.element.closest(`#${CSS.escape(selector)}`) ||
-      document.getElementById(selector)
-    );
-  }
-
-  get clearOnContextChange() {
-    return this.element.dataset.pbDropdownClearOnContextChange !== "false";
-  }
-
-  bindContextSelector() {
-    const contextEl = this.contextElement;
-    if (!contextEl || !this.optionsByContext) return;
-
-    this.handleContextChangeBound = this.handleContextChange.bind(this);
-    contextEl.addEventListener("change", this.handleContextChangeBound);
-
-    // Sync to the current context value on connect (default/restored select), without clearing
-    this.applyOptionsForCurrentContext({ clearSelection: false });
-  }
-
-  applyOptionsForCurrentContext({ clearSelection } = {}) {
-    if (this.isDisabled || !this.optionsByContext) return;
-
-    const options = this.optionsByContext[this.contextElement?.value] || [];
-    this.replaceOptions(options, {
-      clearSelection:
-        clearSelection != null ? clearSelection : this.clearOnContextChange,
-    });
-  }
-
-  handleContextChange() {
-    this.applyOptionsForCurrentContext();
-  }
-
-  normalizeOption(option) {
-    const normalized = { ...option };
-    if (normalized.id == null && normalized.value != null) {
-      normalized.id = normalized.value;
-    }
-    if (normalized.value == null && normalized.id != null) {
-      normalized.value = normalized.id;
-    }
-    return normalized;
-  }
-
-  getOptionsParent() {
-    const container = this.target;
-    if (!container) return null;
-
-    return container.querySelector(".pb_list_kit") || container;
-  }
-
-  buildOptionElement(option) {
-    const normalized = this.normalizeOption(option);
-    const disabled = normalized.disabled === true;
-    const optionEl = document.createElement("div");
-    optionEl.className = `pb_dropdown_option_list${disabled ? " disabled" : ""}`;
-    if (normalized.id != null && normalized.id !== "") {
-      optionEl.id = String(normalized.id);
-    }
-    optionEl.setAttribute("aria-disabled", disabled ? "true" : "false");
-    optionEl.dataset.dropdownOptionLabel = JSON.stringify(normalized);
-    optionEl.dataset.dropdownOptionDisabled = disabled ? "true" : "false";
-
-    const listItem = document.createElement("div");
-    listItem.className =
-      "pb_list_item_kit display_flex justify_content_center p_none cursor_pointer";
-
-    const wrapper = document.createElement("div");
-    wrapper.className = disabled
-      ? "dropdown_option_wrapper disabled"
-      : "dropdown_option_wrapper";
-
-    const body = document.createElement("div");
-    body.className = "pb_body_kit_light";
-    body.textContent =
-      normalized.label != null ? String(normalized.label) : "";
-
-    wrapper.appendChild(body);
-    listItem.appendChild(wrapper);
-    optionEl.appendChild(listItem);
-
-    return optionEl;
-  }
-
-  replaceOptions(options, { clearSelection = true } = {}) {
-    if (this.isDisabled || !Array.isArray(options)) return;
-
-    const parent = this.getOptionsParent();
-    if (!parent) return;
-
-    // Clear option nodes and any SSR empty-state ("No option") placeholder
-    parent.replaceChildren();
-    this.removeNoOptionsMessage();
-
-    options.forEach((option) => {
-      parent.appendChild(this.buildOptionElement(option));
-    });
-
-    // Clear typed filters and keyboard focus so new options aren't left unfiltered /
-    // focused against stale indexes from the previous list
-    this.resetInteractiveOptionState();
-
-    if (clearSelection) {
-      this.clearSelection();
-    } else {
-      this.reconcileSelectionWithOptions();
-    }
-
-    if (this.target?.classList.contains("open")) {
-      this.adjustDropdownHeight();
-    }
-  }
-
-  resetInteractiveOptionState() {
-    this.resetFocus();
-
-    if (this.searchBar) {
-      this.searchBar.value = "";
-    }
-
-    if (this.searchInput) {
-      this.searchInput.value = "";
-    }
-  }
-
-  reconcileSelectionWithOptions() {
-    const optionEls = Array.from(this.queryAllOptions());
-    const optionsById = new Map();
-    optionEls.forEach((opt) => {
-      try {
-        const optionData = JSON.parse(opt.dataset.dropdownOptionLabel);
-        if (optionData?.id != null) {
-          optionsById.set(optionData.id, opt);
-        }
-      } catch {
-        // ignore invalid option payloads
-      }
-    });
-
-    if (this.isMultiSelect) {
-      const keptIds = Array.from(this.selectedOptions)
-        .map((raw) => {
-          try {
-            return JSON.parse(raw).id;
-          } catch {
-            return null;
-          }
-        })
-        .filter((id) => id != null && optionsById.has(id));
-
-      if (keptIds.length === 0) {
-        this.clearSelection();
-        return;
-      }
-
-      // Rebuild from current option payloads so labels/values stay in sync
-      this.setSelectionByOptionIds(keptIds);
-      return;
-    }
-
-    const currentId = this.baseInput?.value;
-    if (!currentId || !optionsById.has(currentId)) {
-      this.clearSelection();
-      return;
-    }
-
-    // Re-apply selection so trigger/autocomplete use the updated option payload
-    this.setSelectionByOptionId(currentId);
-  }
-
-  // Handles pb:dropdown:updateOptions - replace options when event.detail.dropdownId matches.
-  // detail: { dropdownId, options: [{ id, label, value }], clearSelection?: boolean }
-  handleUpdateOptionsEvent(event) {
-    if (this.isDisabled) return;
-    const targetId = event.detail?.dropdownId;
-    if (!targetId || this.element.id !== targetId) return;
-
-    const options = event.detail?.options;
-    if (!Array.isArray(options)) return;
-
-    const clearSelection = event.detail?.clearSelection !== false;
-    this.replaceOptions(options, { clearSelection });
-  }
-
-  // Handles options_event_type events - replace options when detail.options is present.
-  handleOptionsEventType(event) {
-    if (this.isDisabled) return;
-    const targetId = event.detail?.dropdownId;
-    if (targetId != null && this.element.id !== targetId) return;
-
-    const options = event.detail?.options;
-    if (!Array.isArray(options)) return;
-
-    const clearSelection = event.detail?.clearSelection !== false;
-    this.replaceOptions(options, { clearSelection });
-  }
-
   // Handles pb:dropdown:clear - clear this dropdown when event.detail.dropdownId matches.
   handleClearEvent(event) {
     if (this.isDisabled) return;