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

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

@@ -1,101 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SortDropdown = void 0;
-const react_1 = __importStar(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
-const classnames_1 = __importDefault(require("classnames"));
-const dropdown_1 = require("../dropdown");
-const icon_1 = require("../icon");
-const sort_dropdown_module_css_1 = __importDefault(require("./sort-dropdown.module.css"));
-const Item = ({ as: Component, id, label, isActive, direction, defaultDirection, getButtonOnClick, ...restProps }) => {
-    const buttonProps = (0, react_1.useMemo)(() => {
-        let resolveNextDirection = defaultDirection;
-        if (isActive) {
-            resolveNextDirection = direction === 'asc' ? 'desc' : 'asc';
-        }
-        if (resolveNextDirection === 'desc') {
-            return {
-                className: sort_dropdown_module_css_1.default.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_1.default.createElement(Component, { ...restProps, ...buttonProps, isActive: isActive, className: (0, classnames_1.default)(sort_dropdown_module_css_1.default.item, isActive && sort_dropdown_module_css_1.default.itemActive, buttonProps.className) },
-        react_1.default.createElement(icon_1.Icon, { className: sort_dropdown_module_css_1.default.itemIcon, glyph: "arrow" }),
-        react_1.default.createElement("span", { className: sort_dropdown_module_css_1.default.itemLabel }, label)));
-};
-Item.propTypes = {
-    className: prop_types_1.default.string,
-    as: prop_types_1.default.element.isRequired,
-    id: prop_types_1.default.string.isRequired,
-    label: prop_types_1.default.string.isRequired,
-    isActive: prop_types_1.default.bool.isRequired,
-    direction: prop_types_1.default.string.isRequired,
-    defaultDirection: prop_types_1.default.string.isRequired,
-    getButtonOnClick: prop_types_1.default.func.isRequired,
-};
-Item.defaultProps = {
-    className: '',
-};
-const SortDropdown = (props) => {
-    const { className, label, fields, field, direction, onChange } = props;
-    const rootClassName = (0, classnames_1.default)(sort_dropdown_module_css_1.default.root, className);
-    const customLabel = fields[field] ? `Ordered by ${fields[field].label}` : label;
-    return (react_1.default.createElement(dropdown_1.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_1.default.createElement("div", { className: sort_dropdown_module_css_1.default.items }, Object.entries(fields).map(([key, item]) => (react_1.default.createElement(Item, { key: key, as: MenuItem, isActive: field === key, id: key, label: item.label, direction: direction, defaultDirection: item.defaultDirection, getButtonOnClick: getButtonOnClick })))));
-    }));
-};
-exports.SortDropdown = SortDropdown;
-exports.SortDropdown.defaultProps = {
-    className: '',
-    label: 'Order by',
-    onChange: () => { },
-    field: '',
-    direction: 'asc',
-};
-exports.SortDropdown.propTypes = {
-    className: prop_types_1.default.string,
-    label: prop_types_1.default.string,
-    fields: prop_types_1.default.shape({
-        [prop_types_1.default.string]: prop_types_1.default.string,
-    }).isRequired,
-    onChange: prop_types_1.default.func,
-    field: prop_types_1.default.string,
-    direction: prop_types_1.default.string,
-};
-//# sourceMappingURL=sort-dropdown.js.map

package/lib/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/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/lib-esm/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',
-    },
-};
-//# sourceMappingURL=bundle-assets.constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"bundle-assets.constants.js","sourceRoot":"","sources":["../../../src/components/bundle-assets/bundle-assets.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/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',
-    },
-};
-//# sourceMappingURL=bundle-modules.constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"bundle-modules.constants.js","sourceRoot":"","sources":["../../../src/components/bundle-modules/bundle-modules.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/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/components/job-header/index.js

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

package/lib-esm/components/job-header/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/job-header/index.js"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib-esm/components/job-header/job-header.js

@@ -1,47 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import get from 'lodash/get';
-import { Source, formatDateTime } from '@bundle-stats/utils';
-import { FlexStack } from '../../layout/flex-stack';
-import { Stack } from '../../layout/stack';
-import { Icon } from '../../ui/icon';
-import { Tag } from '../../ui/tag';
-import css from './job-header.module.css';
-export const JobHeader = (props) => {
-    const { className, tag, job, children } = props;
-    const { builtAt, hash } = get(job, `meta.${Source.webpack}`, {});
-    const rootClassName = cx(css.root, className);
-    return (React.createElement(Stack, { className: rootClassName, space: "xxsmall" },
-        React.createElement(FlexStack, { space: "xsmall", alignItems: "center" },
-            React.createElement(FlexStack, { space: "xxxsmall", as: "h1", className: css.title },
-                React.createElement("span", null, `#${job.internalBuildNumber}`),
-                tag && React.createElement(Tag, { className: css.tag }, tag)),
-            builtAt && (React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center", inline: true, as: "span", title: builtAt, className: css.meta },
-                React.createElement(Icon, { glyph: "clock", className: css.metaIcon }),
-                React.createElement("span", { className: css.metaText }, formatDateTime({ dateStyle: 'medium', timeStyle: 'medium' }, builtAt)))),
-            hash && (React.createElement(FlexStack, { space: "xxxsmall", alignItems: "center", inline: true, title: "Webpack bundle hash", className: css.meta },
-                React.createElement(Icon, { glyph: "commit", className: css.metaIcon }),
-                React.createElement("span", { className: css.metaText }, hash.slice(0, 7))))),
-        children && (React.createElement(FlexStack, { space: "xxsmall", className: css.meta },
-            React.createElement("div", { className: css.content }, children)))));
-};
-JobHeader.propTypes = {
-    className: PropTypes.string,
-    tag: PropTypes.string,
-    job: PropTypes.shape({
-        internalBuildNumber: PropTypes.number,
-        meta: PropTypes.shape({
-            builtAt: PropTypes.string,
-        }),
-        summary: PropTypes.object,
-    }),
-    children: PropTypes.element,
-};
-JobHeader.defaultProps = {
-    className: '',
-    tag: '',
-    job: null,
-    children: null,
-};
-//# sourceMappingURL=job-header.js.map

package/lib-esm/components/job-header/job-header.js.map

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

package/lib-esm/components/job-header/job-header.module.css

@@ -1,19 +0,0 @@
-.title {
-  font-size: var(--size-xlarge);
-  line-height: 1;
-  font-weight: bold;
-  vertical-align: top;
-}
-
-.tag {
-  margin-left: var(--space-xxsmall);
-  vertical-align: top;
-  outline: 1px solid var(--color-outline);
-  background: var(--color-highlight);
-  color: var(--color-text-light);
-}
-
-.meta {
-  font-size: var(--size-small);
-  color: var(--color-text-light);
-}

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: "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/components/job-header/index.js

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

package/src/components/job-header/job-header.jsx

@@ -1,69 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import get from 'lodash/get';
-import { Source, formatDateTime } from '@bundle-stats/utils';
-
-import { FlexStack } from '../../layout/flex-stack';
-import { Stack } from '../../layout/stack';
-import { Icon } from '../../ui/icon';
-import { Tag } from '../../ui/tag';
-import css from './job-header.module.css';
-
-export const JobHeader = (props) => {
-  const { className, tag, job, children } = props;
-
-  const { builtAt, hash } = get(job, `meta.${Source.webpack}`, {});
-  const rootClassName = cx(css.root, className);
-
-  return (
-    <Stack className={rootClassName} space="xxsmall">
-      <FlexStack space="xsmall" alignItems="center">
-        <FlexStack space="xxxsmall" as="h1" className={css.title}>
-          <span>{`#${job.internalBuildNumber}`}</span>
-          {tag && <Tag className={css.tag}>{tag}</Tag>}
-        </FlexStack>
-
-        {builtAt && (
-          <FlexStack space="xxxsmall" alignItems="center" inline as="span" title={builtAt} className={css.meta}>
-            <Icon glyph="clock" className={css.metaIcon} />
-            <span className={css.metaText}>
-              {formatDateTime({ dateStyle: 'medium', timeStyle: 'medium' }, builtAt)}
-            </span>
-          </FlexStack>
-        )}
-
-        {hash && (
-          <FlexStack space="xxxsmall" alignItems="center" inline title="Webpack bundle hash" className={css.meta}>
-            <Icon glyph="commit" className={css.metaIcon} />
-            <span className={css.metaText}>{hash.slice(0, 7)}</span>
-          </FlexStack>
-        )}
-      </FlexStack>
-      {children && (<FlexStack space="xxsmall" className={css.meta}>
-          <div className={css.content}>{children}</div>
-        </FlexStack>
-      )}
-    </Stack>
-  );
-};
-
-JobHeader.propTypes = {
-  className: PropTypes.string,
-  tag: PropTypes.string,
-  job: PropTypes.shape({
-    internalBuildNumber: PropTypes.number,
-    meta: PropTypes.shape({
-      builtAt: PropTypes.string,
-    }),
-    summary: PropTypes.object, // eslint-disable-line react/forbid-prop-types
-  }),
-  children: PropTypes.element,
-};
-
-JobHeader.defaultProps = {
-  className: '',
-  tag: '',
-  job: null,
-  children: null,
-};

package/src/components/job-header/job-header.module.css

@@ -1,19 +0,0 @@
-.title {
-  font-size: var(--size-xlarge);
-  line-height: 1;
-  font-weight: bold;
-  vertical-align: top;
-}
-
-.tag {
-  margin-left: var(--space-xxsmall);
-  vertical-align: top;
-  outline: 1px solid var(--color-outline);
-  background: var(--color-highlight);
-  color: var(--color-text-light);
-}
-
-.meta {
-  font-size: var(--size-small);
-  color: var(--color-text-light);
-}

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';