@box/blueprint-web 6.36.4 → 6.37.0
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/card/card.module.js +1 -1
- package/lib-esm/card-tooltip/card-tooltip.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.module.js +1 -1
- package/lib-esm/content-card/content-card.module.js +1 -1
- package/lib-esm/content-field/content-field.d.ts +1 -1
- package/lib-esm/content-field/content-field.js +29 -17
- package/lib-esm/content-field/content-field.module.js +1 -1
- package/lib-esm/content-field/messages.d.ts +1 -0
- package/lib-esm/content-field/messages.js +1 -0
- package/lib-esm/content-field/types.d.ts +9 -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/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/index.css +811 -810
- 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/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/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/tabs/tabs.module.js +1 -1
- package/lib-esm/radio-group/radio-group.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/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/focus-trap/focus-trap.d.ts +0 -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--b384d","slideDown":"bp_accordion_module_slideDown--b384d","slideUp":"bp_accordion_module_slideUp--b384d","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--b384d","accordionItem":"bp_accordion_module_accordionItem--b384d","accordionFixedContent":"bp_accordion_module_accordionFixedContent--b384d","accordionHeader":"bp_accordion_module_accordionHeader--b384d","accordionHeaderTrigger":"bp_accordion_module_accordionHeaderTrigger--b384d","accordionStatus":"bp_accordion_module_accordionStatus--b384d","accordionTrigger":"bp_accordion_module_accordionTrigger--b384d","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--b384d"};
|
|
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--31cd1","badge":"bp_avatar_module_badge--31cd1","text":"bp_avatar_module_text--31cd1","small":"bp_avatar_module_small--31cd1","length-1":"bp_avatar_module_length-1--31cd1","length-2":"bp_avatar_module_length-2--31cd1","medium":"bp_avatar_module_medium--31cd1","large":"bp_avatar_module_large--31cd1","length-3":"bp_avatar_module_length-3--31cd1","length-4":"bp_avatar_module_length-4--31cd1","xlarge":"bp_avatar_module_xlarge--31cd1","image":"bp_avatar_module_image--31cd1","loading":"bp_avatar_module_loading--31cd1","anonymousAvatar":"bp_avatar_module_anonymousAvatar--31cd1","svg":"bp_avatar_module_svg--31cd1"};
|
|
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--bfca8","dropshadow-1":"bp_card_module_dropshadow-1--bfca8","dropshadow-3":"bp_card_module_dropshadow-3--bfca8"};
|
|
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--50866","card":"bp_card_tooltip_module_card--50866","slideDownAndFade":"bp_card_tooltip_module_slideDownAndFade--50866","slideLeftAndFade":"bp_card_tooltip_module_slideLeftAndFade--50866","slideUpAndFade":"bp_card_tooltip_module_slideUpAndFade--50866","slideRightAndFade":"bp_card_tooltip_module_slideRightAndFade--50866"};
|
|
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--3ba5a","checkbox":"bp_checkbox_module_checkbox--3ba5a","indicator":"bp_checkbox_module_indicator--3ba5a","label":"bp_checkbox_module_label--3ba5a","description":"bp_checkbox_module_description--3ba5a","disabled":"bp_checkbox_module_disabled--3ba5a"};
|
|
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--f6e71","collapsibleSectionHeader":"bp_collapsible_section_module_collapsibleSectionHeader--f6e71","collapsibleSectionHeaderArrow":"bp_collapsible_section_module_collapsibleSectionHeaderArrow--f6e71","collapsibleSectionContent":"bp_collapsible_section_module_collapsibleSectionContent--f6e71","slideDown":"bp_collapsible_section_module_slideDown--f6e71","slideUp":"bp_collapsible_section_module_slideUp--f6e71","collapsibleSectionBody":"bp_collapsible_section_module_collapsibleSectionBody--f6e71"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -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--a8a88","disabled":"bp_combobox_module_disabled--a8a88","label":"bp_combobox_module_label--a8a88","hiddenLabel":"bp_combobox_module_hiddenLabel--a8a88","comboboxContainer":"bp_combobox_module_comboboxContainer--a8a88","error":"bp_combobox_module_error--a8a88","textInputWrapper":"bp_combobox_module_textInputWrapper--a8a88","textInput":"bp_combobox_module_textInput--a8a88","errorIcon":"bp_combobox_module_errorIcon--a8a88","withChipsGroup":"bp_combobox_module_withChipsGroup--a8a88","inlineError":"bp_combobox_module_inlineError--a8a88","popover":"bp_combobox_module_popover--a8a88","option":"bp_combobox_module_option--a8a88","indicator":"bp_combobox_module_indicator--a8a88","indicatorIcon":"bp_combobox_module_indicatorIcon--a8a88","optionWithIndicator":"bp_combobox_module_optionWithIndicator--a8a88","loadingIndicator":"bp_combobox_module_loadingIndicator--a8a88","noResultOption":"bp_combobox_module_noResultOption--a8a88"};
|
|
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--6db10","cardContent":"bp_content_card_module_cardContent--6db10","cardTitle":"bp_content_card_module_cardTitle--6db10","cardTitleText":"bp_content_card_module_cardTitleText--6db10","cardBody":"bp_content_card_module_cardBody--6db10","cardBodyText":"bp_content_card_module_cardBodyText--6db10","cardIcon":"bp_content_card_module_cardIcon--6db10","cardBackground":"bp_content_card_module_cardBackground--6db10","image":"bp_content_card_module_image--6db10","ghostCard":"bp_content_card_module_ghostCard--6db10","iconGhost":"bp_content_card_module_iconGhost--6db10","titleGhost":"bp_content_card_module_titleGhost--6db10","bodyGhost":"bp_content_card_module_bodyGhost--6db10","pillGhostContainer":"bp_content_card_module_pillGhostContainer--6db10","pillGhost":"bp_content_card_module_pillGhost--6db10"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { type ContentFieldProps } from './types';
|
|
3
3
|
export declare const contentFieldButtonTestId = "ContentField-button";
|
|
4
|
-
export declare const ContentField: ({ hintText, onClick, onClickClearButton,
|
|
4
|
+
export declare const ContentField: ({ clearButtonAriaLabel, itemIcon, hintText, isSharedFolder, onClick, onClickClearButton, title, error, }: ContentFieldProps) => JSX.Element;
|
|
@@ -5,10 +5,10 @@ import { XMark, Folder } from '@box/blueprint-web-assets/icons/Fill';
|
|
|
5
5
|
import { Space6, Space4 } from '@box/blueprint-web-assets/tokens/tokens';
|
|
6
6
|
import clsx from 'clsx';
|
|
7
7
|
import { createRef } from 'react';
|
|
8
|
+
import { InlineError } from '../primitives/inline-error/inline-error.js';
|
|
8
9
|
import { useFullTextTooltip } from '../utils/useFullTextTooltip.js';
|
|
9
10
|
import styles from './content-field.module.js';
|
|
10
11
|
import { messages } from './messages.js';
|
|
11
|
-
import { InlineError } from '../primitives/inline-error/inline-error.js';
|
|
12
12
|
|
|
13
13
|
const ContentIconContainer = ({
|
|
14
14
|
children
|
|
@@ -17,19 +17,28 @@ const ContentIconContainer = ({
|
|
|
17
17
|
children: children
|
|
18
18
|
});
|
|
19
19
|
const ContentIcon = ({
|
|
20
|
-
isSharedFolder
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
});
|
|
20
|
+
isSharedFolder,
|
|
21
|
+
itemIcon
|
|
22
|
+
}) => {
|
|
23
|
+
if (itemIcon) {
|
|
24
|
+
return itemIcon;
|
|
25
|
+
}
|
|
26
|
+
if (isSharedFolder) {
|
|
27
|
+
return jsx(FolderShared, {
|
|
28
|
+
"aria-label": messages.sharedFolderIconLabel,
|
|
29
|
+
className: styles.contentIconShared,
|
|
30
|
+
height: Space6,
|
|
31
|
+
width: Space6
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
return jsx(ContentIconContainer, {
|
|
35
|
+
children: jsx(Folder, {
|
|
36
|
+
"aria-label": messages.folderIconLabel,
|
|
37
|
+
height: Space4,
|
|
38
|
+
width: Space4
|
|
39
|
+
})
|
|
40
|
+
});
|
|
41
|
+
};
|
|
33
42
|
const handleOnClickClearButton = ({
|
|
34
43
|
ref,
|
|
35
44
|
onClickClearButton
|
|
@@ -39,10 +48,12 @@ const handleOnClickClearButton = ({
|
|
|
39
48
|
};
|
|
40
49
|
const contentFieldButtonTestId = 'ContentField-button';
|
|
41
50
|
const ContentField = ({
|
|
51
|
+
clearButtonAriaLabel,
|
|
52
|
+
itemIcon,
|
|
42
53
|
hintText,
|
|
54
|
+
isSharedFolder,
|
|
43
55
|
onClick,
|
|
44
56
|
onClickClearButton,
|
|
45
|
-
isSharedFolder,
|
|
46
57
|
title,
|
|
47
58
|
error
|
|
48
59
|
}) => {
|
|
@@ -69,7 +80,8 @@ const ContentField = ({
|
|
|
69
80
|
onClick: onClick,
|
|
70
81
|
type: "button",
|
|
71
82
|
children: [jsx(ContentIcon, {
|
|
72
|
-
isSharedFolder: isSharedFolder
|
|
83
|
+
isSharedFolder: isSharedFolder,
|
|
84
|
+
itemIcon: itemIcon
|
|
73
85
|
}), jsx("div", {
|
|
74
86
|
className: styles.contentLabelWrapper,
|
|
75
87
|
children: jsx("div", {
|
|
@@ -80,7 +92,7 @@ const ContentField = ({
|
|
|
80
92
|
})]
|
|
81
93
|
})
|
|
82
94
|
}), title && jsx(Button, {
|
|
83
|
-
"aria-label": messages.clearContentFieldButtonLabel,
|
|
95
|
+
"aria-label": clearButtonAriaLabel ?? messages.clearContentFieldButtonLabel,
|
|
84
96
|
className: clsx(styles.clearButton, {
|
|
85
97
|
[styles.hasSelection]: title,
|
|
86
98
|
[styles.error]: !!error
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"contentFieldWrapper":"bp_content_field_module_contentFieldWrapper--
|
|
2
|
+
var styles = {"contentFieldWrapper":"bp_content_field_module_contentFieldWrapper--7aebd","contentField":"bp_content_field_module_contentField--7aebd","inlineError":"bp_content_field_module_inlineError--7aebd","contentButton":"bp_content_field_module_contentButton--7aebd","error":"bp_content_field_module_error--7aebd","hasSelection":"bp_content_field_module_hasSelection--7aebd","contentIconContainer":"bp_content_field_module_contentIconContainer--7aebd","contentIconShared":"bp_content_field_module_contentIconShared--7aebd","contentLabelWrapper":"bp_content_field_module_contentLabelWrapper--7aebd","contentLabel":"bp_content_field_module_contentLabel--7aebd","clearButton":"bp_content_field_module_clearButton--7aebd"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,9 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
import type React from 'react';
|
|
2
2
|
export interface ContentFieldProps {
|
|
3
|
+
/**
|
|
4
|
+
* custom aria label for the content field clear button.
|
|
5
|
+
*/
|
|
6
|
+
clearButtonAriaLabel?: string;
|
|
3
7
|
/**
|
|
4
8
|
* placeholder text for the content field.
|
|
5
9
|
*/
|
|
6
10
|
hintText: string;
|
|
11
|
+
/**
|
|
12
|
+
* type of the selected content(document, folder, etc.)
|
|
13
|
+
*/
|
|
14
|
+
itemIcon?: React.JSX.Element;
|
|
7
15
|
/**
|
|
8
16
|
* whether or not the selected content is a shared folder.
|
|
9
17
|
*/
|
|
@@ -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--503e8","childrenWrapper":"bp_sticky_cell_module_childrenWrapper--503e8","verticalBar":"bp_sticky_cell_module_verticalBar--503e8","isScrolledX":"bp_sticky_cell_module_isScrolledX--503e8","stickyCellBelow":"bp_sticky_cell_module_stickyCellBelow--503e8","stickyCellOuterLeft":"bp_sticky_cell_module_stickyCellOuterLeft--503e8"};
|
|
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--03462","isScrolledX":"bp_data_table_module_isScrolledX--03462","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--03462"};
|
|
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--ae245","disabled":"bp_date_picker_module_disabled--ae245","label":"bp_date_picker_module_label--ae245","group":"bp_date_picker_module_group--ae245","groupContainer":"bp_date_picker_module_groupContainer--ae245","error":"bp_date_picker_module_error--ae245","groupContainerInput":"bp_date_picker_module_groupContainerInput--ae245","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--ae245","button":"bp_date_picker_module_button--ae245","clear":"bp_date_picker_module_clear--ae245","popover":"bp_date_picker_module_popover--ae245","slide":"bp_date_picker_module_slide--ae245","popoverContent":"bp_date_picker_module_popoverContent--ae245","inlineError":"bp_date_picker_module_inlineError--ae245"};
|
|
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--f93bd","illustration":"bp_empty_state_module_illustration--f93bd","body":"bp_empty_state_module_body--f93bd","heading":"bp_empty_state_module_heading--f93bd","button":"bp_empty_state_module_button--f93bd","small":"bp_empty_state_module_small--f93bd"};
|
|
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--527e8","ghost-keyframes":"bp_ghost_module_ghost-keyframes--527e8","circle":"bp_ghost_module_circle--527e8","pill":"bp_ghost_module_pill--527e8","rectangle":"bp_ghost_module_rectangle--527e8"};
|
|
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--d371b","body":"bp_guided_tooltip_module_body--d371b","noTitle":"bp_guided_tooltip_module_noTitle--d371b","title":"bp_guided_tooltip_module_title--d371b","footer":"bp_guided_tooltip_module_footer--d371b","actionButtons":"bp_guided_tooltip_module_actionButtons--d371b","stepsIndicator":"bp_guided_tooltip_module_stepsIndicator--d371b","closeButton":"bp_guided_tooltip_module_closeButton--d371b","arrow":"bp_guided_tooltip_module_arrow--d371b","icon":"bp_guided_tooltip_module_icon--d371b","illustration":"bp_guided_tooltip_module_illustration--d371b"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|