@bundle-stats/ui 3.2.0-beta.1 → 3.2.1-beta.3

package/src/hocs/with-search.jsx

@@ -1,184 +0,0 @@
-import React, { useCallback, useEffect, useReducer } from 'react';
-import PropTypes from 'prop-types';
-import { isEqual, merge, noop } from 'lodash';
-
-const ACTION_SET_FILTERS = 'SET_FILTERS';
-const ACTION_SET_SEARCH = 'SET_SEARCH';
-const ACTION_RESET_DEFAULT = 'RESET_DEFAULT';
-const ACTION_RESET_ALL = 'RESET_ALL';
-const ACTION_SET = 'SET';
-
-const getSearchPattern = (search) => {
-  let searchPattern = new RegExp(/.*/);
-
-  if (!search || !search.trim()) {
-    return searchPattern;
-  }
-
-  try {
-    searchPattern = new RegExp(search, 'i');
-  } catch (err) {
-    // noop
-    console.error(err); // eslint-disable-line no-console
-  }
-
-  return searchPattern;
-};
-
-const getSearchReducer = ({ defaultFilters, allEntriesFilters, setParentState }) => (
-  state, action,
-) => {
-  const { type, payload } = action;
-
-  switch (type) {
-    case ACTION_SET_FILTERS: {
-      setParentState({
-        filters: payload,
-        search: state.search,
-      });
-
-      return {
-        ...state,
-        filters: payload,
-      };
-    }
-
-    case ACTION_SET_SEARCH: {
-      setParentState({
-        filters: state.filters,
-        search: payload,
-      });
-
-      return {
-        ...state,
-        search: payload,
-        searchPattern: getSearchPattern(payload),
-      };
-    }
-
-    case ACTION_RESET_DEFAULT: {
-      setParentState({
-        filters: defaultFilters,
-        search: '',
-      });
-
-      return {
-        filters: defaultFilters,
-        search: '',
-        searchPattern: getSearchPattern(),
-      };
-    }
-
-    case ACTION_RESET_ALL: {
-      setParentState({
-        filters: allEntriesFilters,
-        search: '',
-      });
-
-      return {
-        filters: allEntriesFilters,
-        search: '',
-        searchPattern: getSearchPattern(),
-      };
-    }
-
-    case ACTION_SET: {
-      return payload;
-    }
-
-    default:
-      return state;
-  }
-};
-
-export const generateState = (filters, search) => ({
-  filters,
-  search,
-  searchPattern: getSearchPattern(search),
-});
-
-export const useSearch = ({
-  setState: setParentState,
-  search: parentSearch,
-  filters: parentFilters,
-  defaultFilters,
-  allEntriesFilters,
-}) => {
-  // When we pass custom filters, set the other flags to true(allEntries)
-  const initialFilters = parentFilters
-    ? merge({}, allEntriesFilters, parentFilters)
-    : defaultFilters;
-
-  const [{ search, searchPattern, filters }, dispatch] = useReducer(
-    getSearchReducer({ defaultFilters, allEntriesFilters, setParentState }),
-    generateState(initialFilters, parentSearch),
-  );
-
-  // Update state when the custom filters/search are changing - initial load or route updates
-  useEffect(() => {
-    // Run a deep comparison to prevent circular setState triggering
-    if (parentSearch === search || isEqual(parentFilters, filters)) {
-      return;
-    }
-
-    dispatch({ type: ACTION_SET, payload: generateState(initialFilters, parentSearch) });
-  }, [search, filters, parentFilters, parentSearch]);
-
-  const handleUpdateSearch = useCallback((newValue) => {
-    dispatch({ type: ACTION_SET_SEARCH, payload: newValue });
-  }, []);
-
-  const handleUpdateFilters = useCallback((newFilters) => {
-    dispatch({ type: ACTION_SET_FILTERS, payload: newFilters });
-  }, []);
-
-  const handleResetFilters = useCallback(() => {
-    dispatch({ type: ACTION_RESET_DEFAULT });
-  }, []);
-
-  const handleResetAllFilters = useCallback(() => {
-    dispatch({ type: ACTION_RESET_ALL });
-  }, []);
-
-  return {
-    search,
-    updateSearch: handleUpdateSearch,
-    searchPattern,
-    updateFilters: handleUpdateFilters,
-    resetFilters: handleResetFilters,
-    resetAllFilters: handleResetAllFilters,
-    filters,
-    hasActiveFilters: !isEqual(allEntriesFilters, filters),
-  };
-};
-
-export const withSearch = () => (BaseComponent) => {
-  const WithSearch = (props) => {
-    const { allEntriesFilters, defaultFilters, filters, search, setState } = props;
-    const searchProps = useSearch({
-      search,
-      filters,
-      setState,
-      defaultFilters,
-      allEntriesFilters,
-    });
-
-    return <BaseComponent {...props} {...searchProps} />;
-  };
-
-  WithSearch.defaultProps = {
-    filters: null,
-    setState: noop,
-    search: '',
-  };
-
-  WithSearch.propTypes = {
-    allEntriesFilters: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
-    defaultFilters: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
-    filters: PropTypes.object, // eslint-disable-line react/forbid-prop-types
-    search: PropTypes.string,
-    setState: PropTypes.func,
-  };
-
-  return WithSearch;
-};

package/src/ui/icon/assets/arrow.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-  <path fill="none" d="M0 0h24v24H0V0z"/>
-  <path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"/>
-</svg>

package/src/ui/icon/assets/branch.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 640 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-<path d="M512 192c-70.625 0-128 57.344-128 128 0 47.219 25.875 88.062 64 110.281V448s0 128-128 128c-53.062 0-94.656 11.375-128 28.812V302.281c38.156-22.219 64-63.062 64-110.281 0-70.656-57.344-128-128-128S0 121.344 0 192c0 47.219 25.844 88.062 64 110.281V721.75C25.844 743.938 0 784.75 0 832c0 70.625 57.344 128 128 128s128-57.375 128-128c0-33.5-13.188-63.75-34.25-86.625C240.375 722.5 270.656 704 320 704c254 0 256-256 256-256v-17.719c38.125-22.219 64-63.062 64-110.281 0-70.656-57.375-128-128-128zm-384-64c35.406 0 64 28.594 64 64s-28.594 64-64 64-64-28.594-64-64 28.594-64 64-64zm0 768c-35.406 0-64-28.625-64-64 0-35.312 28.594-64 64-64s64 28.688 64 64c0 35.375-28.594 64-64 64zm384-512c-35.375 0-64-28.594-64-64s28.625-64 64-64 64 28.594 64 64-28.625 64-64 64z"/>
-</svg>

package/src/ui/icon/assets/cancel.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="currentColor">
-  <path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/>
-  <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/src/ui/icon/assets/clock.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 14 16" fill="currentColor">
-<path fill-rule="evenodd" d="M8 8h3v2H7c-.55 0-1-.45-1-1V4h2v4zM7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7z"/>
-</svg>

package/src/ui/icon/assets/close.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
-  <path d="M0 0h24v24H0z" fill="none"/>
-  <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
-</svg>

package/src/ui/icon/assets/commit.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 896 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-<path d="M694.875 448C666.375 337.781 567.125 256 448 256c-119.094 0-218.375 81.781-246.906 192H0v128h201.094C229.625 686.25 328.906 768 448 768c119.125 0 218.375-81.75 246.875-192H896V448H694.875zM448 640c-70.656 0-128-57.375-128-128 0-70.656 57.344-128 128-128 70.625 0 128 57.344 128 128 0 70.625-57.375 128-128 128z"/>
-</svg>

package/src/ui/icon/assets/filter.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-  <path d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"/>
-  <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/src/ui/icon/assets/help.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 24 24" fill="currentColor">
-  <path d="M0 0h24v24H0z" fill="none"/>
-  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/>
-</svg>

package/src/ui/icon/assets/job.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor">
-<path d="M73.1 54.9c10.1 0 18.3 8.2 18.3 18.3s-8.2 18.3-18.3 18.3-18.3-8.2-18.3-18.3S63 54.9 73.1 54.9zM256 201.1c0 30.3-24.6 54.9-54.9 54.9h-128l54.9-54.9h23.2c6.3 10.9 18.1 18.3 31.7 18.3 20.2 0 36.6-16.4 36.6-36.6s-16.4-36.6-36.6-36.6c-13.5 0-25.4 7.4-31.7 18.3h-41.5L26.3 248C10.5 238.4 0 221 0 201.1V54.9C0 24.6 24.6 0 54.9 0v41.5C44 47.8 36.6 59.6 36.6 73.2c0 20.2 16.4 36.6 36.6 36.6 13.5 0 25.3-7.3 31.6-18.2l46.4-.1c6.3 10.9 18.1 18.3 31.7 18.3 20.2 0 36.6-16.4 36.6-36.6s-16.4-36.6-36.6-36.6c-13.5 0-25.4 7.4-31.7 18.3l-46.3.1c-3.2-5.6-7.9-10.2-13.4-13.5V0h109.7C231.4 0 256 24.6 256 54.9v146.2zm-91.4-18.2c0-10.1 8.2-18.3 18.3-18.3s18.3 8.2 18.3 18.3-8.2 18.3-18.3 18.3-18.3-8.2-18.3-18.3zm0-109.8c0-10.1 8.2-18.3 18.3-18.3s18.3 8.2 18.3 18.3-8.2 18.3-18.3 18.3-18.3-8.2-18.3-18.3z"/>
-</svg>

package/src/ui/icon/assets/menu.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-  <path d="M0 0h24v24H0z" fill="none"/>
-  <path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
-</svg>

package/src/ui/icon/assets/package.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-<path d="M480 64L0 192v576l480 128 480-128V192L480 64zM63.875 720.934L63.5 288l384.498 102.533.001 432.833L63.875 720.934zM63.5 224l160.254-42.734L640 292.265v.135l-160 42.667L63.5 224zm832.625 496.934L512.001 823.366l.001-432.833L640 356.4v156l128-34.135V322.267L896.5 288l-.375 432.934zM768 258.267v-.125L351.734 147.138 480 112.934 896.5 224 768 258.267z"/>
-</svg>

package/src/ui/icon/assets/pull-request.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 768 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-<path d="M128 64C57.344 64 0 121.344 0 192c0 47.219 25.906 88.062 64 110.281V721.75C25.906 743.938 0 784.75 0 832c0 70.625 57.344 128 128 128s128-57.375 128-128c0-47.25-25.844-88.062-64-110.25V302.281c38.156-22.219 64-63.062 64-110.281 0-70.656-57.344-128-128-128zm0 832c-35.312 0-64-28.625-64-64 0-35.312 28.688-64 64-64 35.406 0 64 28.688 64 64 0 35.375-28.594 64-64 64zm0-640c-35.312 0-64-28.594-64-64s28.688-64 64-64c35.406 0 64 28.594 64 64s-28.594 64-64 64zm576 465.75V320c0-192.5-192-192-192-192h-64V0L256 192l192 192V256h64c56.438 0 64 64 64 64v401.75c-38.125 22.188-64 62.938-64 110.25 0 70.625 57.375 128 128 128s128-57.375 128-128c0-47.25-25.875-88.062-64-110.25zM640 896c-35.312 0-64-28.625-64-64 0-35.312 28.688-64 64-64 35.375 0 64 28.688 64 64 0 35.375-28.625 64-64 64z"/>
-</svg>

package/src/ui/icon/assets/repository.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor">
-<path d="M112 64H96v16h16V64zm0-32H96v16h16V32zm96-32H48S32 0 32 16v192c0 16 16 16 16 16h32v32l24-24 24 24v-32h80s16-.3 16-16V16c0-16-16-16-16-16zm0 192c0 15.4-16 16-16 16h-64v-16H80v16H64c-16 0-16-16-16-16v-16h160v16zm0-32H80V16h128.2l-.2 144zm-96-32H96v16h16v-16zm0-32H96v16h16V96z"/>
-</svg>

package/src/ui/icon/assets/warning.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
-  <path d="M0 0h24v24H0z" fill="none"/>
-  <path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/>
-</svg>