@box/blueprint-web 12.113.0 → 12.115.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/grid-list-v2/grid-list-v2.d.ts +5 -0
- package/dist/lib-esm/grid-list-v2/grid-list-v2.js +21 -0
- package/dist/lib-esm/grid-list-v2/index.d.ts +11 -0
- package/dist/lib-esm/grid-list-v2/index.js +17 -0
- package/dist/lib-esm/grid-list-v2/types.d.ts +12 -0
- package/dist/lib-esm/index.css +390 -101
- package/dist/lib-esm/index.d.ts +1 -0
- package/dist/lib-esm/index.js +1 -0
- package/dist/lib-esm/modal/alert-modal.d.ts +1 -1
- package/dist/lib-esm/modal/alert-modal.js +5 -2
- package/dist/lib-esm/modal/alert-modal.types.d.ts +2 -0
- package/dist/lib-esm/types/file-category.d.ts +11 -0
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item-actions.js +19 -5
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item-header.js +5 -2
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item-subtitle.js +5 -2
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item-thumbnail.js +106 -4
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.js +58 -6
- 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/base-grid-list.js +12 -2
- package/dist/lib-esm/util-components/base-grid-list-item/index.d.ts +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/types.d.ts +91 -3
- package/package.json +3 -3
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type GridListV2Props } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* GridListV2 is a modernized grid list component for displaying items in a grid layout.
|
|
4
|
+
*/
|
|
5
|
+
export declare const GridListV2Root: import("react").ForwardRefExoticComponent<GridListV2Props & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { BaseGridList } from '../util-components/base-grid-list-item/base-grid-list.js';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* GridListV2 is a modernized grid list component for displaying items in a grid layout.
|
|
7
|
+
*/
|
|
8
|
+
const GridListV2Root = /*#__PURE__*/forwardRef(function GridListV2(props, forwardedRef) {
|
|
9
|
+
const {
|
|
10
|
+
children,
|
|
11
|
+
...rest
|
|
12
|
+
} = props;
|
|
13
|
+
return jsx(BaseGridList, {
|
|
14
|
+
...rest,
|
|
15
|
+
ref: forwardedRef,
|
|
16
|
+
layoutStyle: "grid-v2",
|
|
17
|
+
children: children
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
export { GridListV2Root };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type { FileCategory, GridListV2ActionIconButtonProps, GridListV2ActionsProps, GridListV2HeaderProps, GridListV2ItemProps, GridListV2Props, GridListV2SubtitleProps, GridListV2ThumbnailProps, GridV2Variant, } from './types';
|
|
2
|
+
export declare const GridListV2: import("react").ForwardRefExoticComponent<import("./types").GridListV2Props & import("react").RefAttributes<HTMLDivElement>> & {
|
|
3
|
+
Item: import("react").ForwardRefExoticComponent<import("../util-components/base-grid-list-item").BaseGridListItemProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
Thumbnail: import("react").ForwardRefExoticComponent<Omit<import("../util-components/base-grid-list-item").BaseGridListThumbnailProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
Header: import("react").ForwardRefExoticComponent<Omit<import("../util-components/base-grid-list-item").BaseGridListHeaderProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
Subtitle: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
7
|
+
ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
8
|
+
}, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
9
|
+
Actions: import("react").ForwardRefExoticComponent<Omit<import("../util-components/base-grid-list-item").BaseGridListActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
ActionIconButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/icon-button/types").IconButtonVariantsProps, "ref"> | Omit<import("../primitives/icon-button/types").IconButtonSmallUtilityVariantProps, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { BaseGridListItem } from '../util-components/base-grid-list-item/base-grid-list-item.js';
|
|
2
|
+
import { BaseGridListActionIconButton, BaseGridListActions } from '../util-components/base-grid-list-item/base-grid-list-item-actions.js';
|
|
3
|
+
import { BaseGridListHeader } from '../util-components/base-grid-list-item/base-grid-list-item-header.js';
|
|
4
|
+
import { BaseGridListSubtitle } from '../util-components/base-grid-list-item/base-grid-list-item-subtitle.js';
|
|
5
|
+
import { BaseGridListThumbnail } from '../util-components/base-grid-list-item/base-grid-list-item-thumbnail.js';
|
|
6
|
+
import { GridListV2Root } from './grid-list-v2.js';
|
|
7
|
+
|
|
8
|
+
const GridListV2 = Object.assign(GridListV2Root, {
|
|
9
|
+
Item: BaseGridListItem,
|
|
10
|
+
Thumbnail: BaseGridListThumbnail,
|
|
11
|
+
Header: BaseGridListHeader,
|
|
12
|
+
Subtitle: BaseGridListSubtitle,
|
|
13
|
+
Actions: BaseGridListActions,
|
|
14
|
+
ActionIconButton: BaseGridListActionIconButton
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
export { GridListV2 };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type RequireAllOrNone } from 'type-fest';
|
|
2
|
+
import { type BaseGridListActionIconButtonProps, type BaseGridListActionsProps, type BaseGridListDescriptionProps, type BaseGridListHeaderProps, type BaseGridListItemProps, type BaseGridListProps, type BaseGridListSubtitleProps, type BaseGridListThumbnailProps } from '../util-components/base-grid-list-item';
|
|
3
|
+
export { type FileCategory } from '../types/file-category';
|
|
4
|
+
export type { GridV2Variant } from '../util-components/base-grid-list-item';
|
|
5
|
+
export type GridListV2HeaderProps = BaseGridListHeaderProps;
|
|
6
|
+
export type GridListV2ThumbnailProps = BaseGridListThumbnailProps;
|
|
7
|
+
export type GridListV2SubtitleProps = BaseGridListSubtitleProps;
|
|
8
|
+
export type GridListV2DescriptionProps = BaseGridListDescriptionProps;
|
|
9
|
+
export type GridListV2ActionsProps = BaseGridListActionsProps;
|
|
10
|
+
export type GridListV2ActionIconButtonProps = BaseGridListActionIconButtonProps;
|
|
11
|
+
export type GridListV2Props = Omit<BaseGridListProps, 'layoutStyle'>;
|
|
12
|
+
export type GridListV2ItemProps = RequireAllOrNone<BaseGridListItemProps, 'pinned' | 'pinAriaLabel'>;
|