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

package/lib-esm/components/bundle-packages/bundle-packages.constants.js

@@ -1,18 +0,0 @@
-export const SORT_BY_NAME = 'name';
-export const SORT_BY_SIZE = 'size';
-export const SORT_BY_DELTA = 'delta';
-export const SORT_BY = {
-    [SORT_BY_NAME]: {
-        label: 'Name',
-        defaultDirection: 'asc',
-    },
-    [SORT_BY_DELTA]: {
-        label: 'Delta',
-        defaultDirection: 'desc',
-    },
-    [SORT_BY_SIZE]: {
-        label: 'Size',
-        defaultDirection: 'desc',
-    },
-};
-//# sourceMappingURL=bundle-packages.constants.js.map

package/lib-esm/components/bundle-packages/bundle-packages.constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bundle-packages.constants.js","sourceRoot":"","sources":["../../../src/components/bundle-packages/bundle-packages.constants.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC;AACnC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC;AACnC,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC;AAErC,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,CAAC,YAAY,CAAC,EAAE;QACd,KAAK,EAAE,MAAM;QACb,gBAAgB,EAAE,KAAK;KACxB;IACD,CAAC,aAAa,CAAC,EAAE;QACf,KAAK,EAAE,OAAO;QACd,gBAAgB,EAAE,MAAM;KACzB;IACD,CAAC,YAAY,CAAC,EAAE;QACd,KAAK,EAAE,MAAM;QACb,gBAAgB,EAAE,MAAM;KACzB;CACF,CAAC"}

package/lib-esm/ui/sort-dropdown/index.js

@@ -1,2 +0,0 @@
-export * from './sort-dropdown';
-//# sourceMappingURL=index.js.map

package/lib-esm/ui/sort-dropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/sort-dropdown/index.js"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/lib-esm/ui/sort-dropdown/sort-dropdown.js

@@ -1,71 +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 (React.createElement(Component, { ...restProps, ...buttonProps, isActive: isActive, className: cx(css.item, isActive && css.itemActive, buttonProps.className) },
-        React.createElement(Icon, { className: css.itemIcon, glyph: Icon.ICONS.ARROW }),
-        React.createElement("span", { className: css.itemLabel }, label)));
-};
-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 (React.createElement(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 (React.createElement("div", { className: css.items }, Object.entries(fields).map(([key, item]) => (React.createElement(Item, { key: key, as: MenuItem, isActive: field === key, id: key, label: item.label, direction: direction, defaultDirection: item.defaultDirection, getButtonOnClick: getButtonOnClick })))));
-    }));
-};
-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,
-};
-//# sourceMappingURL=sort-dropdown.js.map

package/lib-esm/ui/sort-dropdown/sort-dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sort-dropdown.js","sourceRoot":"","sources":["../../../src/ui/sort-dropdown/sort-dropdown.jsx"],"names":[],"mappings":"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"}

package/lib-esm/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/src/components/bundle-assets/bundle-assets.constants.js

@@ -1,18 +0,0 @@
-export const SORT_BY_NAME = 'name';
-export const SORT_BY_SIZE = 'size';
-export const SORT_BY_DELTA = 'delta';
-
-export const SORT_BY = {
-  [SORT_BY_NAME]: {
-    label: 'Name',
-    defaultDirection: 'asc',
-  },
-  [SORT_BY_DELTA]: {
-    label: 'Delta',
-    defaultDirection: 'desc',
-  },
-  [SORT_BY_SIZE]: {
-    label: 'Size',
-    defaultDirection: 'desc',
-  },
-};

package/src/components/bundle-modules/bundle-modules.constants.js

@@ -1,18 +0,0 @@
-export const SORT_BY_NAME = 'name';
-export const SORT_BY_SIZE = 'size';
-export const SORT_BY_DELTA = 'delta';
-
-export const SORT_BY = {
-  [SORT_BY_NAME]: {
-    label: 'Name',
-    defaultDirection: 'asc',
-  },
-  [SORT_BY_DELTA]: {
-    label: 'Delta',
-    defaultDirection: 'desc',
-  },
-  [SORT_BY_SIZE]: {
-    label: 'Size',
-    defaultDirection: 'desc',
-  },
-};

package/src/components/bundle-packages/bundle-packages.constants.js

@@ -1,18 +0,0 @@
-export const SORT_BY_NAME = 'name';
-export const SORT_BY_SIZE = 'size';
-export const SORT_BY_DELTA = 'delta';
-
-export const SORT_BY = {
-  [SORT_BY_NAME]: {
-    label: 'Name',
-    defaultDirection: 'asc',
-  },
-  [SORT_BY_DELTA]: {
-    label: 'Delta',
-    defaultDirection: 'desc',
-  },
-  [SORT_BY_SIZE]: {
-    label: 'Size',
-    defaultDirection: 'desc',
-  },
-};

package/src/hooks/rows-sort.js

@@ -1,24 +0,0 @@
-import { useState, useMemo } from 'react';
-import orderBy from 'lodash/orderBy';
-
-export const useRowsSort = ({
-  rows,
-  sortFields,
-  sortBy = 'size',
-  sortDirection = 'desc',
-  getCustomSort,
-}) => {
-  const [sort, updateSort] = useState({ field: sortBy, direction: sortDirection });
-
-  const orderedRows = useMemo(
-    () => orderBy(rows, getCustomSort(sort.field), sort.direction),
-    [rows, sort],
-  );
-
-  return {
-    sortFields,
-    sort,
-    updateSort,
-    items: orderedRows,
-  };
-};

package/src/ui/sort-dropdown/index.js

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

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={Icon.ICONS.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/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';