@box/blueprint-web 9.16.2 → 9.16.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib-esm/accordion/accordion.module.js +1 -1
- package/lib-esm/avatar/avatar.module.js +1 -1
- package/lib-esm/badge/base-badge.module.js +1 -1
- package/lib-esm/card/card.module.js +1 -1
- package/lib-esm/card-tooltip/card-tooltip.module.js +1 -1
- package/lib-esm/card-tooltip-v2/card-tooltip-v2.module.js +1 -1
- package/lib-esm/checkbox/checkbox.module.js +1 -1
- package/lib-esm/collapsible/collapsible-section.module.js +1 -1
- package/lib-esm/combobox/combobox.js +12 -0
- package/lib-esm/combobox/combobox.module.js +1 -1
- package/lib-esm/combobox-group/combobox-group.module.js +1 -1
- package/lib-esm/content-card/content-card.module.js +1 -1
- package/lib-esm/data-table/cell/sticky-cell.module.js +1 -1
- package/lib-esm/data-table/data-table.module.js +1 -1
- package/lib-esm/date-picker/date-picker.module.js +1 -1
- package/lib-esm/divider/divider.module.js +1 -1
- package/lib-esm/empty-state/empty-state.module.js +1 -1
- package/lib-esm/ghost/ghost.module.js +1 -1
- package/lib-esm/guided-tooltip/guided-tooltip.module.js +1 -1
- package/lib-esm/icon-dual-state-button/icon-dual-state-button.module.js +1 -1
- package/lib-esm/icon-toggle-button/icon-toggle-button.module.js +1 -1
- package/lib-esm/index.css +1032 -1028
- package/lib-esm/loading-indicator/loading-indicator.module.js +1 -1
- package/lib-esm/modal/modal.module.js +1 -1
- package/lib-esm/navigation-menu/navigation-menu.module.js +1 -1
- package/lib-esm/page/page.module.js +1 -1
- package/lib-esm/page-section/page-section.module.js +1 -1
- package/lib-esm/password-input/password-input.module.js +1 -1
- package/lib-esm/primitives/base-button/base-button.module.js +1 -1
- package/lib-esm/primitives/base-inline-notice/base-inline-notice.module.js +1 -1
- package/lib-esm/primitives/base-text-input/base-text-input.module.js +1 -1
- package/lib-esm/primitives/calendar/calendar.module.js +1 -1
- package/lib-esm/primitives/chips/chip.module.js +1 -1
- package/lib-esm/primitives/context-menu/context-menu.module.js +1 -1
- package/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js +1 -1
- package/lib-esm/primitives/icon-button/icon-button.module.js +1 -1
- package/lib-esm/primitives/inline-error/inline-error.module.js +1 -1
- package/lib-esm/primitives/link/link.module.js +1 -1
- package/lib-esm/primitives/notification/notification.module.js +1 -1
- package/lib-esm/primitives/page-header/page-header.module.js +1 -1
- package/lib-esm/primitives/popover/popover.module.js +1 -1
- package/lib-esm/primitives/select-menu-grid/select-menu-grid-option.module.js +1 -1
- package/lib-esm/primitives/tabs/tabs.module.js +1 -1
- package/lib-esm/radio-group/radio-group.module.js +1 -1
- package/lib-esm/radio-tiles/radio-tiles-option.module.js +1 -1
- package/lib-esm/radio-tiles/radio-tiles.module.js +1 -1
- package/lib-esm/search-input/search.module.js +1 -1
- package/lib-esm/select/select.module.js +1 -1
- package/lib-esm/side-panel/side-panel.module.js +1 -1
- package/lib-esm/slider/slider-incrementer.module.js +1 -1
- package/lib-esm/slider/slider-range.module.js +1 -1
- package/lib-esm/slider/slider.module.js +1 -1
- package/lib-esm/status/status.module.js +1 -1
- package/lib-esm/switch/switch.module.js +1 -1
- package/lib-esm/text/text.module.js +1 -1
- package/lib-esm/text-area/text-area-autosize/text-area-autosize.module.js +1 -1
- package/lib-esm/text-area/text-area.module.js +1 -1
- package/lib-esm/text-button/text-button.module.js +1 -1
- package/lib-esm/text-input/text-input.module.js +1 -1
- package/lib-esm/text-toggle-button/text-toggle-button.module.js +1 -1
- package/lib-esm/toolbar/toolbar.module.js +1 -1
- package/lib-esm/tooltip/tooltip.module.js +1 -1
- package/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js +1 -1
- package/lib-esm/util-components/interactive-icon/interactive-icon.module.js +1 -1
- package/lib-esm/util-components/legend/legend.module.js +1 -1
- package/lib-esm/util-components/menu-item-sections/menu-item-sections.module.js +1 -1
- package/lib-esm/util-components/search-term-string/search-term-string.module.js +1 -1
- package/lib-esm/util-components/text-with-info-badge/text-with-info-badge.module.js +1 -1
- package/package.json +3 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"accordionContent":"bp_accordion_module_accordionContent--
|
|
2
|
+
var styles = {"accordionContent":"bp_accordion_module_accordionContent--c048d","slideDown":"bp_accordion_module_slideDown--c048d","slideUp":"bp_accordion_module_slideUp--c048d","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--c048d","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--c048d","accordionItem":"bp_accordion_module_accordionItem--c048d","accordionFixedContent":"bp_accordion_module_accordionFixedContent--c048d","accordionHeader":"bp_accordion_module_accordionHeader--c048d","accordionHeaderTrigger":"bp_accordion_module_accordionHeaderTrigger--c048d","accordionStatus":"bp_accordion_module_accordionStatus--c048d","accordionTrigger":"bp_accordion_module_accordionTrigger--c048d","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--c048d"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"avatar":"bp_avatar_module_avatar--
|
|
2
|
+
var styles = {"avatar":"bp_avatar_module_avatar--514bc","badge":"bp_avatar_module_badge--514bc","text":"bp_avatar_module_text--514bc","small":"bp_avatar_module_small--514bc","length-1":"bp_avatar_module_length-1--514bc","length-2":"bp_avatar_module_length-2--514bc","medium":"bp_avatar_module_medium--514bc","large":"bp_avatar_module_large--514bc","length-3":"bp_avatar_module_length-3--514bc","length-4":"bp_avatar_module_length-4--514bc","xlarge":"bp_avatar_module_xlarge--514bc","xxlarge":"bp_avatar_module_xxlarge--514bc","image":"bp_avatar_module_image--514bc","loading":"bp_avatar_module_loading--514bc","anonymousAvatar":"bp_avatar_module_anonymousAvatar--514bc"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"badgeContainer":"bp_base_badge_module_badgeContainer--
|
|
2
|
+
var styles = {"badgeContainer":"bp_base_badge_module_badgeContainer--e74ff","badge":"bp_base_badge_module_badge--e74ff","smallSizeBadge":"bp_base_badge_module_smallSizeBadge--e74ff","mediumSizeBadge":"bp_base_badge_module_mediumSizeBadge--e74ff","largeSizeBadge":"bp_base_badge_module_largeSizeBadge--e74ff","xlargeSizeBadge":"bp_base_badge_module_xlargeSizeBadge--e74ff","xxlargeSizeBadge":"bp_base_badge_module_xxlargeSizeBadge--e74ff","iconBadge":"bp_base_badge_module_iconBadge--e74ff","statusBadge":"bp_base_badge_module_statusBadge--e74ff","numericBadge":"bp_base_badge_module_numericBadge--e74ff","numericBadgeSingleDigit":"bp_base_badge_module_numericBadgeSingleDigit--e74ff","numericBadgeMoreDigits":"bp_base_badge_module_numericBadgeMoreDigits--e74ff"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"card":"bp_card_module_card--
|
|
2
|
+
var styles = {"card":"bp_card_module_card--04cb9","dropshadow-1":"bp_card_module_dropshadow-1--04cb9","dropshadow-3":"bp_card_module_dropshadow-3--04cb9"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"content":"bp_card_tooltip_module_content--
|
|
2
|
+
var styles = {"content":"bp_card_tooltip_module_content--46c9b","card":"bp_card_tooltip_module_card--46c9b","slideDownAndFade":"bp_card_tooltip_module_slideDownAndFade--46c9b","slideLeftAndFade":"bp_card_tooltip_module_slideLeftAndFade--46c9b","slideUpAndFade":"bp_card_tooltip_module_slideUpAndFade--46c9b","slideRightAndFade":"bp_card_tooltip_module_slideRightAndFade--46c9b"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"content":"bp_card_tooltip_v2_module_content--
|
|
2
|
+
var styles = {"content":"bp_card_tooltip_v2_module_content--b962a","slideDownAndFade":"bp_card_tooltip_v2_module_slideDownAndFade--b962a","slideLeftAndFade":"bp_card_tooltip_v2_module_slideLeftAndFade--b962a","slideUpAndFade":"bp_card_tooltip_v2_module_slideUpAndFade--b962a","slideRightAndFade":"bp_card_tooltip_v2_module_slideRightAndFade--b962a"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"option":"bp_checkbox_module_option--
|
|
2
|
+
var styles = {"option":"bp_checkbox_module_option--305ba","checkbox":"bp_checkbox_module_checkbox--305ba","indicator":"bp_checkbox_module_indicator--305ba","label":"bp_checkbox_module_label--305ba","description":"bp_checkbox_module_description--305ba","disabled":"bp_checkbox_module_disabled--305ba"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"collapsibleSection":"bp_collapsible_section_module_collapsibleSection--
|
|
2
|
+
var styles = {"collapsibleSection":"bp_collapsible_section_module_collapsibleSection--9e344","collapsibleSectionHeader":"bp_collapsible_section_module_collapsibleSectionHeader--9e344","collapsibleSectionHeaderArrow":"bp_collapsible_section_module_collapsibleSectionHeaderArrow--9e344","collapsibleSectionContent":"bp_collapsible_section_module_collapsibleSectionContent--9e344","slideDown":"bp_collapsible_section_module_slideDown--9e344","slideUp":"bp_collapsible_section_module_slideUp--9e344","collapsibleSectionBody":"bp_collapsible_section_module_collapsibleSectionBody--9e344"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -84,6 +84,7 @@ const RootInner = ({
|
|
|
84
84
|
const inputRef = useRef(null);
|
|
85
85
|
const comboboxId = useUniqueId('combobox-', !idForLabel) || idForLabel || 'default-combobox-id';
|
|
86
86
|
const popoverRef = useRef(null);
|
|
87
|
+
const comboboxContainerRef = useRef(null);
|
|
87
88
|
const popoverRefCallback = useCallback(node => {
|
|
88
89
|
popoverRef.current = node;
|
|
89
90
|
getPopoverRef?.(node);
|
|
@@ -238,6 +239,13 @@ const RootInner = ({
|
|
|
238
239
|
return prev;
|
|
239
240
|
});
|
|
240
241
|
};
|
|
242
|
+
const handleFocusInputOnEvent = useCallback(event => {
|
|
243
|
+
// don't focus if child element event was triggered
|
|
244
|
+
if (event.target !== event.currentTarget) {
|
|
245
|
+
return;
|
|
246
|
+
}
|
|
247
|
+
focusInput();
|
|
248
|
+
}, [focusInput]);
|
|
241
249
|
const removeSingleSelectInputChip = () => {
|
|
242
250
|
resetSelectedValue();
|
|
243
251
|
focusInput();
|
|
@@ -260,12 +268,16 @@ const RootInner = ({
|
|
|
260
268
|
}), jsx(PopoverAnchor, {
|
|
261
269
|
store: comboboxStore,
|
|
262
270
|
children: jsxs("div", {
|
|
271
|
+
ref: comboboxContainerRef,
|
|
263
272
|
className: clsx(styles.comboboxContainer, {
|
|
264
273
|
[styles.error]: hasError,
|
|
265
274
|
[styles.withChips]: showChipsGroup || showSingleSelectChip,
|
|
266
275
|
[styles.withComboboxButtons]: showComboboxCancelButton || Boolean(endComboboxIcon)
|
|
267
276
|
}),
|
|
277
|
+
"data-testid": "combobox-container",
|
|
278
|
+
onClick: handleFocusInputOnEvent,
|
|
268
279
|
children: [showChipsGroup && jsx(ChipsGroup, {
|
|
280
|
+
onClick: handleFocusInputOnEvent,
|
|
269
281
|
children: selectedValue.map(selected => jsx(InputChip, {
|
|
270
282
|
avatar: getDisplayAvatarFromOptionValue(selected, options, displayAvatar),
|
|
271
283
|
label: getDisplayValueFromOptionValue(selected, options, displayValue),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"bp_combobox_module_container--
|
|
2
|
+
var styles = {"container":"bp_combobox_module_container--fbb28","disabled":"bp_combobox_module_disabled--fbb28","label":"bp_combobox_module_label--fbb28","hiddenLabel":"bp_combobox_module_hiddenLabel--fbb28","comboboxContainer":"bp_combobox_module_comboboxContainer--fbb28","withComboboxButtons":"bp_combobox_module_withComboboxButtons--fbb28","error":"bp_combobox_module_error--fbb28","textInputWrapper":"bp_combobox_module_textInputWrapper--fbb28","textInput":"bp_combobox_module_textInput--fbb28","errorIcon":"bp_combobox_module_errorIcon--fbb28","comboboxButtons":"bp_combobox_module_comboboxButtons--fbb28","withChips":"bp_combobox_module_withChips--fbb28","inlineError":"bp_combobox_module_inlineError--fbb28","popover":"bp_combobox_module_popover--fbb28","option":"bp_combobox_module_option--fbb28","indicator":"bp_combobox_module_indicator--fbb28","indicatorIcon":"bp_combobox_module_indicatorIcon--fbb28","optionWithIndicator":"bp_combobox_module_optionWithIndicator--fbb28","loadingIndicator":"bp_combobox_module_loadingIndicator--fbb28","noResultOption":"bp_combobox_module_noResultOption--fbb28"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"bp_combobox_group_module_container--
|
|
2
|
+
var styles = {"container":"bp_combobox_group_module_container--cf160","comboboxGroupcontainer":"bp_combobox_group_module_comboboxGroupcontainer--cf160","disabled":"bp_combobox_group_module_disabled--cf160","label":"bp_combobox_group_module_label--cf160","trailing":"bp_combobox_group_module_trailing--cf160","leading":"bp_combobox_group_module_leading--cf160","errorCombobox":"bp_combobox_group_module_errorCombobox--cf160","errorSelect":"bp_combobox_group_module_errorSelect--cf160","selectHasFocus":"bp_combobox_group_module_selectHasFocus--cf160","comboboxHasFocus":"bp_combobox_group_module_comboboxHasFocus--cf160"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"card":"bp_content_card_module_card--
|
|
2
|
+
var styles = {"card":"bp_content_card_module_card--9e262","cardContent":"bp_content_card_module_cardContent--9e262","cardTitle":"bp_content_card_module_cardTitle--9e262","cardTitleText":"bp_content_card_module_cardTitleText--9e262","cardBody":"bp_content_card_module_cardBody--9e262","cardBodyText":"bp_content_card_module_cardBodyText--9e262","cardIcon":"bp_content_card_module_cardIcon--9e262","cardBackground":"bp_content_card_module_cardBackground--9e262","image":"bp_content_card_module_image--9e262","ghostCard":"bp_content_card_module_ghostCard--9e262","iconGhost":"bp_content_card_module_iconGhost--9e262","titleGhost":"bp_content_card_module_titleGhost--9e262","bodyGhost":"bp_content_card_module_bodyGhost--9e262","pillGhostContainer":"bp_content_card_module_pillGhostContainer--9e262","pillGhost":"bp_content_card_module_pillGhost--9e262"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"stickyCell":"bp_sticky_cell_module_stickyCell--
|
|
2
|
+
var styles = {"stickyCell":"bp_sticky_cell_module_stickyCell--903ed","childrenWrapper":"bp_sticky_cell_module_childrenWrapper--903ed","verticalBar":"bp_sticky_cell_module_verticalBar--903ed","isScrolledX":"bp_sticky_cell_module_isScrolledX--903ed","stickyCellBelow":"bp_sticky_cell_module_stickyCellBelow--903ed","stickyCellOuterLeft":"bp_sticky_cell_module_stickyCellOuterLeft--903ed"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"dataTableWrapper":"bp_data_table_module_dataTableWrapper--
|
|
2
|
+
var styles = {"dataTableWrapper":"bp_data_table_module_dataTableWrapper--1fced","isScrolledX":"bp_data_table_module_isScrolledX--1fced","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--1fced"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"datePicker":"bp_date_picker_module_datePicker--
|
|
2
|
+
var styles = {"datePicker":"bp_date_picker_module_datePicker--d2045","disabled":"bp_date_picker_module_disabled--d2045","label":"bp_date_picker_module_label--d2045","group":"bp_date_picker_module_group--d2045","groupContainer":"bp_date_picker_module_groupContainer--d2045","error":"bp_date_picker_module_error--d2045","groupContainerInput":"bp_date_picker_module_groupContainerInput--d2045","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--d2045","button":"bp_date_picker_module_button--d2045","clear":"bp_date_picker_module_clear--d2045","inlineError":"bp_date_picker_module_inlineError--d2045","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--d2045","slide":"bp_date_picker_module_slide--d2045"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"emptyState":"bp_empty_state_module_emptyState--
|
|
2
|
+
var styles = {"emptyState":"bp_empty_state_module_emptyState--a1973","illustration":"bp_empty_state_module_illustration--a1973","body":"bp_empty_state_module_body--a1973","heading":"bp_empty_state_module_heading--a1973","button":"bp_empty_state_module_button--a1973","small":"bp_empty_state_module_small--a1973"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"ghost":"bp_ghost_module_ghost--
|
|
2
|
+
var styles = {"ghost":"bp_ghost_module_ghost--aedd8","ghost-keyframes":"bp_ghost_module_ghost-keyframes--aedd8","circle":"bp_ghost_module_circle--aedd8","pill":"bp_ghost_module_pill--aedd8","rectangle":"bp_ghost_module_rectangle--aedd8"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"content":"bp_guided_tooltip_module_content--
|
|
2
|
+
var styles = {"content":"bp_guided_tooltip_module_content--fbb70","body":"bp_guided_tooltip_module_body--fbb70","noTitle":"bp_guided_tooltip_module_noTitle--fbb70","title":"bp_guided_tooltip_module_title--fbb70","footer":"bp_guided_tooltip_module_footer--fbb70","actionButtons":"bp_guided_tooltip_module_actionButtons--fbb70","stepsIndicator":"bp_guided_tooltip_module_stepsIndicator--fbb70","closeButton":"bp_guided_tooltip_module_closeButton--fbb70","arrow":"bp_guided_tooltip_module_arrow--fbb70","icon":"bp_guided_tooltip_module_icon--fbb70","illustration":"bp_guided_tooltip_module_illustration--fbb70"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"iconDualStateButton":"bp_icon_dual_state_button_module_iconDualStateButton--
|
|
2
|
+
var styles = {"iconDualStateButton":"bp_icon_dual_state_button_module_iconDualStateButton--e3941","pressed":"bp_icon_dual_state_button_module_pressed--e3941","xsmallButton":"bp_icon_dual_state_button_module_xsmallButton--e3941","smallButton":"bp_icon_dual_state_button_module_smallButton--e3941"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"iconToggleButton":"bp_icon_toggle_button_module_iconToggleButton--
|
|
2
|
+
var styles = {"iconToggleButton":"bp_icon_toggle_button_module_iconToggleButton--75094","high-contrast":"bp_icon_toggle_button_module_high-contrast--75094","icon":"bp_icon_toggle_button_module_icon--75094","default":"bp_icon_toggle_button_module_default--75094","medium":"bp_icon_toggle_button_module_medium--75094","small":"bp_icon_toggle_button_module_small--75094","x-small":"bp_icon_toggle_button_module_x-small--75094"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|