@bundle-stats/ui 4.8.4-beta.0 → 4.9.0-beta.0

package/src/components/bundle-assets/bundle-assets.jsx

@@ -15,6 +15,7 @@ import config from '../../config.json';
 import I18N from '../../i18n';
 import { FlexStack } from '../../layout/flex-stack';
 import { Icon } from '../../ui/icon';
+import { InputSearch } from '../../ui/input-search';
 import { FileName } from '../../ui/file-name';
 import { HoverCard } from '../../ui/hover-card';
 import { Tag } from '../../ui/tag';
@@ -25,7 +26,6 @@ import { AssetInfo } from '../asset-info';
 import { AssetNotPredictive } from '../asset-not-predictive';
 import { ComponentLink } from '../component-link';
 import { MetricsTable } from '../metrics-table';
-import { MetricsTableSearch } from '../metrics-table-search';
 import { MetricsTableOptions } from '../metrics-table-options';
 import { MetricsTableTitle } from '../metrics-table-title';
 import css from './bundle-assets.module.css';
@@ -235,11 +235,11 @@ export const BundleAssets = (props) => {
           )}
         >
           <FlexStack space="xxsmall">
-            <MetricsTableSearch
+            <InputSearch
               className={css.toolbarSearch}
               placeholder="Search by name"
-              search={search}
-              updateSearch={updateSearch}
+              defaultValue={search}
+              onChange={updateSearch}
             />
             <Filters
               className={css.toolbarFilters}

package/src/components/bundle-modules/bundle-modules.tsx

@@ -7,13 +7,13 @@ import config from '../../config.json';
 import I18N from '../../i18n';
 import { ComponentLink } from '../component-link';
 import { FlexStack } from '../../layout/flex-stack';
+import { InputSearch } from '../../ui/input-search';
 import { EmptySet } from '../../ui/empty-set';
 import { FileName } from '../../ui/file-name';
 import { Filters } from '../../ui/filters';
 import { Tag } from '../../ui/tag';
 import { Toolbar } from '../../ui/toolbar';
 import { MetricsTable } from '../metrics-table';
-import { MetricsTableSearch } from '../metrics-table-search';
 import { MetricsTableOptions } from '../metrics-table-options';
 import { MetricsTableTitle } from '../metrics-table-title';
 import { ModuleInfo } from '../module-info';
@@ -159,11 +159,11 @@ export const BundleModules = (props: BundleModulesProps) => {
           )}
         >
           <FlexStack space="xxsmall">
-            <MetricsTableSearch
+            <InputSearch
               className={css.toolbarSearch}
-              search={search}
-              updateSearch={updateSearch}
               placeholder={I18N_MODULES.SEARCH}
+              defaultValue={search}
+              onChange={updateSearch}
             />
             <Filters
               className={css.tableDropdown}

package/src/components/bundle-packages/bundle-packages.jsx

@@ -6,13 +6,13 @@ import { COMPONENT, PACKAGE_FILTERS, PACKAGES_SEPARATOR, SECTIONS } from '@bundl
 import config from '../../config.json';
 import I18N from '../../i18n';
 import { FlexStack } from '../../layout/flex-stack';
+import { InputSearch } from '../../ui/input-search';
 import { EmptySet } from '../../ui/empty-set';
 import { Filters } from '../../ui/filters';
 import { Tag } from '../../ui/tag';
 import { Toolbar } from '../../ui/toolbar';
 import { ComponentLink } from '../component-link';
 import { MetricsTable } from '../metrics-table';
-import { MetricsTableSearch } from '../metrics-table-search';
 import { MetricsTableOptions } from '../metrics-table-options';
 import { MetricsTableTitle } from '../metrics-table-title';
 import { PackageInfo } from '../package-info';
@@ -194,11 +194,11 @@ export const BundlePackages = (props) => {
           )}
         >
           <FlexStack space="xxsmall">
-            <MetricsTableSearch
+            <InputSearch
               className={css.toolbarSearch}
               placeholder="Search by name"
-              search={search}
-              updateSearch={updateSearch}
+              defaultValue={search}
+              onChange={updateSearch}
             />
             <Filters
               filters={dropdownFilters}

package/src/components/index.js

@@ -15,7 +15,6 @@ export { Metric } from './metric';
 export { MetricRunInfo, MetricRunInfoProps } from './metric-run-info';
 export { MetricsTable } from './metrics-table';
 export { MetricsTableOptions } from './metrics-table-options';
-export { MetricsTableSearch } from './metrics-table-search';
 export { MetricsTableTitle } from './metrics-table-title';
 export { ModuleInfo } from './module-info';
 export { RunInfo, RunInfoProps } from './run-info';

package/src/components/metrics-table/metrics-table.i18n.ts

@@ -1,9 +1,9 @@
 export const BASELINE_TITLE = 'Baseline';
 export const CURRENT_TITLE = 'Current';
 
-export const SORT_ABSOLUTE_VALUE = 'absolute value';
-export const SORT_ABSOLUTE_CHANGE = 'absolute change';
-export const SORT_PERCENTUAL_CHANGE = 'absolute percentual change';
+export const SORT_VALUE = 'value';
+export const SORT_CHANGE = 'change';
+export const SORT_PERCENTUAL_CHANGE = 'percentual change';
 
 export const EMPTY_MESSAGE = 'No items found.';
 export const SHOW_ALL = 'Show all';

package/src/components/metrics-table/metrics-table.tsx

@@ -92,7 +92,7 @@ const SumColumn = ({ rows, isBaseline, runIndex, updateSort, sort }: ColumnSumPr
         <SortButton
           fieldPath={fieldPath}
           fieldName="value"
-          label="absolute value"
+          label={I18N.SORT_VALUE}
           updateSort={updateSort}
           sort={sort}
         >
@@ -105,7 +105,7 @@ const SumColumn = ({ rows, isBaseline, runIndex, updateSort, sort }: ColumnSumPr
             <SortButton
               fieldPath={fieldPath}
               fieldName="delta"
-              label="absolute change"
+              label={I18N.SORT_CHANGE}
               updateSort={updateSort}
               sort={sort}
             >
@@ -118,7 +118,7 @@ const SumColumn = ({ rows, isBaseline, runIndex, updateSort, sort }: ColumnSumPr
             <SortButton
               fieldPath={fieldPath}
               fieldName="deltaPercentage"
-              label="absolute percentual change"
+              label={I18N.SORT_PERCENTUAL_CHANGE}
               updateSort={updateSort}
               sort={sort}
             >

package/src/hooks/rows-sort.ts

@@ -18,7 +18,7 @@ export const getSortFn =
       return getCustomSort(item);
     }
 
-    return Math.abs(get(item, fieldPath) || 0);
+    return get(item, fieldPath) || 0;
   };
 
 export const useRowsSort = ({

package/src/ui/filters/filters.i18n.ts

@@ -1,2 +1,5 @@
+export const CHUNKS_NOT_FOUND = 'No chunks found';
+export const CHUNKS_SEARCH = 'Search by chunk name';
+export const CHUNKS_SEARCH_CLEAR = 'Clear search';
 export const CLEAR = 'Clear all';
 export const CHECK = 'Check all';

package/src/ui/filters/filters.module.css

@@ -116,6 +116,35 @@
   text-transform: lowercase;
 }
 
+.filterGroupSearchWrapper {
+  padding-bottom: var(--space-xxxsmall);
+  margin-bottom: var(--space-xxxsmall);
+  border-bottom: 1px solid var(--color-outline);
+}
+
+.filterGroupSearchNotFound {
+  padding: var(--space-xxsmall) 0;
+  text-align: center;
+  font-size: var(--size-small);
+  color: var(--color-text-light);
+}
+
+.filterGroupSearchNotFoundClear {
+  outline: none;
+  appearance: none;
+  border: none;
+  background: none;
+  cursor: pointer;
+  white-space: nowrap;
+  color: var(--color-text-dark);
+}
+
+.filterGroupSearchNotFoundClear:hover,
+.filterGroupSearchNotFoundClear:active,
+.filterGroupSearchNotFoundClear:focus {
+  color: var(--color-text-dark);
+}
+
 .filterGroupItems {
   max-height: calc(10 * (var(--space-small) + 2 * var(--space-xxxsmall)));
   overflow: auto;

package/src/ui/filters/filters.tsx

@@ -1,9 +1,11 @@
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import cx from 'classnames';
 
 import type { FilterFieldsData, FilterGroupFieldData } from '../../types';
 import { FlexStack } from '../../layout/flex-stack';
+import { Stack } from '../../layout/stack';
 import { Dropdown } from '../dropdown';
+import { InputSearch } from '../input-search';
 import * as I18N from './filters.i18n';
 import { getGroupFiltersLabelSuffix, LABELS } from './filters.utils';
 import css from './filters.module.css';
@@ -75,6 +77,8 @@ const FilterGroup = (props: FilterGroupProps) => {
     toggleFilters,
   } = props;
 
+  const [search, setSearch] = useState('');
+
   const { label: groupLabel, children: groupItems } = data;
 
   const areAllGroupItemsChecked = groupItems
@@ -108,6 +112,14 @@ const FilterGroup = (props: FilterGroupProps) => {
       });
     };
 
+  const filteredGroupItems = useMemo(() => {
+    if (!search) {
+      return groupItems;
+    }
+
+    return groupItems.filter((item) => item.label.match(new RegExp(`${search}`, 'i')));
+  }, [search, groupItems]);
+
   return (
     <Dropdown
       className={className}
@@ -118,8 +130,32 @@ const FilterGroup = (props: FilterGroupProps) => {
       {({ MenuItem, menuItemClassName }) => {
         return (
           <>
+            {groupItems.length > 10 && (
+              <div className={css.filterGroupSearchWrapper}>
+                <InputSearch
+                  defaultValue={search}
+                  onChange={setSearch}
+                  placeholder={I18N.CHUNKS_SEARCH}
+                  debounceWait={0}
+                />
+              </div>
+            )}
             <div className={css.filterGroupItems}>
-              {groupItems.map(({ key: itemKey, ...itemData }) => {
+              {filteredGroupItems.length === 0 && (
+                <Stack className={css.filterGroupSearchNotFound}>
+                  <p>{I18N.CHUNKS_NOT_FOUND}</p>
+                  <div>
+                    <button
+                      type="button"
+                      onClick={() => setSearch('')}
+                      className={css.filterGroupSearchNotFoundClear}
+                    >
+                      {I18N.CHUNKS_SEARCH_CLEAR}
+                    </button>
+                  </div>
+                </Stack>
+              )}
+              {filteredGroupItems.map(({ key: itemKey, ...itemData }) => {
                 const id = [groupKey, itemKey].join('.');
                 const getOnOnlyClick = () => getOnGroupCheck(false, { [id]: true });
 
@@ -138,29 +174,31 @@ const FilterGroup = (props: FilterGroupProps) => {
                 );
               })}
             </div>
-            <div className={css.filterGroupActions}>
-              {areAllGroupItemsChecked ? (
-                <MenuItem
-                  id="clear-all"
-                  as="button"
-                  className={menuItemClassName}
-                  type="button"
-                  onClick={getOnGroupCheck(false)}
-                >
-                  {I18N.CLEAR}
-                </MenuItem>
-              ) : (
-                <MenuItem
-                  id="clear-all"
-                  as="button"
-                  className={menuItemClassName}
-                  type="button"
-                  onClick={getOnGroupCheck(true)}
-                >
-                  {I18N.CHECK}
-                </MenuItem>
-              )}
-            </div>
+            {filteredGroupItems.length !== 0 && (
+              <div className={css.filterGroupActions}>
+                {areAllGroupItemsChecked ? (
+                  <MenuItem
+                    id="clear-all"
+                    as="button"
+                    className={menuItemClassName}
+                    type="button"
+                    onClick={getOnGroupCheck(false)}
+                  >
+                    {I18N.CLEAR}
+                  </MenuItem>
+                ) : (
+                  <MenuItem
+                    id="clear-all"
+                    as="button"
+                    className={menuItemClassName}
+                    type="button"
+                    onClick={getOnGroupCheck(true)}
+                  >
+                    {I18N.CHECK}
+                  </MenuItem>
+                )}
+              </div>
+            )}
           </>
         );
       }}

package/src/ui/index.js

@@ -8,6 +8,7 @@ export { HorizontalBarChart } from './horizontal-bar-chart';
 export { HoverCard } from './hover-card';
 export { Icon } from './icon';
 export { Input } from './input';
+export { InputSearch } from './input-search';
 export { Loader } from './loader';
 export { Skeleton } from './skeleton';
 export { Table } from './table';

package/src/ui/input/input.stories.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+
+import { getWrapperDecorator } from '../../stories';
+import { Input } from '.';
+
+export default {
+  title: 'UI/Input',
+  component: Input,
+  decorators: [getWrapperDecorator()],
+};
+
+export const Default = () => <Input placeholder="Search" />;
+export const WithSize = () => <Input placeholder="Search" size="small" />;

package/src/ui/input/input.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import cx from 'classnames';
+
+import css from './input.module.css';
+
+interface InputProps {
+  size?: 'small' | 'medium' | 'large';
+}
+
+export const Input = (props: InputProps & Omit<React.ComponentProps<'input'>, 'size'>) => {
+  const { className = '', size = 'medium', ...restProps } = props;
+
+  const rootClassName = cx(css.root, className, css[size]);
+
+  return <input className={rootClassName} {...restProps} />;
+};

package/src/ui/input-search/index.ts

@@ -0,0 +1 @@
+export * from './input-search';

package/src/ui/input-search/input-search.tsx

@@ -0,0 +1,82 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import cx from 'classnames';
+import debounce from 'lodash/debounce';
+import noop from 'lodash/noop';
+
+import { Icon } from '../icon';
+import { Input } from '../input';
+
+import css from './input-search.module.css';
+
+interface InputSearchProps {
+  placeholder?: string;
+  defaultValue?: string;
+  onChange?: (newValue: string) => void;
+  debounceWait?: number;
+}
+
+export const InputSearch = (
+  props: InputSearchProps & Omit<React.ComponentProps<'div'>, 'onChange'>,
+) => {
+  const {
+    className = '',
+    placeholder = 'Search',
+    defaultValue = '',
+    onChange = noop,
+    debounceWait = 500,
+  } = props;
+  const rootClassname = cx(css.root, className);
+
+  const [value, setValue] = useState(defaultValue);
+
+  // Update local state when default value changes
+  useEffect(() => {
+    setValue(defaultValue);
+  }, [defaultValue]);
+
+  const debouncedUpdateSearch = useCallback(debounce(onChange, debounceWait), [onChange]);
+
+  const changeValue = useCallback(
+    (newValue: string) => {
+      if (newValue !== value) {
+        debouncedUpdateSearch(newValue);
+        setValue(newValue);
+      }
+    },
+    [setValue, value],
+  );
+
+  const inputOnChange = useCallback(
+    (event: React.ChangeEvent<HTMLInputElement>) => {
+      changeValue(event.target.value);
+    },
+    [changeValue],
+  );
+
+  const clearButtonOnClick = useCallback(() => {
+    changeValue('');
+  }, [changeValue]);
+
+  return (
+    <div className={rootClassname}>
+      <Input
+        className={css.input}
+        placeholder={placeholder}
+        onChange={inputOnChange}
+        value={value}
+        size="small"
+        autoComplete="off"
+      />
+      {value && (
+        <button
+          className={css.cancelButton}
+          type="button"
+          onClick={clearButtonOnClick}
+          aria-label="Clear search"
+        >
+          <Icon className={css.cancelButtonIcon} glyph={Icon.ICONS.CANCEL} />
+        </button>
+      )}
+    </div>
+  );
+};

package/types/components/index.d.ts

@@ -14,7 +14,6 @@ export { LighthouseTable } from "./lighthouse-table";
 export { Metric } from "./metric";
 export { MetricsTable } from "./metrics-table";
 export { MetricsTableOptions } from "./metrics-table-options";
-export { MetricsTableSearch } from "./metrics-table-search";
 export { MetricsTableTitle } from "./metrics-table-title";
 export { ModuleInfo } from "./module-info";
 export { Summary } from "./summary";

package/types/components/metrics-table/metrics-table.i18n.d.ts

@@ -1,8 +1,8 @@
 export declare const BASELINE_TITLE = "Baseline";
 export declare const CURRENT_TITLE = "Current";
-export declare const SORT_ABSOLUTE_VALUE = "absolute value";
-export declare const SORT_ABSOLUTE_CHANGE = "absolute change";
-export declare const SORT_PERCENTUAL_CHANGE = "absolute percentual change";
+export declare const SORT_VALUE = "value";
+export declare const SORT_CHANGE = "change";
+export declare const SORT_PERCENTUAL_CHANGE = "percentual change";
 export declare const EMPTY_MESSAGE = "No items found.";
 export declare const SHOW_ALL = "Show all";
 export declare const SHOW_LESS = "Show less";

package/types/hooks/rows-sort.d.ts

@@ -6,7 +6,7 @@ interface UseRowsSortParams {
     initialDirection?: SortAction['direction'];
     getCustomSort: (item: any) => Array<string | number | boolean>;
 }
-export declare const getSortFn: (fieldPath: string, getCustomSort: UseRowsSortParams['getCustomSort']) => (item: unknown) => number | (string | number | boolean)[];
+export declare const getSortFn: (fieldPath: string, getCustomSort: UseRowsSortParams['getCustomSort']) => (item: unknown) => any;
 export declare const useRowsSort: ({ rows, initialField, initialDirection, getCustomSort, }: UseRowsSortParams) => {
     sort: {
         field: string;

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

@@ -1,2 +1,5 @@
+export declare const CHUNKS_NOT_FOUND = "No chunks found";
+export declare const CHUNKS_SEARCH = "Search by chunk name";
+export declare const CHUNKS_SEARCH_CLEAR = "Clear search";
 export declare const CLEAR = "Clear all";
 export declare const CHECK = "Check all";

package/types/ui/index.d.ts

@@ -8,6 +8,7 @@ export { HorizontalBarChart } from "./horizontal-bar-chart";
 export { HoverCard } from "./hover-card";
 export { Icon } from "./icon";
 export { Input } from "./input";
+export { InputSearch } from "./input-search";
 export { Loader } from "./loader";
 export { Skeleton } from "./skeleton";
 export { Table } from "./table";

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

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

package/types/ui/input/input.d.ts

@@ -1,19 +1,6 @@
-export function Input({ className, size, ...restProps }: {
-    [x: string]: any;
-    className: any;
-    size: any;
-}): React.JSX.Element;
-export namespace Input {
-    namespace propTypes {
-        let className: PropTypes.Requireable<string>;
-        let size: PropTypes.Requireable<string>;
-    }
-    namespace defaultProps {
-        let className_1: string;
-        export { className_1 as className };
-        let size_1: string;
-        export { size_1 as size };
-    }
-}
 import React from 'react';
-import PropTypes from 'prop-types';
+interface InputProps {
+    size?: 'small' | 'medium' | 'large';
+}
+export declare const Input: (props: InputProps & Omit<React.ComponentProps<'input'>, 'size'>) => React.JSX.Element;
+export {};

package/types/ui/input-search/index.d.ts

@@ -0,0 +1 @@
+export * from './input-search';

package/types/ui/input-search/input-search.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface InputSearchProps {
+    placeholder?: string;
+    defaultValue?: string;
+    onChange?: (newValue: string) => void;
+    debounceWait?: number;
+}
+export declare const InputSearch: (props: InputSearchProps & Omit<React.ComponentProps<'div'>, 'onChange'>) => React.JSX.Element;
+export {};

package/lib/components/metrics-table-search/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/metrics-table-search/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAAuC"}

package/lib/components/metrics-table-search/metrics-table-search.js

@@ -1,73 +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.MetricsTableSearch = void 0;
-const react_1 = __importStar(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
-const classnames_1 = __importDefault(require("classnames"));
-const debounce_1 = __importDefault(require("lodash/debounce"));
-const icon_1 = require("../../ui/icon");
-const input_1 = require("../../ui/input");
-const metrics_table_search_module_css_1 = __importDefault(require("./metrics-table-search.module.css"));
-const MetricsTableSearch = (props) => {
-    const { className, placeholder, search, updateSearch } = props;
-    const rootClassname = (0, classnames_1.default)(metrics_table_search_module_css_1.default.root, className);
-    const [value, setValue] = (0, react_1.useState)(search);
-    (0, react_1.useEffect)(() => {
-        setValue(search);
-    }, [search]);
-    const debouncedUpdateSearch = (0, react_1.useCallback)((0, debounce_1.default)(updateSearch, 500), []);
-    const handleChangeValue = (0, react_1.useCallback)((event) => {
-        const newValue = event.target.value;
-        setValue(newValue);
-        if (newValue !== search) {
-            debouncedUpdateSearch(newValue);
-        }
-    }, [search]);
-    const handleClearValue = (0, react_1.useCallback)(() => {
-        const newValue = '';
-        setValue(newValue);
-        updateSearch(newValue);
-    }, []);
-    return (react_1.default.createElement("div", { className: rootClassname },
-        react_1.default.createElement(input_1.Input, { className: metrics_table_search_module_css_1.default.input, placeholder: placeholder, onChange: handleChangeValue, value: value, size: "small", autoComplete: "off" }),
-        search && (react_1.default.createElement("button", { className: metrics_table_search_module_css_1.default.cancelButton, type: "button", onClick: handleClearValue },
-            react_1.default.createElement(icon_1.Icon, { className: metrics_table_search_module_css_1.default.cancelButtonIcon, glyph: icon_1.Icon.ICONS.CANCEL })))));
-};
-exports.MetricsTableSearch = MetricsTableSearch;
-exports.MetricsTableSearch.propTypes = {
-    className: prop_types_1.default.string,
-    placeholder: prop_types_1.default.string,
-    search: prop_types_1.default.string.isRequired,
-    updateSearch: prop_types_1.default.func.isRequired,
-};
-exports.MetricsTableSearch.defaultProps = {
-    className: '',
-    placeholder: '',
-};
-//# sourceMappingURL=metrics-table-search.js.map

package/lib/components/metrics-table-search/metrics-table-search.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"metrics-table-search.js","sourceRoot":"","sources":["../../../src/components/metrics-table-search/metrics-table-search.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgE;AAChE,4DAAmC;AACnC,4DAA4B;AAC5B,+DAAuC;AAEvC,wCAAqC;AACrC,0CAAuC;AAEvC,wGAAoD;AAE7C,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE,EAAE;IAC1C,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,yCAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAM,CAAC,CAAC;IAG3C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,MAAM,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EAAC,IAAA,kBAAQ,EAAC,YAAY,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3E,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACpC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAGnB,IAAI,QAAQ,KAAK,MAAM,EAAE;YACvB,qBAAqB,CAAC,QAAQ,CAAC,CAAC;SACjC;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACxC,MAAM,QAAQ,GAAG,EAAE,CAAC;QACpB,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,YAAY,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uCAAK,SAAS,EAAE,aAAa;QAC3B,8BAAC,aAAK,IACJ,SAAS,EAAE,yCAAG,CAAC,KAAK,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,iBAAiB,EAC3B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,YAAY,EAAC,KAAK,GAClB;QACD,MAAM,IAAI,CACT,0CAAQ,SAAS,EAAE,yCAAG,CAAC,YAAY,EAAE,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,gBAAgB;YAC1E,8BAAC,WAAI,IAAC,SAAS,EAAE,yCAAG,CAAC,gBAAgB,EAAE,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,MAAM,GAAI,CAC5D,CACV,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,kBAAkB,sBAiD7B;AAEF,0BAAkB,CAAC,SAAS,GAAG;IAC7B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,WAAW,EAAE,oBAAS,CAAC,MAAM;IAC7B,MAAM,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;IACnC,YAAY,EAAE,oBAAS,CAAC,IAAI,CAAC,UAAU;CACxC,CAAC;AAEF,0BAAkB,CAAC,YAAY,GAAG;IAChC,SAAS,EAAE,EAAE;IACb,WAAW,EAAE,EAAE;CAChB,CAAC"}

package/lib-esm/components/metrics-table-search/index.js

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

package/lib-esm/components/metrics-table-search/index.js.map

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