playbook_ui 18.0.0.pre.alpha.PLAY3247selecterrorstylinginwrapperbug19801 → 18.0.0.pre.alpha.PLAY321919500

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d165f1e2cc8c5ed232d003b53fb2c7ed72a3ed74b65145bd406e4609f40368e1
-  data.tar.gz: 91709e8cb1337728149f1101d6cfe60bdb23ba1c89d206805d54503234bc7c82
+  metadata.gz: f28e33d93ce8a80f3074af2db55dc4fc47854e791802d58e516ff80a3d2840ac
+  data.tar.gz: 5f569533053efbc0eb4e9ddbcc5457f14b5f2d133f519604019c5bfeadd4f16a
 SHA512:
-  metadata.gz: 0b1bef5425d986a5a1ae108e532796e596a2b2bc2153ce61de68c6fc9774ec47f053971c7eecdf81b75212eeedc5c93039fc7c5226cc60b2df20c64e6d08b4fd
-  data.tar.gz: 7fc240cb475677b6b28557f3054c261f067dd5151c04ec41979168a41ce481a4e25188ef65697efbda42e8c8edcb41f17566f2b8e48af73388842c0a92f77d22
+  metadata.gz: 70e609dcd1fa095a74498fb41b0932ba67b174c22b10429187fae4d704b4f9d6411d37036f9767d473bf7022addc79f0d071886653a03f1064a36e7ce660f876
+  data.tar.gz: ee4ac8564ecd36103032f9ee2b42c9a7c99374613073e2dd5793fa219351aad7a6c6a7e9cb67f3653672a016fe61dbd2a27d8cc53ab5661eb29b42aa5a3ec294

data/app/pb_kits/playbook/pb_background/_background.tsx

@@ -98,7 +98,7 @@ const Background = (props: BackgroundProps): React.ReactElement => {
     imageUrl: getResponsiveValue(imageUrl),
   });
 
-  // Keep responsive values in sync when props change, and on window resize.
+  // Update responsive values on window resize.
   useEffect(() => {
     const updateResponsiveProps = () => {
       setResponsiveProps({
@@ -109,7 +109,6 @@ const Background = (props: BackgroundProps): React.ReactElement => {
         imageUrl: getResponsiveValue(imageUrl),
       });
     };
-    updateResponsiveProps();
     window.addEventListener('resize', updateResponsiveProps);
     return () => window.removeEventListener('resize', updateResponsiveProps);
   }, [backgroundSize, backgroundPosition, backgroundRepeat, backgroundColor, imageUrl]);
@@ -154,8 +153,6 @@ const Background = (props: BackgroundProps): React.ReactElement => {
     ...dynamicInlineProps
   };
 
-  // Dynamic HTML tag from props; matches other kits (Title, Collapsible, etc.).
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const Tag: React.ReactElement | any = `${tag}`;
   const ariaProps = buildAriaProps(aria);
   const dataProps = buildDataProps(data);

data/app/pb_kits/playbook/pb_background/background.test.js

@@ -1,5 +1,4 @@
-import React from 'react'
-import { ensureAccessible, render, renderKit } from '../utilities/test-utils'
+import { ensureAccessible, renderKit } from '../utilities/test-utils'
 
 import Background from './_background'
 
@@ -21,27 +20,6 @@ test('backgroundColor = category_1', () => {
   expect(kit).toHaveClass('pb_background_kit pb_background_color_category_1')
 })
 
-test('updates backgroundColor class when the prop changes', () => {
-  const { getByTestId, rerender } = render(
-    <Background
-        backgroundColor="info_subtle"
-        data={{ testid: 'background' }}
-    />
-  )
-
-  expect(getByTestId('background')).toHaveClass('pb_background_color_info_subtle')
-
-  rerender(
-    <Background
-        backgroundColor="card_light"
-        data={{ testid: 'background' }}
-    />
-  )
-
-  expect(getByTestId('background')).toHaveClass('pb_background_color_card_light')
-  expect(getByTestId('background')).not.toHaveClass('pb_background_color_info_subtle')
-})
-
 test('customColor prop styles background color with a hex value', () => {
   const kit = renderKit(Background, props, { customColor: '#1d99a8' })
 

data/app/pb_kits/playbook/pb_body/_body.tsx

@@ -3,7 +3,6 @@ import classnames from 'classnames'
 
 import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'
 import { deprecatedProps, globalProps, GlobalProps } from '../utilities/globalProps'
-import { globalEventProps, GlobalEventProps } from '../utilities/globalEventProps'
 
 import Highlight from '../pb_highlight/_highlight'
 
@@ -22,7 +21,7 @@ type BodyProps = {
   tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div',
   text?: string,
   variant?: null | 'link',
-} & GlobalProps & GlobalEventProps
+} & GlobalProps
 
 const Body = (props: BodyProps): React.ReactElement => {
   if (props.variant) deprecatedProps() //status prop is deprecated, use color instead please
@@ -57,7 +56,6 @@ const Body = (props: BodyProps): React.ReactElement => {
         {...ariaProps}
         {...dataProps}
         {...htmlProps}
-        {...globalEventProps(props)}
         className={classes}
         id={id}
     >

data/app/pb_kits/playbook/pb_body/kit.schema.json

@@ -94,7 +94,6 @@
     }
   },
   "globalProps": true,
-  "globalEventProps": true,
   "usage": {
     "react": {
       "import": "import { Body } from 'playbook-ui'",

data/app/pb_kits/playbook/pb_card/_card.tsx

@@ -7,7 +7,6 @@ import classnames from 'classnames'
 
 import { buildAriaProps, buildDataProps, buildHtmlProps } from '../utilities/props'
 import { GlobalProps, globalProps, globalInlineProps } from '../utilities/globalProps'
-import { GlobalEventProps, globalEventProps } from '../utilities/globalEventProps'
 import type { ProductColors, CategoryColors, BackgroundColors, StatusColors } from '../types/colors'
 
 import Icon from '../pb_icon/_icon'
@@ -35,7 +34,7 @@ type CardPropTypes = {
   padding?: string,
   selected?: boolean,
   tag?: "div" | "section" | "footer" | "header" | "article" | "aside" | "main" | "nav",
-} & GlobalProps & GlobalEventProps
+} & GlobalProps
 
 type CardHeaderProps = {
   headerColor?: BackgroundColors | ProductColors | CategoryColors | StatusColors | "none",
@@ -157,7 +156,6 @@ const Card = (props: CardPropTypes): React.ReactElement => {
             {...dataProps}
             className={classnames(cardCss, globalProps(props), className)}
             {...restHtmlProps}
-            {...globalEventProps(props)}
             style={mergedStyles}
         >
           {subComponentTags('Header')}
@@ -187,7 +185,6 @@ const Card = (props: CardPropTypes): React.ReactElement => {
               {...dataProps}
               className={classnames(cardCss, globalProps(props), className)}
               {...restHtmlProps}
-              {...globalEventProps(props)}
               style={mergedStyles}
             >
               {subComponentTags('Header')}

data/app/pb_kits/playbook/pb_card/_card_mixin.scss

@@ -25,16 +25,6 @@ $additional_colors: (
 );
 $background_colors: map-merge($product_colors, $additional_colors);
 $pb_card_header_colors: map-merge(map-merge(map-merge($product_colors, $additional_colors), $category_colors), $status_colors);
-// Prop sizes only — legacy $border_radius keys like "light" collide with background_light.
-$pb_card_border_radius_values: (
-  xs: $border_radius_xs,
-  sm: $border_radius_sm,
-  md: $border_radius_md,
-  lg: $border_radius_lg,
-  xl: $border_radius_xl,
-  none: $border_radius_none,
-  rounded: $border_radius_rounded,
-);
 
 @mixin pb_card_selected($border_color: $primary) {
   border-color: $border_color;
@@ -73,8 +63,8 @@ $pb_card_border_radius_values: (
     }
   }
 
-  @each $name, $radius in $pb_card_border_radius_values {
-    &.pb_card_kit_border_radius_#{$name} {
+  @each $name, $radius in $border_radius {
+    &[class*=_#{$name}] {
       border-radius: $radius;
     }
   }

data/app/pb_kits/playbook/pb_card/kit.schema.json

@@ -186,7 +186,6 @@
     }
   },
   "globalProps": true,
-  "globalEventProps": true,
   "usage": {
     "react": {
       "import": "import { Card } from 'playbook-ui'",

data/app/pb_kits/playbook/pb_copy_button/_copy_button.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import classnames from 'classnames'
-import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'
+import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
 import { globalProps } from '../utilities/globalProps'
 
 import Button from '../pb_button/_button'
@@ -13,7 +13,6 @@ type CopyButtonProps = {
   aria?: { [key: string]: string }
   className?: string
   data?: { [key: string]: string }
-  htmlOptions?: {[key: string]: string | number | boolean | (() => void)}
   id?: string
   from?: string
   text?: string
@@ -30,7 +29,6 @@ const CopyButton = (props: CopyButtonProps) => {
     className,
     data = {},
     from = '',
-    htmlOptions = {},
     id,
     text = 'Copy',
     timeout = 1000,
@@ -44,14 +42,12 @@ const CopyButton = (props: CopyButtonProps) => {
 
   const ariaProps = buildAriaProps(aria)
   const dataProps = buildDataProps(data)
-  const htmlProps = buildHtmlProps(htmlOptions)
   const classes = classnames(buildCss('pb_copy_button_kit'), globalProps(props), className)
 
   return (
     <div 
         {...ariaProps}
         {...dataProps}
-        {...htmlProps}
         className={classes}
         id={id}
     >

data/app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx

@@ -86,15 +86,3 @@ test('passes text and tooltip props to button', () => {
   const tooltip = kit.querySelector('.pb_tooltip_kit')
   expect(tooltip).toBeInTheDocument()
 })
-
-test('applies htmlOptions to the root element', () => {
-  render(
-      <CopyButton
-          data={{ testid: 'html-options-test' }}
-          htmlOptions={{ title: 'copy title' }}
-          value="copy"
-      />
-  )
-
-  expect(screen.getByTestId('html-options-test')).toHaveAttribute('title', 'copy title')
-})

data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx

@@ -52,7 +52,6 @@ type DatePickerProps = {
   allowInput?: boolean,
   aria?: { [key: string]: string },
   className?: string,
-  closeOnSelect?: boolean,
   customQuickPickDates: { override: boolean, dates: any[] },
   dark?: boolean,
   data?: { [key: string]: string },
@@ -104,7 +103,6 @@ const DatePicker = (props: DatePickerProps): React.ReactElement => {
     allowInput = false,
     aria = {},
     className,
-    closeOnSelect = true,
     customQuickPickDates,
     dark = false,
     data = {},
@@ -182,7 +180,6 @@ const DatePicker = (props: DatePickerProps): React.ReactElement => {
   useEffect(() => {
     datePickerHelper({
       allowInput,
-      closeOnSelect,
       customQuickPickDates,
       defaultDate: normalizedDefaultDate,
       disableDate,

data/app/pb_kits/playbook/pb_date_picker/date_picker.rb

@@ -91,8 +91,6 @@ module Playbook
                     default: "pointer"
       prop :year_ascending, type: Playbook::Props::Boolean,
                             default: false
-      prop :close_on_select, type: Playbook::Props::Boolean,
-                             default: true
 
       def classname
         default_margin_bottom = margin_bottom.present? ? "" : " mb_sm"
@@ -103,7 +101,6 @@ module Playbook
       def date_picker_config
         {
           allowInput: allow_input,
-          closeOnSelect: close_on_select,
           customQuickPickDates: custom_quick_pick_dates,
           defaultDate: default_date,
           disableDate: disable_date,

data/app/pb_kits/playbook/pb_date_picker/date_picker.test.js

@@ -510,18 +510,4 @@ describe('DatePicker Kit', () => {
       )
     })
   })
-
-  test('passes closeOnSelect to flatpickr', async () => {
-    render(
-      <DatePicker
-          closeOnSelect={false}
-          pickerId="date-picker-close-on-select"
-      />
-    )
-
-    await waitFor(() => {
-      const input = document.getElementById('date-picker-close-on-select')
-      expect(input._flatpickr.config.closeOnSelect).toBe(false)
-    })
-  })
 })

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

@@ -3,7 +3,6 @@
   "propTargets": {},
   "defaults": {
     "allowInput": false,
-    "closeOnSelect": true,
     "dark": false,
     "defaultDate": "",
     "disableInput": false,

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

@@ -33,7 +33,6 @@ examples:
   - date_picker_positions: Custom Positions
   - date_picker_positions_element: Custom Position (based on element)
   - date_picker_required_indicator: Required Indicator
-  - date_picker_close_on_select: Close on Select
   - date_picker_turbo_frames: Within Turbo Frames
 
   react:
@@ -69,5 +68,4 @@ examples:
   - date_picker_positions: Custom Positions
   - date_picker_positions_element: Custom Position (based on element)
   - date_picker_required_indicator: Required Indicator
-  - date_picker_close_on_select: Close on Select
   - date_picker_dialog_submission: Dialog Form Submission

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

@@ -31,4 +31,3 @@ export { default as DatePickerAndDropdownRange } from './_date_picker_and_dropdo
 export { default as DatePickerRequiredIndicator } from "./_date_picker_required_indicator.jsx";
 export { default as DatePickerDialogSubmission } from "./_date_picker_dialog_submission.jsx";
 export { default as DatePickerYearAsc } from './_date_picker_year_asc.jsx'
-export { default as DatePickerCloseOnSelect } from './_date_picker_close_on_select.jsx'

data/app/pb_kits/playbook/pb_date_picker/kit.schema.json

@@ -15,14 +15,6 @@
       ],
       "default": false
     },
-    "closeOnSelect": {
-      "type": "boolean",
-      "platforms": [
-        "react",
-        "rails"
-      ],
-      "default": true
-    },
     "customQuickPickDates": {
       "type": "GenericObject",
       "platforms": [

data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.tsx

@@ -1,6 +1,5 @@
 
 import React from 'react'
-import classnames from 'classnames'
 
 import { buildCss, buildHtmlProps } from '../utilities/props'
 import { deprecatedProps, globalProps } from '../utilities/globalProps'
@@ -12,7 +11,6 @@ import TimeStacked from '../pb_time_stacked/_time_stacked'
 import DateStacked from '../pb_date_stacked/_date_stacked'
 
 type DateTimeStackedProps = {
-  className?: string,
   htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
   id?: string,
   date: Date,
@@ -29,25 +27,20 @@ const DateTimeStacked = (props: DateTimeStackedProps): React.ReactElement => {
     date,
     datetime,
     dark,
-    className,
     htmlOptions = {},
     timeZone = 'America/New_York',
     showCurrentYear = false,
   } = props
 
-  const classes = classnames(
-    buildCss('pb_date_time_stacked_kit'),
-    globalProps(props),
-    className
-  )
+  const classes = buildCss('pb_date_time_stacked_kit', globalProps(props))
+  const htmlProps = buildHtmlProps(htmlOptions)
 
   return (
     <Flex
-        htmlOptions={htmlOptions}
         inline={false}
         vertical="stretch"
+        {...htmlProps}
         {...props}
-        className={classes}
     >
       <FlexItem>
         <DateStacked
@@ -65,6 +58,7 @@ const DateTimeStacked = (props: DateTimeStackedProps): React.ReactElement => {
       />
       <FlexItem>
         <TimeStacked
+            className={classes}
             dark={dark}
             date={date || datetime}
             timeZone={timeZone}

data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.test.js

@@ -74,15 +74,3 @@ test('hides current year by default', () => {
     expect(yearElement).toBeNull()
   }
 })
-
-test('applies kit class and global props to the root', () => {
-  const kit = renderKit(DateTimeStacked, {
-    data: { testid: 'datetimestacked-root' },
-    datetime,
-    dark: false,
-    margin: 'md',
-  })
-
-  expect(kit).toHaveClass('pb_date_time_stacked_kit')
-  expect(kit).toHaveClass('m_md')
-})

data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx

@@ -1,27 +1,22 @@
 import React from 'react'
 import classnames from 'classnames'
-import { buildCss, buildHtmlProps } from '../../utilities/props'
+import { buildCss } from '../../utilities/props'
 import { globalProps } from '../../utilities/globalProps'
 
 type DialogBodyProps = {
   children: React.ReactNode | React.ReactNode[] | string,
   padding?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl",
-  className?: string,
-  htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
+  className?: string
 } 
 
 // Body component
 const DialogBody = (props: DialogBodyProps): React.ReactElement => {
-  const { children, className, htmlOptions = {} } = props
+  const { children, className } = props
   const bodyCSS = buildCss("dialog_body")
   const bodySpacing = globalProps(props)
-  const htmlProps = buildHtmlProps(htmlOptions)
 
   return (
-    <div
-        {...htmlProps}
-        className={classnames(bodyCSS, bodySpacing, className)}
-    >
+    <div className={classnames(bodyCSS, bodySpacing, className)}>
       {children}
     </div>
   )

data/app/pb_kits/playbook/pb_dialog/dialog.test.jsx

@@ -268,13 +268,3 @@ describe('isNativeSelectMenuInteraction', () => {
     expect(isNativeSelectMenuInteraction(dialog, select)).toBe(false)
   })
 })
-
-test("applies htmlOptions to Dialog.Body", () => {
-  render(
-    <Dialog.Body htmlOptions={{ title: "body title" }}>
-      {"Body content"}
-    </Dialog.Body>
-  )
-
-  expect(document.querySelector(".dialog_body")).toHaveAttribute("title", "body title")
-})

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