@box/blueprint-web 18.1.0 → 18.2.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/dist/lib-esm/components.css +293 -243
- package/dist/lib-esm/index.css +293 -243
- package/dist/lib-esm/list-item/main.module.js +1 -1
- package/dist/lib-esm/list-item/row.d.ts +1 -2
- package/dist/lib-esm/list-item/table.d.ts +4 -4
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.js +3 -0
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/types.d.ts +4 -0
- package/package.json +3 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"tableSortingContainer":"bp_main_module_tableSortingContainer--
|
|
2
|
+
var styles = {"tableSortingContainer":"bp_main_module_tableSortingContainer--e8456","resizableTableContainer":"bp_main_module_resizableTableContainer--e8456","resizableTable":"bp_main_module_resizableTable--e8456","tableHeader":"bp_main_module_tableHeader--e8456","column":"bp_main_module_column--e8456","columnNameWrapper":"bp_main_module_columnNameWrapper--e8456","columnName":"bp_main_module_columnName--e8456","focusVisible":"bp_main_module_focusVisible--e8456","sorted":"bp_main_module_sorted--e8456","sortingFlexWrapper":"bp_main_module_sortingFlexWrapper--e8456","columnResizer":"bp_main_module_columnResizer--e8456","dropdownHeaderContainer":"bp_main_module_dropdownHeaderContainer--e8456","droppableColumn":"bp_main_module_droppableColumn--e8456","actionColumn":"bp_main_module_actionColumn--e8456","hiddenColumn":"bp_main_module_hiddenColumn--e8456","tableBody":"bp_main_module_tableBody--e8456","row":"bp_main_module_row--e8456","cell":"bp_main_module_cell--e8456","actionsWrapper":"bp_main_module_actionsWrapper--e8456","actionChildren":"bp_main_module_actionChildren--e8456","actions":"bp_main_module_actions--e8456","alwaysShowSelection":"bp_main_module_alwaysShowSelection--e8456","isCellHidden":"bp_main_module_isCellHidden--e8456","droppableTarget":"bp_main_module_droppableTarget--e8456","rowDraggingHighlighted":"bp_main_module_rowDraggingHighlighted--e8456"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -2,8 +2,7 @@ import { type ForwardedRef } from 'react';
|
|
|
2
2
|
import { type RowProps as PrimitiveRowProps } from 'react-aria-components';
|
|
3
3
|
export type RowProps<T> = PrimitiveRowProps<T> & {
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
6
|
-
* while another row in the table is dragged.
|
|
5
|
+
* Set to `false` to style this item as an invalid drop target.
|
|
7
6
|
*/
|
|
8
7
|
isDroppableTarget?: boolean;
|
|
9
8
|
};
|
|
@@ -39,8 +39,8 @@ export type TableProps = PrimitiveTableProps & {
|
|
|
39
39
|
*/
|
|
40
40
|
selectionVisibility?: SelectionVisibility;
|
|
41
41
|
/**
|
|
42
|
-
* Changes visual styles for drag and drop. When `true`,
|
|
43
|
-
*
|
|
42
|
+
* Changes visual styles for drag and drop. When `true`, rows will have reduced opacity
|
|
43
|
+
* when being dragged, and drop targets will have a colored background.
|
|
44
44
|
*/
|
|
45
45
|
isRowDraggingHighlighted?: boolean;
|
|
46
46
|
};
|
|
@@ -86,8 +86,8 @@ export declare const Table: import("react").ForwardRefExoticComponent<PrimitiveT
|
|
|
86
86
|
*/
|
|
87
87
|
selectionVisibility?: SelectionVisibility;
|
|
88
88
|
/**
|
|
89
|
-
* Changes visual styles for drag and drop. When `true`,
|
|
90
|
-
*
|
|
89
|
+
* Changes visual styles for drag and drop. When `true`, rows will have reduced opacity
|
|
90
|
+
* when being dragged, and drop targets will have a colored background.
|
|
91
91
|
*/
|
|
92
92
|
isRowDraggingHighlighted?: boolean;
|
|
93
93
|
} & import("react").RefAttributes<HTMLTableElement>>;
|
|
@@ -25,6 +25,7 @@ const BaseGridListItem = /*#__PURE__*/forwardRef(function BaseGridListItem(props
|
|
|
25
25
|
const {
|
|
26
26
|
children,
|
|
27
27
|
className,
|
|
28
|
+
isDroppableTarget = true,
|
|
28
29
|
loading = false,
|
|
29
30
|
pinned = false,
|
|
30
31
|
pinAriaLabel,
|
|
@@ -131,6 +132,8 @@ const BaseGridListItem = /*#__PURE__*/forwardRef(function BaseGridListItem(props
|
|
|
131
132
|
// In V2 layouts, keep subtitle visible on hover/focus when there are no action buttons
|
|
132
133
|
{
|
|
133
134
|
[styles.noActions]: isV2Layout && !hasActions
|
|
135
|
+
}, {
|
|
136
|
+
[styles.droppableTarget]: isDroppableTarget
|
|
134
137
|
}, className),
|
|
135
138
|
textValue: textValue,
|
|
136
139
|
children: jsxs(BaseGridListItemContext.Provider, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"smallList":"bp_base_grid_list_item_module_smallList--
|
|
2
|
+
var styles = {"smallList":"bp_base_grid_list_item_module_smallList--1ce37","smallListItem":"bp_base_grid_list_item_module_smallListItem--1ce37","loading":"bp_base_grid_list_item_module_loading--1ce37","thumbnail":"bp_base_grid_list_item_module_thumbnail--1ce37","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--1ce37","header":"bp_base_grid_list_item_module_header--1ce37","subtitle":"bp_base_grid_list_item_module_subtitle--1ce37","actions":"bp_base_grid_list_item_module_actions--1ce37","selection":"bp_base_grid_list_item_module_selection--1ce37","inner":"bp_base_grid_list_item_module_inner--1ce37","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--1ce37","largeList":"bp_base_grid_list_item_module_largeList--1ce37","largeListItem":"bp_base_grid_list_item_module_largeListItem--1ce37","fade":"bp_base_grid_list_item_module_fade--1ce37","description":"bp_base_grid_list_item_module_description--1ce37","snippet":"bp_base_grid_list_item_module_snippet--1ce37","snippetContent":"bp_base_grid_list_item_module_snippetContent--1ce37","gridList":"bp_base_grid_list_item_module_gridList--1ce37","gridListItem":"bp_base_grid_list_item_module_gridListItem--1ce37","statusPin":"bp_base_grid_list_item_module_statusPin--1ce37","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--1ce37","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--1ce37","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--1ce37","gridListV2":"bp_base_grid_list_item_module_gridListV2--1ce37","gridListV2Item":"bp_base_grid_list_item_module_gridListV2Item--1ce37","droppableTarget":"bp_base_grid_list_item_module_droppableTarget--1ce37","noActions":"bp_base_grid_list_item_module_noActions--1ce37","thumbnailBadges":"bp_base_grid_list_item_module_thumbnailBadges--1ce37","statusBadge":"bp_base_grid_list_item_module_statusBadge--1ce37","fileTypePill":"bp_base_grid_list_item_module_fileTypePill--1ce37","textCentered":"bp_base_grid_list_item_module_textCentered--1ce37","innerCentered":"bp_base_grid_list_item_module_innerCentered--1ce37","gridListV2Small":"bp_base_grid_list_item_module_gridListV2Small--1ce37","gridListV2XSmall":"bp_base_grid_list_item_module_gridListV2XSmall--1ce37","gridListV2XSmallBordered":"bp_base_grid_list_item_module_gridListV2XSmallBordered--1ce37","gridV2ClickShield":"bp_base_grid_list_item_module_gridV2ClickShield--1ce37","listV2ClickShield":"bp_base_grid_list_item_module_listV2ClickShield--1ce37","listV2":"bp_base_grid_list_item_module_listV2--1ce37","listV2Item":"bp_base_grid_list_item_module_listV2Item--1ce37","listV2Divider":"bp_base_grid_list_item_module_listV2Divider--1ce37","content":"bp_base_grid_list_item_module_content--1ce37","staticList":"bp_base_grid_list_item_module_staticList--1ce37","staticListItem":"bp_base_grid_list_item_module_staticListItem--1ce37"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -139,5 +139,9 @@ export interface BaseGridListItemContextType {
|
|
|
139
139
|
}
|
|
140
140
|
export interface BaseGridListItemProps extends GridListItemProps, Omit<BaseGridListItemContextType, 'isItemInteracted' | 'setIsItemInteracted' | 'hasActions' | 'setHasActions'> {
|
|
141
141
|
children?: ReactNode;
|
|
142
|
+
/**
|
|
143
|
+
* Set to `false` to style this item as an invalid drop target.
|
|
144
|
+
*/
|
|
145
|
+
isDroppableTarget?: boolean;
|
|
142
146
|
}
|
|
143
147
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "18.
|
|
3
|
+
"version": "18.2.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@ariakit/react": "0.4.21",
|
|
57
57
|
"@ariakit/react-core": "0.4.21",
|
|
58
|
-
"@box/blueprint-web-assets": "^5.11.
|
|
58
|
+
"@box/blueprint-web-assets": "^5.11.16",
|
|
59
59
|
"@internationalized/date": "^3.12.0",
|
|
60
60
|
"@radix-ui/react-accordion": "1.1.2",
|
|
61
61
|
"@radix-ui/react-checkbox": "1.0.4",
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"devDependencies": {
|
|
87
87
|
"@box/box-test-client": "^3.2.7",
|
|
88
88
|
"@box/playwright-utils": "^2.8.5",
|
|
89
|
-
"@box/storybook-utils": "^1.4.
|
|
89
|
+
"@box/storybook-utils": "^1.4.11",
|
|
90
90
|
"@figma/code-connect": "1.4.4",
|
|
91
91
|
"@playwright/test": "1.46.1",
|
|
92
92
|
"@types/js-yaml": "^4.0.9",
|