@bundle-stats/ui 4.13.0-beta.8 → 4.13.0-rc.0

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/types/ui/icon/icon.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 declare const ICONS: {
     readonly ARROW: "arrow";
-    readonly ARROW_RIGHT_CIRLCE: "arrow-right-circle";
+    readonly ARROW_RIGHT_CIRCLE: "arrow-right-circle";
     readonly CANCEL: "close";
     readonly CHEVRON_DOWN: "chevron-down";
     readonly CHEVRON_UP: "chevron-up";
+    readonly CHECK: "check";
     readonly CLOSE: "close";
     readonly CLOCK: "clock";
     readonly COMMIT: "commit";
@@ -36,10 +37,11 @@ export declare const Icon: {
     (props: IconProps & React.ComponentProps<'span'>): React.JSX.Element;
     ICONS: {
         readonly ARROW: "arrow";
-        readonly ARROW_RIGHT_CIRLCE: "arrow-right-circle";
+        readonly ARROW_RIGHT_CIRCLE: "arrow-right-circle";
         readonly CANCEL: "close";
         readonly CHEVRON_DOWN: "chevron-down";
         readonly CHEVRON_UP: "chevron-up";
+        readonly CHECK: "check";
         readonly CLOSE: "close";
         readonly CLOCK: "clock";
         readonly COMMIT: "commit";

package/types/ui/loader/loader.d.ts

@@ -1,7 +1,7 @@
 export function Loader({ className, size, ...restProps }: {
     [x: string]: any;
-    className: any;
-    size: any;
+    className?: string | undefined;
+    size?: string | undefined;
 }): React.JSX.Element;
 export namespace Loader {
     let SIZE_SMALL: string;

package/lib/components/bundle-assets-totals/bundle-assets-totals.module.css

@@ -1,7 +0,0 @@
-.title {
-  color: var(--color-text-light);
-}
-
-.toolbar {
-  border-bottom: 1px solid var(--color-outline);
-}

package/lib-esm/components/bundle-assets-totals/bundle-assets-totals.module.css

@@ -1,7 +0,0 @@
-.title {
-  color: var(--color-text-light);
-}
-
-.toolbar {
-  border-bottom: 1px solid var(--color-outline);
-}

package/src/components/bundle-assets-totals/bundle-assets-totals.module.css

@@ -1,7 +0,0 @@
-.title {
-  color: var(--color-text-light);
-}
-
-.toolbar {
-  border-bottom: 1px solid var(--color-outline);
-}

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;