@bundle-stats/ui 4.13.0-beta.8 → 4.13.0-beta.9

package/types/components/metrics-display-selector/metrics-display-selector.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { MetricsDisplayType } from '../../constants';
-import { FlexStack } from '../../layout/flex-stack';
+import { ControlGroup } from '../../ui/control-group';
 interface MetricsDisplaySelectorProps {
     value: MetricsDisplayType;
     onSelect: (newValue: MetricsDisplayType) => void;
 }
-export declare const MetricsDisplaySelector: (props: MetricsDisplaySelectorProps & Omit<React.ComponentProps<typeof FlexStack>, 'onSelect' | 'value'>) => React.JSX.Element;
+export declare const MetricsDisplaySelector: (props: MetricsDisplaySelectorProps & Omit<React.ComponentProps<typeof ControlGroup>, 'onSelect' | 'value'>) => React.JSX.Element;
 export {};

package/types/ui/dropdown/dropdown.d.ts

@@ -1,50 +1,16 @@
-export function Dropdown(props: any): React.JSX.Element;
-export namespace Dropdown {
-    export namespace defaultProps {
-        let className: string;
-        let buttonClassName: string;
-        let label: null;
-        let ariaLabel: string;
-        let glyph: null;
-        let disabled: boolean;
-    }
-    export namespace propTypes {
-        let className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        let buttonClassName_1: PropTypes.Requireable<string>;
-        export { buttonClassName_1 as buttonClassName };
-        let label_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export { label_1 as label };
-        let ariaLabel_1: PropTypes.Requireable<string>;
-        export { ariaLabel_1 as ariaLabel };
-        let glyph_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        export { glyph_1 as glyph };
-        let disabled_1: PropTypes.Requireable<boolean>;
-        export { disabled_1 as disabled };
-        export let children: PropTypes.Validator<NonNullable<NonNullable<string | PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>>;
-    }
-    export { Item };
-}
 import React from 'react';
-import PropTypes from 'prop-types';
-declare function Item({ className, isActive, ...restProps }: {
-    [x: string]: any;
-    className?: string | undefined;
-    isActive?: boolean | undefined;
-}): React.JSX.Element;
-declare namespace Item {
-    export namespace propTypes_1 {
-        let className_2: PropTypes.Requireable<string>;
-        export { className_2 as className };
-        export let isActive: PropTypes.Requireable<boolean>;
-    }
-    export { propTypes_1 as propTypes };
-    export namespace defaultProps_1 {
-        let className_3: string;
-        export { className_3 as className };
-        let isActive_1: boolean;
-        export { isActive_1 as isActive };
-    }
-    export { defaultProps_1 as defaultProps };
+import { MenuItem } from 'ariakit/menu';
+interface DropdownItemProps {
+    isActive?: boolean;
+}
+export declare const DropdownItem: (props: DropdownItemProps & React.ComponentProps<typeof MenuItem>) => React.JSX.Element;
+interface DropdownProps {
+    buttonClassName?: string;
+    dropdownClassName?: string;
+    label?: React.ReactNode;
+    ariaLabel?: string;
+    glyph?: string;
+    disabled?: boolean;
 }
+export declare const Dropdown: (props: DropdownProps & React.ComponentProps<'div'>) => React.JSX.Element;
 export {};

package/types/ui/dropdown/index.d.ts

@@ -1 +1 @@
-export * from "./dropdown";
+export * from './dropdown';

package/types/ui/filters/filters.d.ts

@@ -1,18 +1,13 @@
 import React from 'react';
 import type { FilterFieldsData, FilterGroupFieldData } from '../../types';
-interface FilterProps extends React.ComponentProps<'input'> {
-    as?: React.ElementType;
-    buttonClassName?: string;
+interface FilterBooleanProps extends React.ComponentProps<'input'> {
     label: string;
-    name: string;
-    getOnOnlyClick?: (name: string) => () => void;
 }
 interface FilterGroupProps extends React.ComponentProps<'div'> {
-    buttonClassName?: string;
     groupKey: string;
     data: FilterGroupFieldData;
     values: Record<string, boolean>;
-    onCheckboxChange: FilterProps['onChange'];
+    onCheckboxChange: FilterBooleanProps['onChange'];
     toggleFilters: (newFilters: Record<string, boolean>) => void;
 }
 interface FiltersProps extends React.ComponentProps<'div'> {

package/src/ui/dropdown/dropdown.jsx

@@ -1,88 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { Menu, MenuButton, MenuItem, useMenuState } from 'ariakit/menu';
-
-import { Button, BUTTON_SIZE } from '../button';
-import css from './dropdown.module.css';
-
-const Item = ({ className = '', isActive = false, ...restProps }) => (
-  <MenuItem className={cx(css.item, className, isActive && css.itemActive)} {...restProps} />
-);
-
-Item.propTypes = {
-  className: PropTypes.string,
-  isActive: PropTypes.bool,
-};
-
-Item.defaultProps = {
-  className: '',
-  isActive: false,
-};
-
-export const Dropdown = (props) => {
-  const { className, buttonClassName, label, ariaLabel, glyph, disabled, children } = props;
-  const rootClassName = cx(css.root, className);
-  const menuState = useMenuState();
-
-  return (
-    <div className={rootClassName}>
-      <MenuButton
-        as={Button}
-        outline
-        size={BUTTON_SIZE.SMALL}
-        glyph={glyph}
-        disabled={disabled}
-        state={menuState}
-        tabIndex={null}
-        className={cx(css.button, buttonClassName)}
-      >
-        {label}
-      </MenuButton>
-      <Menu state={menuState} aria-label={ariaLabel || label} className={css.dropdown}>
-        {typeof children === 'function'
-          ? children({
-              MenuItem: Item,
-              menu: menuState,
-              menuItemClassName: css.item,
-              menuItemActiveClassName: css.itemActive,
-            })
-          : children}
-      </Menu>
-    </div>
-  );
-};
-
-Dropdown.defaultProps = {
-  className: '',
-  buttonClassName: '',
-  label: null,
-  ariaLabel: '',
-  glyph: null,
-  disabled: false,
-};
-
-Dropdown.propTypes = {
-  /** Adopted child class name */
-  className: PropTypes.string,
-
-  /** Button adopted child class name */
-  buttonClassName: PropTypes.string,
-
-  /** Button label */
-  label: PropTypes.node,
-
-  /** Aria label */
-  ariaLabel: PropTypes.string,
-
-  /** Icon glyph */
-  glyph: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-
-  /** Dropdown button disabled attribute */
-  disabled: PropTypes.bool,
-
-  /** Content */
-  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.func]).isRequired,
-};
-
-Dropdown.Item = Item;