@teambit/component.ui.component-drawer 0.0.503 → 0.0.505
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/.npmignore +2 -2
- package/dist/component-drawer-filter-widget.context.js +3 -35
- package/dist/component-drawer-filter-widget.context.js.map +1 -1
- package/dist/component-drawer-tree-widget.context.js +3 -35
- package/dist/component-drawer-tree-widget.context.js.map +1 -1
- package/dist/component-drawer.js +24 -66
- package/dist/component-drawer.js.map +1 -1
- package/dist/index.d.ts +6 -3
- package/dist/index.js.map +1 -1
- package/index.ts +6 -18
- package/package.json +11 -18
- package/types/asset.d.ts +15 -1
- /package/dist/{preview-1787602114493.js → preview-1787846082777.js} +0 -0
package/.npmignore
CHANGED
|
@@ -1,47 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
-
var ownKeys = function(o) {
|
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
-
var ar = [];
|
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
-
return ar;
|
|
24
|
-
};
|
|
25
|
-
return ownKeys(o);
|
|
26
|
-
};
|
|
27
|
-
return function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
-
__setModuleDefault(result, mod);
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
35
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
3
|
exports.ComponentFilterWidgetProvider = exports.ComponentFilterWidgetContext = void 0;
|
|
37
|
-
const
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
38
6
|
exports.ComponentFilterWidgetContext = (0, react_1.createContext)({
|
|
39
7
|
filterWidgetOpen: false,
|
|
40
8
|
setFilterWidget: () => { },
|
|
41
9
|
});
|
|
42
10
|
const ComponentFilterWidgetProvider = ({ children }) => {
|
|
43
11
|
const [filterWidgetOpen, setFilterWidget] = (0, react_1.useState)(false);
|
|
44
|
-
return (
|
|
12
|
+
return ((0, jsx_runtime_1.jsx)(exports.ComponentFilterWidgetContext.Provider, { value: { filterWidgetOpen, setFilterWidget }, children: children }));
|
|
45
13
|
};
|
|
46
14
|
exports.ComponentFilterWidgetProvider = ComponentFilterWidgetProvider;
|
|
47
15
|
//# sourceMappingURL=component-drawer-filter-widget.context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component-drawer-filter-widget.context.js","sourceRoot":"","sources":["../component-drawer-filter-widget.context.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"component-drawer-filter-widget.context.js","sourceRoot":"","sources":["../component-drawer-filter-widget.context.tsx"],"names":[],"mappings":";;;;AACA,iCAAuD;AAO1C,QAAA,4BAA4B,GAAG,IAAA,qBAAa,EAAmC;IAC1F,gBAAgB,EAAE,KAAK;IACvB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;CAC1B,CAAC,CAAC;AAEI,MAAM,6BAA6B,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACrF,MAAM,CAAC,gBAAgB,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACrE,OAAO,CACL,uBAAC,oCAA4B,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,gBAAgB,EAAE,eAAe,EAAE,YAChF,QAAQ,GAC6B,CACzC,CAAC;AACJ,CAAC,CAAC;AAPW,QAAA,6BAA6B,iCAOxC"}
|
|
@@ -1,47 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
-
var ownKeys = function(o) {
|
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
-
var ar = [];
|
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
-
return ar;
|
|
24
|
-
};
|
|
25
|
-
return ownKeys(o);
|
|
26
|
-
};
|
|
27
|
-
return function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
-
__setModuleDefault(result, mod);
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
35
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
3
|
exports.ComponentTreeProvider = exports.ComponentTreeContext = void 0;
|
|
37
|
-
const
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
38
6
|
exports.ComponentTreeContext = (0, react_1.createContext)({
|
|
39
7
|
collapsed: true,
|
|
40
8
|
setCollapsed: () => { },
|
|
41
9
|
});
|
|
42
10
|
const ComponentTreeProvider = ({ children }) => {
|
|
43
11
|
const [collapsed, setCollapsed] = (0, react_1.useState)(true);
|
|
44
|
-
return
|
|
12
|
+
return (0, jsx_runtime_1.jsx)(exports.ComponentTreeContext.Provider, { value: { collapsed, setCollapsed }, children: children });
|
|
45
13
|
};
|
|
46
14
|
exports.ComponentTreeProvider = ComponentTreeProvider;
|
|
47
15
|
//# sourceMappingURL=component-drawer-tree-widget.context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component-drawer-tree-widget.context.js","sourceRoot":"","sources":["../component-drawer-tree-widget.context.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"component-drawer-tree-widget.context.js","sourceRoot":"","sources":["../component-drawer-tree-widget.context.tsx"],"names":[],"mappings":";;;;AACA,iCAAuD;AAO1C,QAAA,oBAAoB,GAAG,IAAA,qBAAa,EAA2B;IAC1E,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;CACvB,CAAC,CAAC;AAEI,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IAC7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,IAAI,CAAC,CAAC;IAC1D,OAAO,uBAAC,4BAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,YAAG,QAAQ,GAAiC,CAAC;AACvH,CAAC,CAAC;AAHW,QAAA,qBAAqB,yBAGhC"}
|
package/dist/component-drawer.js
CHANGED
|
@@ -1,37 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
-
var ownKeys = function(o) {
|
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
-
var ar = [];
|
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
-
return ar;
|
|
24
|
-
};
|
|
25
|
-
return ownKeys(o);
|
|
26
|
-
};
|
|
27
|
-
return function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
-
__setModuleDefault(result, mod);
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
35
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
36
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
37
4
|
};
|
|
@@ -39,7 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
39
6
|
exports.ComponentsDrawer = void 0;
|
|
40
7
|
exports.TreeToggleWidget = TreeToggleWidget;
|
|
41
8
|
exports.FilterWidget = FilterWidget;
|
|
42
|
-
const
|
|
9
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
10
|
+
const react_1 = require("react");
|
|
43
11
|
const classnames_1 = __importDefault(require("classnames"));
|
|
44
12
|
const ui_foundation_ui_side_bar_1 = require("@teambit/ui-foundation.ui.side-bar");
|
|
45
13
|
const design_ui_styles_muted_italic_1 = require("@teambit/design.ui.styles.muted-italic");
|
|
@@ -54,31 +22,29 @@ const component_drawer_tree_widget_context_1 = require("./component-drawer-tree-
|
|
|
54
22
|
const component_drawer_module_scss_1 = __importDefault(require("./component-drawer.module.scss"));
|
|
55
23
|
class ComponentsDrawer {
|
|
56
24
|
constructor(props) {
|
|
57
|
-
var _a;
|
|
58
25
|
this.Context = ({ children }) => {
|
|
59
|
-
|
|
60
|
-
const filters = (0, lodash_flatten_1.default)(((_b = (_a = this.plugins) === null || _a === void 0 ? void 0 : _a.filters) === null || _b === void 0 ? void 0 : _b.values()) || []);
|
|
26
|
+
const filters = (0, lodash_flatten_1.default)(this.plugins?.filters?.values() || []);
|
|
61
27
|
const combinedContexts = [
|
|
62
28
|
component_drawer_tree_widget_context_1.ComponentTreeProvider,
|
|
63
29
|
component_drawer_filter_widget_context_1.ComponentFilterWidgetProvider,
|
|
64
30
|
[component_ui_component_filters_component_filter_context_1.ComponentFiltersProvider, { filters }],
|
|
65
31
|
];
|
|
66
|
-
return
|
|
32
|
+
return (0, jsx_runtime_1.jsx)(base_ui_utils_composer_1.Composer, { components: combinedContexts, children: children });
|
|
67
33
|
};
|
|
68
34
|
this.setWidgets = (widgets) => {
|
|
69
|
-
this.widgets = (0, lodash_flatten_1.default)(widgets
|
|
35
|
+
this.widgets = (0, lodash_flatten_1.default)(widgets?.values());
|
|
70
36
|
};
|
|
71
37
|
this.render = () => {
|
|
72
38
|
// eslint-disable-next-line @typescript-eslint/no-this-alias
|
|
73
39
|
const { useComponents, useLanes: useLanesFromInstance, emptyMessage, plugins, transformTree, useHost, id } = this;
|
|
74
|
-
return (
|
|
40
|
+
return ((0, jsx_runtime_1.jsx)(ComponentsDrawerContent, { useComponents: useComponents, useLanes: useLanesFromInstance, emptyMessage: emptyMessage, plugins: plugins, transformTree: transformTree, useHost: useHost, id: id }));
|
|
75
41
|
};
|
|
76
42
|
Object.assign(this, props);
|
|
77
43
|
this.useComponents = props.useComponents;
|
|
78
44
|
this.useLanes = props.useLanes || lanes_hooks_use_lanes_1.useLanes;
|
|
79
45
|
this.emptyMessage = props.emptyMessage;
|
|
80
46
|
this.plugins = props.plugins || {};
|
|
81
|
-
this.setWidgets(
|
|
47
|
+
this.setWidgets(props.plugins?.drawerWidgets);
|
|
82
48
|
this.assumeScopeInUrl = props.assumeScopeInUrl || false;
|
|
83
49
|
this.useHost = props.useHost;
|
|
84
50
|
this.transformTree = props.transformTree;
|
|
@@ -86,64 +52,56 @@ class ComponentsDrawer {
|
|
|
86
52
|
}
|
|
87
53
|
exports.ComponentsDrawer = ComponentsDrawer;
|
|
88
54
|
function ComponentsDrawerContent({ useComponents, useLanes: useLanesFromProps, emptyMessage, plugins, transformTree, useHost, id, }) {
|
|
89
|
-
var _a;
|
|
90
55
|
const { loading: loadingComponents, components } = useComponents();
|
|
91
56
|
const { lanesModel: lanes, loading: loadingLanesModel } = useLanesFromProps();
|
|
92
57
|
const componentFiltersContext = (0, react_1.useContext)(component_ui_component_filters_component_filter_context_1.ComponentFilterContext);
|
|
93
|
-
const filters =
|
|
94
|
-
const host = useHost
|
|
58
|
+
const filters = componentFiltersContext?.filters || [];
|
|
59
|
+
const host = useHost?.();
|
|
95
60
|
const filteredComponents = (0, react_1.useMemo)(() => {
|
|
96
61
|
if (!filters.length)
|
|
97
62
|
return components;
|
|
98
63
|
return (0, component_ui_component_filters_component_filter_context_1.runAllFilters)(filters, { components, lanes });
|
|
99
|
-
}, [filters, components.length, lanes
|
|
100
|
-
const Filters =
|
|
101
|
-
const Tree = (
|
|
102
|
-
const emptyDrawer =
|
|
64
|
+
}, [filters, components.length, lanes?.lanes.length, lanes?.viewedLane?.id.toString(), loadingLanesModel]);
|
|
65
|
+
const Filters = (0, jsx_runtime_1.jsx)(ComponentsDrawerRenderFilters, { components: components, lanes: lanes, plugins: plugins });
|
|
66
|
+
const Tree = ((0, jsx_runtime_1.jsx)(ComponentsDrawerRenderTree, { components: filteredComponents, host: host, plugins: plugins, transformTree: transformTree, lanesModel: lanes }));
|
|
67
|
+
const emptyDrawer = (0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)(design_ui_styles_muted_italic_1.mutedItalic, design_ui_styles_ellipsis_1.ellipsis, component_drawer_module_scss_1.default.emptyDrawer), children: emptyMessage });
|
|
103
68
|
const loading = loadingComponents || loadingLanesModel || !lanes || !components;
|
|
104
69
|
if (loading)
|
|
105
|
-
return
|
|
106
|
-
return (
|
|
107
|
-
Filters,
|
|
108
|
-
Tree,
|
|
109
|
-
filteredComponents.length === 0 && emptyDrawer));
|
|
70
|
+
return (0, jsx_runtime_1.jsx)(design_ui_skeletons_sidebar_loader_1.ComponentTreeLoader, {});
|
|
71
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: component_drawer_module_scss_1.default.drawerContainer, children: [Filters, Tree, filteredComponents.length === 0 && emptyDrawer] }, id));
|
|
110
72
|
}
|
|
111
73
|
function ComponentsDrawerRenderFilters({ components, lanes, plugins, }) {
|
|
112
|
-
var _a;
|
|
113
74
|
const { filterWidgetOpen } = (0, react_1.useContext)(component_drawer_filter_widget_context_1.ComponentFilterWidgetContext);
|
|
114
75
|
const filterPlugins = plugins.filters;
|
|
115
76
|
const filters = (0, react_1.useMemo)(() => (filterPlugins &&
|
|
116
77
|
(0, lodash_flatten_1.default)(filterPlugins.toArray().map(([key, filtersByKey]) => {
|
|
117
|
-
return filtersByKey.map((filter) => (
|
|
118
|
-
})).sort((a, b) =>
|
|
119
|
-
[], [filterPlugins
|
|
78
|
+
return filtersByKey.map((filter) => ({ ...filter, key: `${key}-${filter.id}` }));
|
|
79
|
+
})).sort((a, b) => (a.order ?? 0) - (b.order ?? 0))) ||
|
|
80
|
+
[], [filterPlugins?.map.size, filterPlugins?.values()?.length]);
|
|
120
81
|
if (!filters.length)
|
|
121
82
|
return null;
|
|
122
|
-
return (
|
|
83
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(component_drawer_module_scss_1.default.filtersContainer, filterWidgetOpen && component_drawer_module_scss_1.default.open), children: filters.map((filter) => ((0, jsx_runtime_1.jsx)(filter.render, { components: components, lanes: lanes, className: (0, classnames_1.default)(component_drawer_module_scss_1.default.filter, filterWidgetOpen && component_drawer_module_scss_1.default.open) }, filter.key))) }));
|
|
123
84
|
}
|
|
124
85
|
function ComponentsDrawerRenderTree({ components, host, plugins, transformTree, lanesModel, }) {
|
|
125
86
|
const { collapsed } = (0, react_1.useContext)(component_drawer_tree_widget_context_1.ComponentTreeContext);
|
|
126
87
|
const { tree } = plugins;
|
|
127
88
|
const TreeNode = (0, react_1.useMemo)(() => {
|
|
128
|
-
return
|
|
129
|
-
}, [tree
|
|
89
|
+
return tree?.customRenderer && tree.customRenderer(tree.widgets, host);
|
|
90
|
+
}, [tree?.customRenderer, tree?.widgets.map.size, tree?.widgets.values().length]);
|
|
130
91
|
const isVisible = components.length > 0;
|
|
131
92
|
if (!isVisible)
|
|
132
93
|
return null;
|
|
133
|
-
return (
|
|
134
|
-
react_1.default.createElement(ui_foundation_ui_side_bar_1.ComponentTree, { transformTree: transformTree ? transformTree(host) : undefined, components: components, isCollapsed: collapsed, TreeNode: TreeNode, lanesModel: lanesModel })));
|
|
94
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: component_drawer_module_scss_1.default.drawerTreeContainer, children: (0, jsx_runtime_1.jsx)(ui_foundation_ui_side_bar_1.ComponentTree, { transformTree: transformTree ? transformTree(host) : undefined, components: components, isCollapsed: collapsed, TreeNode: TreeNode, lanesModel: lanesModel }) }));
|
|
135
95
|
}
|
|
136
96
|
function TreeToggleWidget() {
|
|
137
97
|
const { collapsed, setCollapsed } = (0, react_1.useContext)(component_drawer_tree_widget_context_1.ComponentTreeContext);
|
|
138
98
|
const icon = collapsed
|
|
139
99
|
? 'https://static.bit.dev/bit-icons/expand.svg'
|
|
140
100
|
: 'https://static.bit.dev/bit-icons/collapse.svg';
|
|
141
|
-
return (
|
|
142
|
-
react_1.default.createElement("img", { src: icon, onClick: () => setCollapsed(!collapsed) })));
|
|
101
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(component_drawer_module_scss_1.default.widgetIcon, !collapsed && component_drawer_module_scss_1.default.open), children: (0, jsx_runtime_1.jsx)("img", { src: icon, onClick: () => setCollapsed(!collapsed) }) }));
|
|
143
102
|
}
|
|
144
103
|
function FilterWidget() {
|
|
145
104
|
const { filterWidgetOpen, setFilterWidget } = (0, react_1.useContext)(component_drawer_filter_widget_context_1.ComponentFilterWidgetContext);
|
|
146
|
-
return (
|
|
147
|
-
react_1.default.createElement("img", { src: "https://static.bit.dev/bit-icons/filter.svg", onClick: () => setFilterWidget(!filterWidgetOpen) })));
|
|
105
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(component_drawer_module_scss_1.default.widgetIcon, component_drawer_module_scss_1.default.filterWidget, filterWidgetOpen && component_drawer_module_scss_1.default.open), children: (0, jsx_runtime_1.jsx)("img", { src: "https://static.bit.dev/bit-icons/filter.svg", onClick: () => setFilterWidget(!filterWidgetOpen) }) }));
|
|
148
106
|
}
|
|
149
107
|
//# sourceMappingURL=component-drawer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component-drawer.js","sourceRoot":"","sources":["../component-drawer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"component-drawer.js","sourceRoot":"","sources":["../component-drawer.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
export { ComponentsDrawer,
|
|
2
|
-
export {
|
|
3
|
-
export {
|
|
1
|
+
export { ComponentsDrawer, FilterWidget, TreeToggleWidget } from './component-drawer';
|
|
2
|
+
export type { ComponentsDrawerProps, ComponentFiltersSlot, DrawerWidgetSlot } from './component-drawer';
|
|
3
|
+
export { ComponentFilterWidgetContext, ComponentFilterWidgetProvider } from './component-drawer-filter-widget.context';
|
|
4
|
+
export type { ComponentFilterWidgetContextType } from './component-drawer-filter-widget.context';
|
|
5
|
+
export { ComponentTreeContext, ComponentTreeProvider } from './component-drawer-tree-widget.context';
|
|
6
|
+
export type { ComponentTreeContextType } from './component-drawer-tree-widget.context';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":";;;AAAA,uDAAsF;AAA7E,oHAAA,gBAAgB,OAAA;AAAE,gHAAA,YAAY,OAAA;AAAE,oHAAA,gBAAgB,OAAA;AAEzD,mGAAuH;AAA9G,sJAAA,4BAA4B,OAAA;AAAE,uJAAA,6BAA6B,OAAA;AAEpE,+FAAqG;AAA5F,4IAAA,oBAAoB,OAAA;AAAE,6IAAA,qBAAqB,OAAA"}
|
package/index.ts
CHANGED
|
@@ -1,18 +1,6 @@
|
|
|
1
|
-
export {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
DrawerWidgetSlot,
|
|
8
|
-
} from './component-drawer';
|
|
9
|
-
export {
|
|
10
|
-
ComponentFilterWidgetContextType,
|
|
11
|
-
ComponentFilterWidgetContext,
|
|
12
|
-
ComponentFilterWidgetProvider,
|
|
13
|
-
} from './component-drawer-filter-widget.context';
|
|
14
|
-
export {
|
|
15
|
-
ComponentTreeContextType,
|
|
16
|
-
ComponentTreeContext,
|
|
17
|
-
ComponentTreeProvider,
|
|
18
|
-
} from './component-drawer-tree-widget.context';
|
|
1
|
+
export { ComponentsDrawer, FilterWidget, TreeToggleWidget } from './component-drawer';
|
|
2
|
+
export type { ComponentsDrawerProps, ComponentFiltersSlot, DrawerWidgetSlot } from './component-drawer';
|
|
3
|
+
export { ComponentFilterWidgetContext, ComponentFilterWidgetProvider } from './component-drawer-filter-widget.context';
|
|
4
|
+
export type { ComponentFilterWidgetContextType } from './component-drawer-filter-widget.context';
|
|
5
|
+
export { ComponentTreeContext, ComponentTreeProvider } from './component-drawer-tree-widget.context';
|
|
6
|
+
export type { ComponentTreeContextType } from './component-drawer-tree-widget.context';
|
package/package.json
CHANGED
|
@@ -1,44 +1,37 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/component.ui.component-drawer",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.505",
|
|
4
4
|
"homepage": "https://bit.cloud/teambit/component/ui/component-drawer",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.component",
|
|
8
8
|
"name": "ui/component-drawer",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.505"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"classnames": "^2.5.1",
|
|
13
13
|
"lodash.flatten": "4.4.0",
|
|
14
|
-
"core-js": "^3.0.0",
|
|
15
14
|
"@teambit/base-ui.utils.composer": "1.0.0",
|
|
16
|
-
"@teambit/component.ui.component-filters.component-filter-context": "0.0.242",
|
|
17
|
-
"@teambit/design.ui.skeletons.sidebar-loader": "0.0.5",
|
|
18
15
|
"@teambit/design.ui.styles.ellipsis": "0.0.357",
|
|
19
16
|
"@teambit/design.ui.styles.muted-italic": "0.0.44",
|
|
20
|
-
"@teambit/design.ui.tree": "0.0.16",
|
|
21
17
|
"@teambit/harmony": "0.4.12",
|
|
22
|
-
"@teambit/lanes.hooks.use-lanes": "0.0.294",
|
|
23
|
-
"@teambit/lanes.ui.models.lanes-model": "0.0.233",
|
|
24
|
-
"@teambit/ui-foundation.ui.tree.drawer": "1.0.0",
|
|
25
18
|
"@teambit/scope.models.scope-model": "0.0.565",
|
|
26
|
-
"@teambit/ui-foundation.ui.
|
|
19
|
+
"@teambit/ui-foundation.ui.tree.drawer": "1.0.0",
|
|
20
|
+
"@teambit/design.ui.skeletons.sidebar-loader": "0.0.5",
|
|
21
|
+
"@teambit/design.ui.tree": "0.0.16",
|
|
22
|
+
"@teambit/component.ui.component-filters.component-filter-context": "0.0.244",
|
|
23
|
+
"@teambit/lanes.hooks.use-lanes": "0.0.296",
|
|
24
|
+
"@teambit/lanes.ui.models.lanes-model": "0.0.235",
|
|
25
|
+
"@teambit/ui-foundation.ui.side-bar": "0.0.952"
|
|
27
26
|
},
|
|
28
27
|
"devDependencies": {
|
|
29
|
-
"@types/react": "^19.0.0",
|
|
30
28
|
"@types/classnames": "^2.3.4",
|
|
31
29
|
"@types/lodash.flatten": "4.4.6",
|
|
32
30
|
"@types/mocha": "9.1.0",
|
|
33
|
-
"@
|
|
34
|
-
"@types/react-dom": "^19.0.0",
|
|
35
|
-
"@types/jest": "^26.0.0",
|
|
36
|
-
"@babel/runtime": "7.20.0",
|
|
37
|
-
"@types/testing-library__jest-dom": "5.9.5"
|
|
31
|
+
"@teambit/harmony.envs.core-react-env": "0.0.2"
|
|
38
32
|
},
|
|
39
33
|
"peerDependencies": {
|
|
40
|
-
"react": "^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
41
|
-
"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
34
|
+
"react": "^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
42
35
|
},
|
|
43
36
|
"license": "Apache-2.0",
|
|
44
37
|
"optionalDependencies": {},
|
package/types/asset.d.ts
CHANGED
|
@@ -5,7 +5,9 @@ declare module '*.png' {
|
|
|
5
5
|
declare module '*.svg' {
|
|
6
6
|
import type { FunctionComponent, SVGProps } from 'react';
|
|
7
7
|
|
|
8
|
-
export const ReactComponent: FunctionComponent<
|
|
8
|
+
export const ReactComponent: FunctionComponent<
|
|
9
|
+
SVGProps<SVGSVGElement> & { title?: string }
|
|
10
|
+
>;
|
|
9
11
|
const src: string;
|
|
10
12
|
export default src;
|
|
11
13
|
}
|
|
@@ -27,3 +29,15 @@ declare module '*.bmp' {
|
|
|
27
29
|
const value: any;
|
|
28
30
|
export = value;
|
|
29
31
|
}
|
|
32
|
+
declare module '*.otf' {
|
|
33
|
+
const value: any;
|
|
34
|
+
export = value;
|
|
35
|
+
}
|
|
36
|
+
declare module '*.woff' {
|
|
37
|
+
const value: any;
|
|
38
|
+
export = value;
|
|
39
|
+
}
|
|
40
|
+
declare module '*.woff2' {
|
|
41
|
+
const value: any;
|
|
42
|
+
export = value;
|
|
43
|
+
}
|
|
File without changes
|