npm - @bundle-stats/ui - Versions diffs - 4.23.0-beta.1 → 4.23.0-beta.11 - Mend

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type TreeLeaf } from '../metrics-treemap.constants';
+export interface TileProps {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    data: TreeLeaf;
+    onClick?: (id: string) => void;
+}
+export declare const Tile: (props: TileProps) => React.JSX.Element;

@@ -0,0 +1,20 @@
+import React, { type ComponentProps } from 'react';
+import type { HierarchyRectangularNode } from 'd3';
+import type { TreeNode, Tree } from '../metrics-treemap.constants';
+import { type TileProps } from '../tile';
+export interface TileGroupProps extends ComponentProps<'div'> {
+    title?: string;
+    total?: Tree['total'];
+    id: string;
+    childNodes: HierarchyRectangularNode<TreeNode>['children'];
+    nested?: boolean;
+    onItemClick: TileProps['onClick'];
+    onGroupClick?: (groupId: string) => void;
+    width?: number;
+    height?: number;
+    left: number;
+    top: number;
+    absoluteLeft: number;
+    absoluteTop: number;
+}
+export declare const TileGroup: (props: TileGroupProps) => React.JSX.Element;

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { MetricRunInfo } from '@bundle-stats/utils';
+interface TileGroupTitleContentProps {
+    title?: string;
+    runInfo?: MetricRunInfo;
+}
+export type TileGroupTitleProps = TileGroupTitleContentProps & {
+    id: string;
+    fill?: boolean;
+};
+export declare const TileGroupTitle: (props: TileGroupTitleProps) => React.JSX.Element;
+export {};

@@ -1,11 +1,15 @@
 import React from 'react';
 import { SPACES } from '../../tokens';
 type SpaceValue = (typeof SPACES)[number];
-interface FlexStackProps<T extends React.ElementType> {
+export type FlexStackProps<T extends React.ElementType> = {
     as?: T;
+    gap?: SpaceValue;
     space?: SpaceValue;
     inline?: boolean;
+    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
     alignItems?: 'top' | 'center' | 'bottom';
-}
+    justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+};
 export declare const FlexStack: <T extends React.ElementType = "div">(props: FlexStackProps<T> & Omit<React.ComponentProps<T>, keyof FlexStackProps<T>>) => React.JSX.Element;
 export {};

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Icon as BaseIcon } from '../icon';
 export declare const BUTTON_SIZE: {
+    readonly XSMALL: "xsmall";
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
     readonly LARGE: "large";

@@ -1,5 +1,7 @@
-import React from 'react';
+import React, { ComponentProps } from 'react';
 import { MenuItem, MenuStateProps } from 'ariakit/menu';
+export type DropdownGroupProps = ComponentProps<'div'>;
+export declare const DropdownGroup: (props: DropdownGroupProps) => React.JSX.Element;
 interface DropdownItemProps {
     isActive?: boolean;
 }

@@ -3,12 +3,13 @@ import type { FilterFieldsData, FilterGroupFieldData } from '../../types';
 interface FilterBooleanProps extends React.ComponentProps<'input'> {
     label: string;
 }
+type ToggleFilters = (newFilters: Record<string, boolean>) => void;
 interface FilterGroupProps extends React.ComponentProps<'div'> {
     groupKey: string;
     data: FilterGroupFieldData;
     values: Record<string, boolean>;
     onCheckboxChange: FilterBooleanProps['onChange'];
-    toggleFilters: (newFilters: Record<string, boolean>) => void;
+    toggleFilters: ToggleFilters;
 }
 interface FiltersProps extends React.ComponentProps<'div'> {
     values: Record<string, boolean>;

@@ -1,3 +1,4 @@
 export * from './colors';
 export * from './jobs';
 export * from './components';
+export * from './portal';

	@@ -0,0 +1,2 @@
1	+ export declare const getCreatePortalElement: (className: string) => (element: HTMLElement) => HTMLDivElement;
2	+ export declare const usePortalRoot: (className: string) => HTMLElement \| null;

@@ -35,6 +35,10 @@ export default defineConfig({
   },
   test: {
     name: 'ui:storybook',
+    // Same `configDir` misassumption as `fix-storybook-vitest-root` above, but on the Vitest
+    // side: `storybookTest` resolves the story globs and `setupFiles` against a root it derives
+    // from `configDir`. `dir` is the first source it reads, so set it explicitly.
+    dir: PACKAGE_ROOT,
     setupFiles: ['./vitest.setup.ts'],
     retry: 2,
     browser: {

@@ -1,15 +0,0 @@
-.group:empty {
-  display: none;
-}
-.group {
-  margin-bottom: calc(var(--space-xxxsmall) / 2);
-  border-bottom: 1px solid var(--color-outline);
-  padding-bottom: calc(var(--space-xxxsmall) / 2);
-}
-.group:last-child {
-  margin-bottom: 0;
-  padding-bottom: 0;
-  border-bottom: none;
-}

@bundle-stats/ui 4.23.0-beta.1 → 4.23.0-beta.11