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

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

@@ -1,43 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import debounce from 'lodash/debounce';
-import { Icon } from '../../ui/icon';
-import { Input } from '../../ui/input';
-import css from './metrics-table-search.module.css';
-export const MetricsTableSearch = (props) => {
-    const { className, placeholder, search, updateSearch } = props;
-    const rootClassname = cx(css.root, className);
-    const [value, setValue] = useState(search);
-    useEffect(() => {
-        setValue(search);
-    }, [search]);
-    const debouncedUpdateSearch = useCallback(debounce(updateSearch, 500), []);
-    const handleChangeValue = useCallback((event) => {
-        const newValue = event.target.value;
-        setValue(newValue);
-        if (newValue !== search) {
-            debouncedUpdateSearch(newValue);
-        }
-    }, [search]);
-    const handleClearValue = useCallback(() => {
-        const newValue = '';
-        setValue(newValue);
-        updateSearch(newValue);
-    }, []);
-    return (React.createElement("div", { className: rootClassname },
-        React.createElement(Input, { className: css.input, placeholder: placeholder, onChange: handleChangeValue, value: value, size: "small", autoComplete: "off" }),
-        search && (React.createElement("button", { className: css.cancelButton, type: "button", onClick: handleClearValue },
-            React.createElement(Icon, { className: css.cancelButtonIcon, glyph: Icon.ICONS.CANCEL })))));
-};
-MetricsTableSearch.propTypes = {
-    className: PropTypes.string,
-    placeholder: PropTypes.string,
-    search: PropTypes.string.isRequired,
-    updateSearch: PropTypes.func.isRequired,
-};
-MetricsTableSearch.defaultProps = {
-    className: '',
-    placeholder: '',
-};
-//# sourceMappingURL=metrics-table-search.js.map

package/lib-esm/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,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,GAAG,MAAM,mCAAmC,CAAC;AAEpD,MAAM,CAAC,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,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAG3C,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,MAAM,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,qBAAqB,GAAG,WAAW,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3E,MAAM,iBAAiB,GAAG,WAAW,CACnC,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,WAAW,CAAC,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,6BAAK,SAAS,EAAE,aAAa;QAC3B,oBAAC,KAAK,IACJ,SAAS,EAAE,GAAG,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,gCAAQ,SAAS,EAAE,GAAG,CAAC,YAAY,EAAE,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,gBAAgB;YAC1E,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,CAAC,gBAAgB,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAI,CAC5D,CACV,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,SAAS,GAAG;IAC7B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACnC,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACxC,CAAC;AAEF,kBAAkB,CAAC,YAAY,GAAG;IAChC,SAAS,EAAE,EAAE;IACb,WAAW,EAAE,EAAE;CAChB,CAAC"}

package/src/components/metrics-table-search/index.js

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

package/src/components/metrics-table-search/metrics-table-search.jsx

@@ -1,72 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import debounce from 'lodash/debounce';
-
-import { Icon } from '../../ui/icon';
-import { Input } from '../../ui/input';
-
-import css from './metrics-table-search.module.css';
-
-export const MetricsTableSearch = (props) => {
-  const { className, placeholder, search, updateSearch } = props;
-  const rootClassname = cx(css.root, className);
-
-  const [value, setValue] = useState(search);
-
-  // Update local state when initial value has changed
-  useEffect(() => {
-    setValue(search);
-  }, [search]);
-
-  const debouncedUpdateSearch = useCallback(debounce(updateSearch, 500), []);
-
-  const handleChangeValue = useCallback(
-    (event) => {
-      const newValue = event.target.value;
-      setValue(newValue);
-
-      // Update parent state when the local value has changed
-      if (newValue !== search) {
-        debouncedUpdateSearch(newValue);
-      }
-    },
-    [search],
-  );
-
-  const handleClearValue = useCallback(() => {
-    const newValue = '';
-    setValue(newValue);
-    updateSearch(newValue);
-  }, []);
-
-  return (
-    <div className={rootClassname}>
-      <Input
-        className={css.input}
-        placeholder={placeholder}
-        onChange={handleChangeValue}
-        value={value}
-        size="small"
-        autoComplete="off"
-      />
-      {search && (
-        <button className={css.cancelButton} type="button" onClick={handleClearValue}>
-          <Icon className={css.cancelButtonIcon} glyph={Icon.ICONS.CANCEL} />
-        </button>
-      )}
-    </div>
-  );
-};
-
-MetricsTableSearch.propTypes = {
-  className: PropTypes.string,
-  placeholder: PropTypes.string,
-  search: PropTypes.string.isRequired,
-  updateSearch: PropTypes.func.isRequired,
-};
-
-MetricsTableSearch.defaultProps = {
-  className: '',
-  placeholder: '',
-};

package/src/ui/input/input.jsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-
-import css from './input.module.css';
-
-export const Input = ({ className, size, ...restProps }) => {
-  const rootClassName = cx(css.root, className, css[size]);
-  return <input className={rootClassName} {...restProps} />;
-};
-
-Input.propTypes = {
-  className: PropTypes.string,
-  size: PropTypes.oneOf(['small', 'medium', 'large']),
-};
-
-Input.defaultProps = {
-  className: '',
-  size: 'medium',
-};

package/types/components/metrics-table-search/index.d.ts

@@ -1 +0,0 @@
-export * from "./metrics-table-search";

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

@@ -1,17 +0,0 @@
-export function MetricsTableSearch(props: any): React.JSX.Element;
-export namespace MetricsTableSearch {
-    namespace propTypes {
-        let className: PropTypes.Requireable<string>;
-        let placeholder: PropTypes.Requireable<string>;
-        let search: PropTypes.Validator<string>;
-        let updateSearch: PropTypes.Validator<(...args: any[]) => any>;
-    }
-    namespace defaultProps {
-        let className_1: string;
-        export { className_1 as className };
-        let placeholder_1: string;
-        export { placeholder_1 as placeholder };
-    }
-}
-import React from 'react';
-import PropTypes from 'prop-types';