@teambit/component.ui.component-filters.env-filter 0.0.13 → 0.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/envs-filter.js +11 -8
- package/dist/envs-filter.js.map +1 -1
- package/envs-filter.tsx +16 -12
- package/package-tar/teambit-component.ui.component-filters.env-filter-0.0.14.tgz +0 -0
- package/package.json +3 -3
- package/{preview-1662089982043.js → preview-1664735485436.js} +2 -0
- package/package-tar/teambit-component.ui.component-filters.env-filter-0.0.13.tgz +0 -0
package/dist/envs-filter.js
CHANGED
|
@@ -35,7 +35,7 @@ const component_ui_component_filters_component_filter_context_1 = require("@team
|
|
|
35
35
|
const envs_filter_module_scss_1 = __importDefault(require("./envs-filter.module.scss"));
|
|
36
36
|
exports.EnvsFilter = {
|
|
37
37
|
id: 'envs',
|
|
38
|
-
match: (component, filter) => {
|
|
38
|
+
match: ({ component }, filter) => {
|
|
39
39
|
var _a;
|
|
40
40
|
const { envsState } = filter;
|
|
41
41
|
const activeEnvs = [...envsState.values()].filter((envState) => envState.active).map((envState) => envState.id);
|
|
@@ -53,7 +53,7 @@ exports.EnvsFilter = {
|
|
|
53
53
|
order: 1,
|
|
54
54
|
render: envsFilter,
|
|
55
55
|
};
|
|
56
|
-
const
|
|
56
|
+
const deriveEnvsFilterState = (components) => {
|
|
57
57
|
return (0, react_1.useMemo)(() => {
|
|
58
58
|
const defaultState = {
|
|
59
59
|
dropdownState: false,
|
|
@@ -88,21 +88,24 @@ const getDefaultState = (components) => {
|
|
|
88
88
|
return defaultState;
|
|
89
89
|
}, [components]);
|
|
90
90
|
};
|
|
91
|
-
function envsFilter({ components, className, }) {
|
|
92
|
-
const
|
|
93
|
-
const
|
|
91
|
+
function envsFilter({ components, className, lanes }) {
|
|
92
|
+
const [filters = []] = (0, component_ui_component_filters_component_filter_context_1.useComponentFilters)() || [];
|
|
93
|
+
const filtersExceptEnv = filters.filter((filter) => filter.id !== exports.EnvsFilter.id);
|
|
94
|
+
const filteredComponents = (0, component_ui_component_filters_component_filter_context_1.runAllFilters)(filtersExceptEnv, { components, lanes });
|
|
95
|
+
const envsFilterState = deriveEnvsFilterState(filteredComponents);
|
|
96
|
+
const filterContext = (0, component_ui_component_filters_component_filter_context_1.useComponentFilter)(exports.EnvsFilter.id, envsFilterState);
|
|
94
97
|
if (!filterContext)
|
|
95
98
|
return null;
|
|
99
|
+
const envs = envsFilterState.envsState;
|
|
96
100
|
const [currentFilter, updateFilter] = filterContext;
|
|
97
|
-
const currentEnvsState = currentFilter.state.envsState;
|
|
98
101
|
const selectList = [];
|
|
99
|
-
|
|
102
|
+
envs.forEach((state) => {
|
|
100
103
|
var _a;
|
|
101
104
|
selectList.push({
|
|
102
105
|
value: state.id,
|
|
103
106
|
icon: state.icon,
|
|
104
107
|
description: state.description,
|
|
105
|
-
checked: !!((_a =
|
|
108
|
+
checked: !!((_a = currentFilter.state.envsState.get(state.id)) === null || _a === void 0 ? void 0 : _a.active),
|
|
106
109
|
element: react_1.default.createElement(EnvsDropdownItem, Object.assign({}, state)),
|
|
107
110
|
});
|
|
108
111
|
});
|
package/dist/envs-filter.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"envs-filter.js","sourceRoot":"","sources":["../envs-filter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,wGAAsF;AACtF,kDAAiE;AACjE,8FAAwE;AACxE,4DAAoC;AACpC,kFAA8D;AAC9D,kEAAqD;AACrD,oFAA2D;AAC3D,
|
|
1
|
+
{"version":3,"file":"envs-filter.js","sourceRoot":"","sources":["../envs-filter.tsx"],"names":[],"mappings":"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"}
|
package/envs-filter.tsx
CHANGED
|
@@ -8,7 +8,10 @@ import { Tooltip } from '@teambit/design.ui.tooltip';
|
|
|
8
8
|
import { Link } from '@teambit/base-react.navigation.link';
|
|
9
9
|
import {
|
|
10
10
|
ComponentFilterCriteria,
|
|
11
|
+
ComponentFilterRenderProps,
|
|
11
12
|
useComponentFilter,
|
|
13
|
+
useComponentFilters,
|
|
14
|
+
runAllFilters,
|
|
12
15
|
} from '@teambit/component.ui.component-filters.component-filter-context';
|
|
13
16
|
import styles from './envs-filter.module.scss';
|
|
14
17
|
|
|
@@ -28,7 +31,7 @@ export type EnvsFilterCriteria = ComponentFilterCriteria<EnvFilterState>;
|
|
|
28
31
|
|
|
29
32
|
export const EnvsFilter: EnvsFilterCriteria = {
|
|
30
33
|
id: 'envs',
|
|
31
|
-
match: (component, filter) => {
|
|
34
|
+
match: ({ component }, filter) => {
|
|
32
35
|
const { envsState } = filter;
|
|
33
36
|
const activeEnvs = [...envsState.values()].filter((envState) => envState.active).map((envState) => envState.id);
|
|
34
37
|
// match everything when no envs are set
|
|
@@ -46,7 +49,7 @@ export const EnvsFilter: EnvsFilterCriteria = {
|
|
|
46
49
|
render: envsFilter,
|
|
47
50
|
};
|
|
48
51
|
|
|
49
|
-
const
|
|
52
|
+
const deriveEnvsFilterState = (components: ComponentModel[]) => {
|
|
50
53
|
return useMemo(() => {
|
|
51
54
|
const defaultState = {
|
|
52
55
|
dropdownState: false,
|
|
@@ -88,27 +91,28 @@ const getDefaultState = (components: ComponentModel[]) => {
|
|
|
88
91
|
}, [components]);
|
|
89
92
|
};
|
|
90
93
|
|
|
91
|
-
function envsFilter({
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
const
|
|
94
|
+
function envsFilter({ components, className, lanes }: ComponentFilterRenderProps) {
|
|
95
|
+
const [filters = []] = useComponentFilters() || [];
|
|
96
|
+
const filtersExceptEnv = filters.filter((filter) => filter.id !== EnvsFilter.id);
|
|
97
|
+
const filteredComponents = runAllFilters(filtersExceptEnv, { components, lanes });
|
|
98
|
+
|
|
99
|
+
const envsFilterState = deriveEnvsFilterState(filteredComponents);
|
|
100
|
+
const filterContext = useComponentFilter(EnvsFilter.id, envsFilterState);
|
|
97
101
|
|
|
98
102
|
if (!filterContext) return null;
|
|
99
103
|
|
|
100
|
-
const
|
|
104
|
+
const envs = envsFilterState.envsState;
|
|
101
105
|
|
|
102
|
-
const
|
|
106
|
+
const [currentFilter, updateFilter] = filterContext;
|
|
103
107
|
|
|
104
108
|
const selectList: ItemType[] = [];
|
|
105
109
|
|
|
106
|
-
|
|
110
|
+
envs.forEach((state) => {
|
|
107
111
|
selectList.push({
|
|
108
112
|
value: state.id,
|
|
109
113
|
icon: state.icon,
|
|
110
114
|
description: state.description,
|
|
111
|
-
checked: !!
|
|
115
|
+
checked: !!currentFilter.state.envsState.get(state.id)?.active,
|
|
112
116
|
element: <EnvsDropdownItem {...state} />,
|
|
113
117
|
});
|
|
114
118
|
});
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/component.ui.component-filters.env-filter",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.14",
|
|
4
4
|
"homepage": "https://bit.dev/teambit/component/ui/component-filters/env-filter",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.component",
|
|
8
8
|
"name": "ui/component-filters/env-filter",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.14"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"classnames": "2.2.6",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"@teambit/design.inputs.selectors.multi-select": "0.0.20",
|
|
16
16
|
"@teambit/ui-foundation.ui.constants.z-indexes": "0.0.494",
|
|
17
17
|
"@teambit/component.modules.component-url": "0.0.140",
|
|
18
|
-
"@teambit/component.ui.component-filters.component-filter-context": "0.0.
|
|
18
|
+
"@teambit/component.ui.component-filters.component-filter-context": "0.0.8",
|
|
19
19
|
"@teambit/design.ui.styles.ellipsis": "0.0.353",
|
|
20
20
|
"@teambit/design.ui.tooltip": "0.0.358"
|
|
21
21
|
},
|
|
Binary file
|