@bundle-stats/ui 4.4.0 → 4.5.0-beta.0

package/src/ui/sort-dropdown/sort-dropdown.jsx

@@ -1,121 +0,0 @@
-import React, { useMemo } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-
-import { Dropdown } from '../dropdown';
-import { Icon } from '../icon';
-import css from './sort-dropdown.module.css';
-
-const Item = ({
-  as: Component,
-  id,
-  label,
-  isActive,
-  direction,
-  defaultDirection,
-  getButtonOnClick,
-  ...restProps
-}) => {
-
-  const buttonProps = useMemo(() => {
-    let resolveNextDirection = defaultDirection;
-
-    if (isActive) {
-      resolveNextDirection = direction === 'asc' ? 'desc' : 'asc';
-    }
-
-    if (resolveNextDirection === 'desc') {
-      return {
-        className: css.itemAsc,
-        onClick: getButtonOnClick(id, 'desc'),
-        title: `Order data by ${label} descending`,
-      };
-    }
-
-    return {
-      onClick: getButtonOnClick(id, 'asc'),
-      title: `Order data by ${label} ascending`,
-    };
-  }, [isActive, direction, defaultDirection, id, label]);
-
-  return (
-    <Component
-      {...restProps}
-      {...buttonProps}
-      isActive={isActive}
-      className={cx(css.item, isActive && css.itemActive, buttonProps.className)}
-    >
-      <Icon className={css.itemIcon} glyph="arrow" />
-      <span className={css.itemLabel}>{label}</span>
-    </Component>
-  );
-};
-
-Item.propTypes = {
-  className: PropTypes.string,
-  as: PropTypes.element.isRequired,
-  id: PropTypes.string.isRequired,
-  label: PropTypes.string.isRequired,
-  isActive: PropTypes.bool.isRequired,
-  direction: PropTypes.string.isRequired,
-  defaultDirection: PropTypes.string.isRequired,
-  getButtonOnClick: PropTypes.func.isRequired,
-};
-
-Item.defaultProps = {
-  className: '',
-};
-
-export const SortDropdown = (props) => {
-  const { className, label, fields, field, direction, onChange } = props;
-  const rootClassName = cx(css.root, className);
-
-  const customLabel = fields[field] ? `Ordered by ${fields[field].label}` : label;
-
-  return (
-    <Dropdown className={rootClassName} label={customLabel} glyph="sort" align="right">
-      {({ MenuItem, menu, menuItemClassName, menuItemActiveClassName }) => {
-        const getButtonOnClick = (newField, newDirection) => () => {
-          onChange({ field: newField, direction: newDirection });
-          menu.toggle();
-        };
-
-        return (
-          <div className={css.items}>
-            {Object.entries(fields).map(([key, item]) => (
-              <Item
-                key={key}
-                as={MenuItem}
-                isActive={field === key}
-                id={key}
-                label={item.label}
-                direction={direction}
-                defaultDirection={item.defaultDirection}
-                getButtonOnClick={getButtonOnClick}
-              />
-            ))}
-          </div>
-        );
-      }}
-    </Dropdown>
-  );
-};
-
-SortDropdown.defaultProps = {
-  className: '',
-  label: 'Order by',
-  onChange: () => {},
-  field: '',
-  direction: 'asc',
-};
-
-SortDropdown.propTypes = {
-  className: PropTypes.string,
-  label: PropTypes.string,
-  fields: PropTypes.shape({
-    [PropTypes.string]: PropTypes.string,
-  }).isRequired,
-  onChange: PropTypes.func,
-  field: PropTypes.string,
-  direction: PropTypes.string,
-};

package/src/ui/sort-dropdown/sort-dropdown.module.css

@@ -1,22 +0,0 @@
-.item {
-  display: flex;
-  align-items: center;
-}
-
-.itemIcon {
-  flex: 0 0 auto;
-  visibility: hidden;
-  margin-right: var(--space-xxxsmall);
-}
-
-.itemLabel {
-  flex: 1 1 100%;
-}
-
-.itemAsc .itemIcon {
-  transform: rotate(180deg);
-}
-
-.itemActive .itemIcon {
-  visibility: visible;
-}

package/types/components/bundle-assets/bundle-assets.constants.d.ts

@@ -1,21 +0,0 @@
-export const SORT_BY_NAME: "name";
-export const SORT_BY_SIZE: "size";
-export const SORT_BY_DELTA: "delta";
-export namespace SORT_BY {
-    namespace name {
-        let label: string;
-        let defaultDirection: string;
-    }
-    namespace delta {
-        let label_1: string;
-        export { label_1 as label };
-        let defaultDirection_1: string;
-        export { defaultDirection_1 as defaultDirection };
-    }
-    namespace size {
-        let label_2: string;
-        export { label_2 as label };
-        let defaultDirection_2: string;
-        export { defaultDirection_2 as defaultDirection };
-    }
-}

package/types/components/bundle-modules/bundle-modules.constants.d.ts

@@ -1,21 +0,0 @@
-export const SORT_BY_NAME: "name";
-export const SORT_BY_SIZE: "size";
-export const SORT_BY_DELTA: "delta";
-export namespace SORT_BY {
-    namespace name {
-        let label: string;
-        let defaultDirection: string;
-    }
-    namespace delta {
-        let label_1: string;
-        export { label_1 as label };
-        let defaultDirection_1: string;
-        export { defaultDirection_1 as defaultDirection };
-    }
-    namespace size {
-        let label_2: string;
-        export { label_2 as label };
-        let defaultDirection_2: string;
-        export { defaultDirection_2 as defaultDirection };
-    }
-}

package/types/components/bundle-packages/bundle-packages.constants.d.ts

@@ -1,21 +0,0 @@
-export const SORT_BY_NAME: "name";
-export const SORT_BY_SIZE: "size";
-export const SORT_BY_DELTA: "delta";
-export namespace SORT_BY {
-    namespace name {
-        let label: string;
-        let defaultDirection: string;
-    }
-    namespace delta {
-        let label_1: string;
-        export { label_1 as label };
-        let defaultDirection_1: string;
-        export { defaultDirection_1 as defaultDirection };
-    }
-    namespace size {
-        let label_2: string;
-        export { label_2 as label };
-        let defaultDirection_2: string;
-        export { defaultDirection_2 as defaultDirection };
-    }
-}

package/types/components/job-header/index.d.ts

@@ -1 +0,0 @@
-export * from "./job-header";

package/types/components/job-header/job-header.d.ts

@@ -1,26 +0,0 @@
-export function JobHeader(props: any): JSX.Element;
-export namespace JobHeader {
-    namespace propTypes {
-        let className: PropTypes.Requireable<string>;
-        let tag: PropTypes.Requireable<string>;
-        let job: PropTypes.Requireable<PropTypes.InferProps<{
-            internalBuildNumber: PropTypes.Requireable<number>;
-            meta: PropTypes.Requireable<PropTypes.InferProps<{
-                builtAt: PropTypes.Requireable<string>;
-            }>>;
-            summary: PropTypes.Requireable<object>;
-        }>>;
-        let children: PropTypes.Requireable<PropTypes.ReactElementLike>;
-    }
-    namespace defaultProps {
-        let className_1: string;
-        export { className_1 as className };
-        let tag_1: string;
-        export { tag_1 as tag };
-        let job_1: null;
-        export { job_1 as job };
-        let children_1: null;
-        export { children_1 as children };
-    }
-}
-import PropTypes from 'prop-types';

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

@@ -1 +0,0 @@
-export * from "./sort-dropdown";

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

@@ -1,24 +0,0 @@
-export function SortDropdown(props: any): JSX.Element;
-export namespace SortDropdown {
-    namespace defaultProps {
-        let className: string;
-        let label: string;
-        function onChange(): void;
-        let field: string;
-        let direction: string;
-    }
-    namespace propTypes {
-        let className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        let label_1: PropTypes.Requireable<string>;
-        export { label_1 as label };
-        export let fields: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-        let onChange_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { onChange_1 as onChange };
-        let field_1: PropTypes.Requireable<string>;
-        export { field_1 as field };
-        let direction_1: PropTypes.Requireable<string>;
-        export { direction_1 as direction };
-    }
-}
-import PropTypes from 'prop-types';