@teambit/compositions.ui.composition-compare 0.0.138 → 0.0.140
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/composition-compare.tsx +5 -5
- package/dist/composition-compare.js +9 -7
- package/dist/composition-compare.js.map +1 -1
- package/dist/{preview-1670383551627.js → preview-1670894303358.js} +0 -0
- package/package-tar/teambit-compositions.ui.composition-compare-0.0.140.tgz +0 -0
- package/package.json +5 -3
- package/package-tar/teambit-compositions.ui.composition-compare-0.0.138.tgz +0 -0
package/composition-compare.tsx
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
+
import { useComponentCompare } from '@teambit/component.ui.component-compare.context';
|
|
2
|
+
import { CompositionContent, EmptyStateSlot } from '@teambit/compositions';
|
|
3
|
+
import { CompositionContextProvider } from '@teambit/compositions.ui.hooks.use-composition';
|
|
4
|
+
import { CompareSplitLayoutPreset } from '@teambit/component.ui.component-compare.layouts.compare-split-layout-preset';
|
|
1
5
|
import {
|
|
2
|
-
CompareSplitLayoutPreset,
|
|
3
6
|
useCompareQueryParam,
|
|
4
|
-
useComponentCompare,
|
|
5
7
|
useUpdatedUrlFromQuery,
|
|
6
|
-
} from '@teambit/component.ui.compare';
|
|
7
|
-
import { CompositionContent, EmptyStateSlot } from '@teambit/compositions';
|
|
8
|
-
import { CompositionContextProvider } from '@teambit/compositions.ui.hooks.use-composition';
|
|
8
|
+
} from '@teambit/component.ui.component-compare.hooks.use-component-compare-url';
|
|
9
9
|
import { RoundLoader } from '@teambit/design.ui.round-loader';
|
|
10
10
|
import queryString from 'query-string';
|
|
11
11
|
import React, { useMemo, useState } from 'react';
|
|
@@ -27,9 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.CompositionCompare = void 0;
|
|
30
|
-
const
|
|
30
|
+
const component_ui_component_compare_context_1 = require("@teambit/component.ui.component-compare.context");
|
|
31
31
|
const compositions_1 = require("@teambit/compositions");
|
|
32
32
|
const compositions_ui_hooks_use_composition_1 = require("@teambit/compositions.ui.hooks.use-composition");
|
|
33
|
+
const component_ui_component_compare_layouts_compare_split_layout_preset_1 = require("@teambit/component.ui.component-compare.layouts.compare-split-layout-preset");
|
|
34
|
+
const component_ui_component_compare_hooks_use_component_compare_url_1 = require("@teambit/component.ui.component-compare.hooks.use-component-compare-url");
|
|
33
35
|
const design_ui_round_loader_1 = require("@teambit/design.ui.round-loader");
|
|
34
36
|
const query_string_1 = __importDefault(require("query-string"));
|
|
35
37
|
const react_1 = __importStar(require("react"));
|
|
@@ -37,13 +39,13 @@ const composition_compare_module_scss_1 = __importDefault(require("./composition
|
|
|
37
39
|
const composition_dropdown_1 = require("./composition-dropdown");
|
|
38
40
|
function CompositionCompare(props) {
|
|
39
41
|
const { emptyState } = props;
|
|
40
|
-
const component = (0,
|
|
42
|
+
const component = (0, component_ui_component_compare_context_1.useComponentCompare)();
|
|
41
43
|
const base = component === null || component === void 0 ? void 0 : component.base;
|
|
42
44
|
const compare = component === null || component === void 0 ? void 0 : component.compare;
|
|
43
45
|
const baseCompositions = base === null || base === void 0 ? void 0 : base.model.compositions;
|
|
44
46
|
const compareCompositions = compare === null || compare === void 0 ? void 0 : compare.model.compositions;
|
|
45
|
-
const selectedCompositionBaseFile = (0,
|
|
46
|
-
const selectedCompositionCompareFile = (0,
|
|
47
|
+
const selectedCompositionBaseFile = (0, component_ui_component_compare_hooks_use_component_compare_url_1.useCompareQueryParam)('compositionBaseFile');
|
|
48
|
+
const selectedCompositionCompareFile = (0, component_ui_component_compare_hooks_use_component_compare_url_1.useCompareQueryParam)('compositionCompareFile');
|
|
47
49
|
const selectedBaseComp = (selectedCompositionBaseFile &&
|
|
48
50
|
baseCompositions &&
|
|
49
51
|
baseCompositions.find((c) => c.identifier === selectedCompositionBaseFile)) ||
|
|
@@ -53,14 +55,14 @@ function CompositionCompare(props) {
|
|
|
53
55
|
compareCompositions.find((c) => c.identifier === selectedCompositionCompareFile)) ||
|
|
54
56
|
(compareCompositions && compareCompositions[0]);
|
|
55
57
|
const baseCompositionDropdownSource = (baseCompositions === null || baseCompositions === void 0 ? void 0 : baseCompositions.map((c) => {
|
|
56
|
-
const href = (0,
|
|
58
|
+
const href = (0, component_ui_component_compare_hooks_use_component_compare_url_1.useUpdatedUrlFromQuery)({
|
|
57
59
|
compositionBaseFile: c.identifier,
|
|
58
60
|
compositionCompareFile: selectedCompareComp === null || selectedCompareComp === void 0 ? void 0 : selectedCompareComp.identifier,
|
|
59
61
|
});
|
|
60
62
|
return { id: c.identifier, label: c.displayName, value: href };
|
|
61
63
|
})) || [];
|
|
62
64
|
const compareCompositionDropdownSource = (compareCompositions === null || compareCompositions === void 0 ? void 0 : compareCompositions.map((c) => {
|
|
63
|
-
const href = (0,
|
|
65
|
+
const href = (0, component_ui_component_compare_hooks_use_component_compare_url_1.useUpdatedUrlFromQuery)({
|
|
64
66
|
compositionBaseFile: selectedBaseComp === null || selectedBaseComp === void 0 ? void 0 : selectedBaseComp.identifier,
|
|
65
67
|
compositionCompareFile: c.identifier,
|
|
66
68
|
});
|
|
@@ -106,7 +108,7 @@ function CompositionCompare(props) {
|
|
|
106
108
|
(component === null || component === void 0 ? void 0 : component.loading) && (react_1.default.createElement("div", { className: composition_compare_module_scss_1.default.loader },
|
|
107
109
|
react_1.default.createElement(design_ui_round_loader_1.RoundLoader, null))),
|
|
108
110
|
react_1.default.createElement(CompositionDropdowns, null),
|
|
109
|
-
react_1.default.createElement(
|
|
111
|
+
react_1.default.createElement(component_ui_component_compare_layouts_compare_split_layout_preset_1.CompareSplitLayoutPreset, { base: BaseLayout, compare: CompareLayout })));
|
|
110
112
|
}
|
|
111
113
|
exports.CompositionCompare = CompositionCompare;
|
|
112
114
|
//# sourceMappingURL=composition-compare.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"composition-compare.js","sourceRoot":"","sources":["../composition-compare.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"composition-compare.js","sourceRoot":"","sources":["../composition-compare.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4GAAsF;AACtF,wDAA2E;AAC3E,0GAA4F;AAC5F,oKAAuH;AACvH,4JAGiF;AACjF,4EAA8D;AAC9D,gEAAuC;AACvC,+CAAiD;AACjD,wGAAuD;AACvD,iEAA6D;AAM7D,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE7B,MAAM,SAAS,GAAG,IAAA,4DAAmB,GAAE,CAAC;IAExC,MAAM,IAAI,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAC;IAC7B,MAAM,OAAO,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC;IAEnC,MAAM,gBAAgB,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,YAAY,CAAC;IAClD,MAAM,mBAAmB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,YAAY,CAAC;IACxD,MAAM,2BAA2B,GAAG,IAAA,qFAAoB,EAAC,qBAAqB,CAAC,CAAC;IAChF,MAAM,8BAA8B,GAAG,IAAA,qFAAoB,EAAC,wBAAwB,CAAC,CAAC;IAEtF,MAAM,gBAAgB,GACpB,CAAC,2BAA2B;QAC1B,gBAAgB;QAChB,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,2BAA2B,CAAC,CAAC;QAC7E,CAAC,gBAAgB,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5C,MAAM,mBAAmB,GACvB,CAAC,8BAA8B;QAC7B,mBAAmB;QACnB,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,8BAA8B,CAAC,CAAC;QACnF,CAAC,mBAAmB,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IAElD,MAAM,6BAA6B,GACjC,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QAC1B,MAAM,IAAI,GAAG,IAAA,uFAAsB,EAAC;YAClC,mBAAmB,EAAE,CAAC,CAAC,UAAU;YACjC,sBAAsB,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,UAAU;SACxD,CAAC,CAAC;QAEH,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IACjE,CAAC,CAAC,KAAI,EAAE,CAAC;IAEX,MAAM,gCAAgC,GACpC,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QAC7B,MAAM,IAAI,GAAG,IAAA,uFAAsB,EAAC;YAClC,mBAAmB,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,UAAU;YACjD,sBAAsB,EAAE,CAAC,CAAC,UAAU;SACrC,CAAC,CAAC;QACH,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IACjE,CAAC,CAAC,KAAI,EAAE,CAAC;IAEX,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,IAAA,gBAAQ,EAAsB,EAAE,CAAC,CAAC;IAC5F,MAAM,mBAAmB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,sBAAW,CAAC,SAAS,CAAC,qBAAqB,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAEjH,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,IAAA,gBAAQ,EAAsB,EAAE,CAAC,CAAC;IAClG,MAAM,sBAAsB,GAAG,IAAA,eAAO,EACpC,GAAG,EAAE,CAAC,sBAAW,CAAC,SAAS,CAAC,wBAAwB,CAAC,EACrD,CAAC,wBAAwB,CAAC,CAC3B,CAAC;IAEF,MAAM,oBAAoB,GAAG,gBAAgB,IAAI;QAC/C,EAAE,EAAE,gBAAgB,CAAC,UAAU;QAC/B,KAAK,EAAE,gBAAgB,CAAC,WAAW;KACpC,CAAC;IAEF,MAAM,uBAAuB,GAAG,mBAAmB,IAAI;QACrD,EAAE,EAAE,mBAAmB,CAAC,UAAU;QAClC,KAAK,EAAE,mBAAmB,CAAC,WAAW;KACvC,CAAC;IAEF,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,MAAK,SAAS,EAAE;YACjC,OAAO,6DAAK,CAAC;SACd;QAED,OAAO,CACL,uCAAK,SAAS,EAAE,yCAAM,CAAC,OAAO;YAC5B,8BAAC,kEAA0B,IAAC,WAAW,EAAE,qBAAqB,EAAE,cAAc,EAAE,wBAAwB;gBACtG,8BAAC,iCAAkB,IACjB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAC,KAAK,EAChC,QAAQ,EAAE,gBAAgB,EAC1B,WAAW,EAAE,mBAAmB,GAChC,CACyB,CACzB,CACP,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAExC,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,MAAK,SAAS,EAAE;YACpC,OAAO,6DAAK,CAAC;SACd;QAED,OAAO,CACL,uCAAK,SAAS,EAAE,yCAAM,CAAC,OAAO;YAC5B,8BAAC,kEAA0B,IAAC,WAAW,EAAE,wBAAwB,EAAE,cAAc,EAAE,2BAA2B;gBAC5G,8BAAC,iCAAkB,IACjB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,EAClC,QAAQ,EAAE,mBAAmB,EAC7B,WAAW,EAAE,sBAAsB,GACnC,CACyB,CACzB,CACP,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAE9C,SAAS,oBAAoB;QAC3B,IAAI,6BAA6B,CAAC,MAAM,GAAG,CAAC,IAAI,gCAAgC,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3F,OAAO,6DAAK,CAAC;SACd;QAED,OAAO,CACL,uCAAK,SAAS,EAAE,yCAAM,CAAC,iBAAiB;YACtC,uCAAK,SAAS,EAAE,yCAAM,CAAC,YAAY,IAChC,6BAA6B,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3C,8BAAC,0CAAmB,IAAC,aAAa,EAAE,6BAA6B,EAAE,QAAQ,EAAE,oBAAoB,GAAI,CACtG,CACG;YACN,uCAAK,SAAS,EAAE,yCAAM,CAAC,aAAa,IACjC,gCAAgC,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9C,8BAAC,0CAAmB,IAAC,aAAa,EAAE,gCAAgC,EAAE,QAAQ,EAAE,uBAAuB,GAAI,CAC5G,CACG,CACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL;QACG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,KAAI,CACrB,uCAAK,SAAS,EAAE,yCAAM,CAAC,MAAM;YAC3B,8BAAC,oCAAW,OAAG,CACX,CACP;QACD,8BAAC,oBAAoB,OAAG;QACxB,8BAAC,6FAAwB,IAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,GAAI,CACrE,CACJ,CAAC;AACJ,CAAC;AArID,gDAqIC"}
|
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/compositions.ui.composition-compare",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.140",
|
|
4
4
|
"homepage": "https://bit.dev/teambit/compositions/ui/composition-compare",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.compositions",
|
|
8
8
|
"name": "ui/composition-compare",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.140"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"query-string": "7.0.0",
|
|
@@ -14,7 +14,9 @@
|
|
|
14
14
|
"@teambit/design.ui.surfaces.menu.link-item": "1.0.0",
|
|
15
15
|
"@teambit/evangelist.elements.icon": "1.0.2",
|
|
16
16
|
"@teambit/evangelist.surfaces.dropdown": "1.0.2",
|
|
17
|
-
"@teambit/component.ui.compare": "0.0.
|
|
17
|
+
"@teambit/component.ui.component-compare.context": "0.0.5",
|
|
18
|
+
"@teambit/component.ui.component-compare.hooks.use-component-compare-url": "0.0.2",
|
|
19
|
+
"@teambit/component.ui.component-compare.layouts.compare-split-layout-preset": "0.0.2",
|
|
18
20
|
"@teambit/compositions.ui.hooks.use-composition": "0.0.172",
|
|
19
21
|
"@teambit/design.ui.round-loader": "0.0.355",
|
|
20
22
|
"@teambit/ui-foundation.ui.constants.z-indexes": "0.0.498"
|
|
Binary file
|