@teambit/compositions.ui.composition-compare 0.0.255 → 0.0.257

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.
Files changed (18) hide show
  1. package/composition-compare.context.tsx +6 -6
  2. package/composition-compare.tsx +55 -26
  3. package/composition-dropdown.module.scss +3 -3
  4. package/composition-dropdown.tsx +9 -1
  5. package/dist/composition-compare.context.d.ts +2 -3
  6. package/dist/composition-compare.context.js.map +1 -1
  7. package/dist/composition-compare.d.ts +2 -2
  8. package/dist/composition-compare.js +34 -11
  9. package/dist/composition-compare.js.map +1 -1
  10. package/dist/composition-dropdown.d.ts +4 -4
  11. package/dist/composition-dropdown.js +7 -2
  12. package/dist/composition-dropdown.js.map +1 -1
  13. package/dist/composition-dropdown.module.scss +3 -3
  14. package/index.ts +1 -1
  15. package/package.json +14 -13
  16. package/dist/tsconfig.json +0 -32
  17. package/tsconfig.json +0 -32
  18. /package/dist/{preview-1695901055662.js → preview-1738856114694.js} +0 -0
package/composition-compare.context.tsx CHANGED
@@ -1,14 +1,14 @@
1
- import { CompositionContentProps } from '@teambit/compositions';
2
- import { useContext, createContext } from 'react';
1
+ import { useContext, createContext } from "react";
2
+ import { CompositionContentProps } from "@teambit/compositions";
3
3
 
4
4
  export type CompositionCompareContextModel = {
5
- compositionProps?: CompositionContentProps;
6
- isBase?: boolean;
7
- isCompare?: boolean;
5
+ compositionProps?: CompositionContentProps;
6
+ isBase?: boolean;
7
+ isCompare?: boolean;
8
8
  };
9
9
 
10
10
  export const CompositionCompareContext: React.Context<CompositionCompareContextModel | undefined> = createContext<
11
- CompositionCompareContextModel | undefined
11
+ CompositionCompareContextModel | undefined
12
12
  >(undefined);
13
13
 
14
14
  export const useCompositionCompare = () => useContext(CompositionCompareContext);
package/composition-compare.tsx CHANGED
@@ -6,12 +6,12 @@ import {
6
6
  useCompareQueryParam,
7
7
  useUpdatedUrlFromQuery,
8
8
  } from '@teambit/component.ui.component-compare.hooks.use-component-compare-url';
9
- import { uniqBy } from 'lodash';
10
9
  import { CompareSplitLayoutPreset } from '@teambit/component.ui.component-compare.layouts.compare-split-layout-preset';
11
10
  import { RoundLoader } from '@teambit/design.ui.round-loader';
12
11
  import queryString from 'query-string';
13
12
  import { CompositionDropdown } from './composition-dropdown';
14
13
  import { CompositionCompareContext } from './composition-compare.context';
14
+ import { uniqBy } from 'lodash';
15
15
 
16
16
  import styles from './composition-compare.module.scss';
17
17
 
@@ -64,24 +64,48 @@ export function CompositionCompare(props: CompositionCompareProps) {
64
64
  })) ||
65
65
  (compareCompositions && compareCompositions[0]);
66
66
 
67
- const compositionsDropdownSource = uniqBy(baseCompositions?.concat(compareCompositions || []), 'identifier')?.map(
68
- (c) => {
69
- const href = !compareState?.controlled
70
- ? useUpdatedUrlFromQuery({
71
- compositionBaseFile: selectedBaseComp?.identifier,
72
- compositionCompareFile: c.identifier,
73
- })
74
- : useUpdatedUrlFromQuery({});
75
-
76
- const onClick = compareState?.controlled
77
- ? (_, __) => {
78
- compareHooks?.onClick?.(_, __);
79
- baseHooks?.onClick?.(_, __);
80
- }
81
- : undefined;
82
- return { id: c.identifier, label: c.displayName, href, onClick };
83
- }
84
- );
67
+ // const baseCompositionDropdownSource =
68
+ // baseCompositions?.map((c) => {
69
+ // const href = !baseState?.controlled
70
+ // ? useUpdatedUrlFromQuery({
71
+ // compositionBaseFile: c.identifier,
72
+ // compositionCompareFile: selectedCompareComp?.identifier,
73
+ // })
74
+ // : useUpdatedUrlFromQuery({});
75
+
76
+ // const onClick = baseState?.controlled ? baseHooks?.onClick : undefined;
77
+
78
+ // return { id: c.identifier, label: c.displayName, href, onClick };
79
+ // }) || [];
80
+
81
+ // const compareCompositionDropdownSource =
82
+ // compareCompositions?.map((c) => {
83
+ // const href = !compareState?.controlled
84
+ // ? useUpdatedUrlFromQuery({
85
+ // compositionBaseFile: selectedBaseComp?.identifier,
86
+ // compositionCompareFile: c.identifier,
87
+ // })
88
+ // : useUpdatedUrlFromQuery({});
89
+
90
+ // const onClick = compareState?.controlled ? () => compareHooks?.onClick : undefined;
91
+
92
+ // return { id: c.identifier, label: c.displayName, href, onClick };
93
+ // }) || [];
94
+
95
+ const compositionsDropdownSource = uniqBy((baseCompositions || []).concat(compareCompositions || []), 'identifier')?.map((c) => {
96
+ const href = !compareState?.controlled
97
+ ? useUpdatedUrlFromQuery({
98
+ compositionBaseFile: selectedBaseComp?.identifier,
99
+ compositionCompareFile: c.identifier,
100
+ })
101
+ : useUpdatedUrlFromQuery({});
102
+
103
+ const onClick = compareState?.controlled ? (_, __) => {
104
+ compareHooks?.onClick?.(_, __);
105
+ baseHooks?.onClick?.(_, __);
106
+ } : undefined;
107
+ return { id: c.identifier, label: c.displayName, href, onClick };
108
+ });
85
109
 
86
110
  const [baseCompositionParams, setBaseCompositionParams] = useState<Record<string, any>>({});
87
111
  const baseCompQueryParams = useMemo(() => queryString.stringify(baseCompositionParams), [baseCompositionParams]);
@@ -92,6 +116,11 @@ export function CompositionCompare(props: CompositionCompareProps) {
92
116
  [compareCompositionParams]
93
117
  );
94
118
 
119
+ const selectedBaseDropdown = selectedBaseComp && {
120
+ id: selectedBaseComp.identifier,
121
+ label: selectedBaseComp.displayName,
122
+ };
123
+
95
124
  const selectedCompareDropdown = selectedCompareComp && {
96
125
  id: selectedCompareComp.identifier,
97
126
  label: selectedCompareComp.displayName,
@@ -110,7 +139,7 @@ export function CompositionCompare(props: CompositionCompareProps) {
110
139
  component: baseCompModel,
111
140
  queryParams: baseCompQueryParams,
112
141
  selected: selectedCompareComp,
113
- };
142
+ }
114
143
  return (
115
144
  <div className={styles.subView}>
116
145
  <CompositionCompareContext.Provider value={{ compositionProps, isBase: true }}>
@@ -143,14 +172,11 @@ export function CompositionCompare(props: CompositionCompareProps) {
143
172
  component: compareCompModel,
144
173
  queryParams: compareCompQueryParams,
145
174
  selected: selectedCompareComp,
146
- };
175
+ }
147
176
  return (
148
177
  <div className={styles.subView}>
149
178
  <CompositionCompareContext.Provider value={{ compositionProps, isCompare: true }}>
150
- <CompositionContextProvider
151
- queryParams={compareCompositionParams}
152
- setQueryParams={setCompareCompositionParams}
153
- >
179
+ <CompositionContextProvider queryParams={compareCompositionParams} setQueryParams={setCompareCompositionParams}>
154
180
  <PreviewView
155
181
  forceHeight={undefined}
156
182
  innerBottomPadding={50}
@@ -162,6 +188,7 @@ export function CompositionCompare(props: CompositionCompareProps) {
162
188
  />
163
189
  </CompositionContextProvider>
164
190
  </CompositionCompareContext.Provider>
191
+
165
192
  </div>
166
193
  );
167
194
  }, [compare, selectedCompareComp?.identifier]);
@@ -198,7 +225,9 @@ export function CompositionCompare(props: CompositionCompareProps) {
198
225
  </div>
199
226
  )}
200
227
  <CompositionToolbar />
201
- <CompareSplitLayoutPreset base={BaseLayout} compare={CompareLayout} />
228
+ <CompareSplitLayoutPreset base={BaseLayout} compare={CompareLayout}
229
+ />
202
230
  </React.Fragment>
203
231
  );
204
232
  }
233
+
package/composition-dropdown.module.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '@teambit/ui-foundation.ui.constants.z-indexes/z-indexes.module.scss';
1
+ @import '~@teambit/ui-foundation.ui.constants.z-indexes/z-indexes.module.scss';
2
2
 
3
3
  .placeholder {
4
4
  display: flex;
@@ -19,8 +19,8 @@
19
19
  border-radius: 6px;
20
20
  max-height: 240px;
21
21
  overflow-y: scroll;
22
- max-width: 100%;
23
- width: 100%;
22
+ max-width: 400px;
23
+ width: fit-content;
24
24
  padding: 0px;
25
25
  z-index: $modal-z-index;
26
26
  }
package/composition-dropdown.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import React, { useRef } from 'react';
1
+ import React, { useEffect, useRef } from 'react';
2
2
  import { MenuLinkItem } from '@teambit/design.ui.surfaces.menu.link-item';
3
3
  import { Icon } from '@teambit/design.elements.icon';
4
4
  import { Dropdown } from '@teambit/evangelist.surfaces.dropdown';
@@ -41,12 +41,20 @@ type MenuItemProps = {
41
41
  function MenuItem(props: MenuItemProps) {
42
42
  const { selected, current } = props;
43
43
 
44
+ // const isCurrent = selected?.id === current.id;
44
45
  const currentVersionRef = useRef<HTMLDivElement>(null);
45
46
 
47
+ // useEffect(() => {
48
+ // if (isCurrent) {
49
+ // currentVersionRef.current?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
50
+ // }
51
+ // }, [isCurrent]);
52
+
46
53
  const onClick = (!!current.onClick && ((e) => current.onClick?.(current.id, e))) || undefined;
47
54
 
48
55
  return (
49
56
  <div ref={currentVersionRef} key={`${current.href}-container`}>
57
+ {/* @ts-ignore */}
50
58
  <MenuLinkItem key={current.href} active={current.id === selected?.id} href={current.href} onClick={onClick}>
51
59
  <div>{current.label}</div>
52
60
  </MenuLinkItem>
package/dist/composition-compare.context.d.ts CHANGED
@@ -1,6 +1,5 @@
1
- /// <reference types="react" />
2
- import { CompositionContentProps } from '@teambit/compositions';
3
- export declare type CompositionCompareContextModel = {
1
+ import { CompositionContentProps } from "@teambit/compositions";
2
+ export type CompositionCompareContextModel = {
4
3
  compositionProps?: CompositionContentProps;
5
4
  isBase?: boolean;
6
5
  isCompare?: boolean;
package/dist/composition-compare.context.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"composition-compare.context.js","sourceRoot":"","sources":["../composition-compare.context.tsx"],"names":[],"mappings":";;;AACA,iCAAkD;AAQrC,QAAA,yBAAyB,GAA8D,IAAA,qBAAa,EAE/G,SAAS,CAAC,CAAC;AAEN,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,iCAAyB,CAAC,CAAC;AAApE,QAAA,qBAAqB,yBAA+C"}
1
+ {"version":3,"file":"composition-compare.context.js","sourceRoot":"","sources":["../composition-compare.context.tsx"],"names":[],"mappings":";;;AAAA,iCAAkD;AASrC,QAAA,yBAAyB,GAA8D,IAAA,qBAAa,EAE/G,SAAS,CAAC,CAAC;AAEN,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,iCAAyB,CAAC,CAAC;AAApE,QAAA,qBAAqB,yBAA+C"}
package/dist/composition-compare.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { CompositionContentProps, EmptyStateSlot } from '@teambit/compositions';
3
- export declare type CompositionCompareProps = {
3
+ export type CompositionCompareProps = {
4
4
  emptyState?: EmptyStateSlot;
5
5
  Widgets?: {
6
6
  Right?: React.ReactNode;
@@ -9,4 +9,4 @@ export declare type CompositionCompareProps = {
9
9
  previewViewProps?: CompositionContentProps;
10
10
  PreviewView?: React.ComponentType<CompositionContentProps>;
11
11
  };
12
- export declare function CompositionCompare(props: CompositionCompareProps): JSX.Element;
12
+ export declare function CompositionCompare(props: CompositionCompareProps): React.JSX.Element;
package/dist/composition-compare.js CHANGED
@@ -26,18 +26,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.CompositionCompare = void 0;
29
+ exports.CompositionCompare = CompositionCompare;
30
30
  const react_1 = __importStar(require("react"));
31
31
  const component_ui_component_compare_context_1 = require("@teambit/component.ui.component-compare.context");
32
32
  const compositions_1 = require("@teambit/compositions");
33
33
  const compositions_ui_hooks_use_composition_1 = require("@teambit/compositions.ui.hooks.use-composition");
34
34
  const component_ui_component_compare_hooks_use_component_compare_url_1 = require("@teambit/component.ui.component-compare.hooks.use-component-compare-url");
35
- const lodash_1 = require("lodash");
36
35
  const component_ui_component_compare_layouts_compare_split_layout_preset_1 = require("@teambit/component.ui.component-compare.layouts.compare-split-layout-preset");
37
36
  const design_ui_round_loader_1 = require("@teambit/design.ui.round-loader");
38
37
  const query_string_1 = __importDefault(require("query-string"));
39
38
  const composition_dropdown_1 = require("./composition-dropdown");
40
39
  const composition_compare_context_1 = require("./composition-compare.context");
40
+ const lodash_1 = require("lodash");
41
41
  const composition_compare_module_scss_1 = __importDefault(require("./composition-compare.module.scss"));
42
42
  function CompositionCompare(props) {
43
43
  var _a, _b, _c, _d, _e, _f, _g;
@@ -68,26 +68,50 @@ function CompositionCompare(props) {
68
68
  return c.identifier === selectedCompositionCompareId;
69
69
  })) ||
70
70
  (compareCompositions && compareCompositions[0]);
71
- const compositionsDropdownSource = (_e = (0, lodash_1.uniqBy)(baseCompositions === null || baseCompositions === void 0 ? void 0 : baseCompositions.concat(compareCompositions || []), 'identifier')) === null || _e === void 0 ? void 0 : _e.map((c) => {
71
+ // const baseCompositionDropdownSource =
72
+ // baseCompositions?.map((c) => {
73
+ // const href = !baseState?.controlled
74
+ // ? useUpdatedUrlFromQuery({
75
+ // compositionBaseFile: c.identifier,
76
+ // compositionCompareFile: selectedCompareComp?.identifier,
77
+ // })
78
+ // : useUpdatedUrlFromQuery({});
79
+ // const onClick = baseState?.controlled ? baseHooks?.onClick : undefined;
80
+ // return { id: c.identifier, label: c.displayName, href, onClick };
81
+ // }) || [];
82
+ // const compareCompositionDropdownSource =
83
+ // compareCompositions?.map((c) => {
84
+ // const href = !compareState?.controlled
85
+ // ? useUpdatedUrlFromQuery({
86
+ // compositionBaseFile: selectedBaseComp?.identifier,
87
+ // compositionCompareFile: c.identifier,
88
+ // })
89
+ // : useUpdatedUrlFromQuery({});
90
+ // const onClick = compareState?.controlled ? () => compareHooks?.onClick : undefined;
91
+ // return { id: c.identifier, label: c.displayName, href, onClick };
92
+ // }) || [];
93
+ const compositionsDropdownSource = (_e = (0, lodash_1.uniqBy)((baseCompositions || []).concat(compareCompositions || []), 'identifier')) === null || _e === void 0 ? void 0 : _e.map((c) => {
72
94
  const href = !(compareState === null || compareState === void 0 ? void 0 : compareState.controlled)
73
95
  ? (0, component_ui_component_compare_hooks_use_component_compare_url_1.useUpdatedUrlFromQuery)({
74
96
  compositionBaseFile: selectedBaseComp === null || selectedBaseComp === void 0 ? void 0 : selectedBaseComp.identifier,
75
97
  compositionCompareFile: c.identifier,
76
98
  })
77
99
  : (0, component_ui_component_compare_hooks_use_component_compare_url_1.useUpdatedUrlFromQuery)({});
78
- const onClick = (compareState === null || compareState === void 0 ? void 0 : compareState.controlled)
79
- ? (_, __) => {
80
- var _a, _b;
81
- (_a = compareHooks === null || compareHooks === void 0 ? void 0 : compareHooks.onClick) === null || _a === void 0 ? void 0 : _a.call(compareHooks, _, __);
82
- (_b = baseHooks === null || baseHooks === void 0 ? void 0 : baseHooks.onClick) === null || _b === void 0 ? void 0 : _b.call(baseHooks, _, __);
83
- }
84
- : undefined;
100
+ const onClick = (compareState === null || compareState === void 0 ? void 0 : compareState.controlled) ? (_, __) => {
101
+ var _a, _b;
102
+ (_a = compareHooks === null || compareHooks === void 0 ? void 0 : compareHooks.onClick) === null || _a === void 0 ? void 0 : _a.call(compareHooks, _, __);
103
+ (_b = baseHooks === null || baseHooks === void 0 ? void 0 : baseHooks.onClick) === null || _b === void 0 ? void 0 : _b.call(baseHooks, _, __);
104
+ } : undefined;
85
105
  return { id: c.identifier, label: c.displayName, href, onClick };
86
106
  });
87
107
  const [baseCompositionParams, setBaseCompositionParams] = (0, react_1.useState)({});
88
108
  const baseCompQueryParams = (0, react_1.useMemo)(() => query_string_1.default.stringify(baseCompositionParams), [baseCompositionParams]);
89
109
  const [compareCompositionParams, setCompareCompositionParams] = (0, react_1.useState)({});
90
110
  const compareCompQueryParams = (0, react_1.useMemo)(() => query_string_1.default.stringify(compareCompositionParams), [compareCompositionParams]);
111
+ const selectedBaseDropdown = selectedBaseComp && {
112
+ id: selectedBaseComp.identifier,
113
+ label: selectedBaseComp.displayName,
114
+ };
91
115
  const selectedCompareDropdown = selectedCompareComp && {
92
116
  id: selectedCompareComp.identifier,
93
117
  label: selectedCompareComp.displayName,
@@ -132,5 +156,4 @@ function CompositionCompare(props) {
132
156
  react_1.default.createElement(CompositionToolbar, null),
133
157
  react_1.default.createElement(component_ui_component_compare_layouts_compare_split_layout_preset_1.CompareSplitLayoutPreset, { base: BaseLayout, compare: CompareLayout })));
134
158
  }
135
- exports.CompositionCompare = CompositionCompare;
136
159
  //# sourceMappingURL=composition-compare.js.map
package/dist/composition-compare.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"composition-compare.js","sourceRoot":"","sources":["../composition-compare.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"composition-compare.js","sourceRoot":"","sources":["../composition-compare.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,gDA4MC;AAvOD,+CAAiD;AACjD,4GAAsF;AACtF,wDAAoG;AACpG,0GAA4F;AAC5F,4JAGiF;AACjF,oKAAuH;AACvH,4EAA8D;AAC9D,gEAAuC;AACvC,iEAA6D;AAC7D,+EAA0E;AAC1E,mCAAgC;AAEhC,wGAAuD;AAYvD,SAAgB,kBAAkB,CAAC,KAA8B;;IAC/D,MAAM,EAAE,UAAU,EAAE,WAAW,GAAG,iCAAkB,EAAE,OAAO,EAAE,gBAAgB,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAE/F,MAAM,uBAAuB,GAAG,IAAA,4DAAmB,GAAE,CAAC;IAEtD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,uBAAuB,IAAI,EAAE,CAAC;IAErF,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;IAExD,MAAM,2BAA2B,GAAG,IAAA,qFAAoB,EAAC,qBAAqB,CAAC,CAAC;IAChF,MAAM,8BAA8B,GAAG,IAAA,qFAAoB,EAAC,wBAAwB,CAAC,CAAC;IAEtF,MAAM,SAAS,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAE,OAAO,CAAC;IAC9C,MAAM,YAAY,GAAG,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,0CAAE,OAAO,CAAC;IACpD,MAAM,SAAS,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAE,OAAO,CAAC;IAC9C,MAAM,YAAY,GAAG,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,0CAAE,OAAO,CAAC;IACpD,MAAM,qBAAqB,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,EAAE,CAAC;IAC5C,MAAM,wBAAwB,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,EAAE,CAAC;IAElD,MAAM,yBAAyB,GAAG,qBAAqB,IAAI,2BAA2B,CAAC;IACvF,MAAM,4BAA4B,GAAG,wBAAwB,IAAI,8BAA8B,CAAC;IAEhG,MAAM,gBAAgB,GACpB,CAAC,yBAAyB;QACxB,gBAAgB;QAChB,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YAC1B,OAAO,CAAC,CAAC,UAAU,KAAK,yBAAyB,CAAC;QACpD,CAAC,CAAC,CAAC;QACL,CAAC,gBAAgB,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5C,MAAM,mBAAmB,GACvB,CAAC,4BAA4B;QAC3B,mBAAmB;QACnB,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YAC7B,OAAO,CAAC,CAAC,UAAU,KAAK,4BAA4B,CAAC;QACvD,CAAC,CAAC,CAAC;QACL,CAAC,mBAAmB,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IAElD,wCAAwC;IACxC,mCAAmC;IACnC,0CAA0C;IAC1C,mCAAmC;IACnC,6CAA6C;IAC7C,mEAAmE;IACnE,WAAW;IACX,sCAAsC;IAEtC,8EAA8E;IAE9E,wEAAwE;IACxE,cAAc;IAEd,2CAA2C;IAC3C,sCAAsC;IACtC,6CAA6C;IAC7C,mCAAmC;IACnC,6DAA6D;IAC7D,gDAAgD;IAChD,WAAW;IACX,sCAAsC;IAEtC,0FAA0F;IAE1F,wEAAwE;IACxE,cAAc;IAEd,MAAM,0BAA0B,GAAG,MAAA,IAAA,eAAM,EAAC,CAAC,gBAAgB,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB,IAAI,EAAE,CAAC,EAAE,YAAY,CAAC,0CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;QAC7H,MAAM,IAAI,GAAG,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,CAAA;YACpC,CAAC,CAAC,IAAA,uFAAsB,EAAC;gBACvB,mBAAmB,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,UAAU;gBACjD,sBAAsB,EAAE,CAAC,CAAC,UAAU;aACrC,CAAC;YACF,CAAC,CAAC,IAAA,uFAAsB,EAAC,EAAE,CAAC,CAAC;QAE/B,MAAM,OAAO,GAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,EAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE;;YACnD,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,6DAAG,CAAC,EAAE,EAAE,CAAC,CAAC;YAC/B,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0DAAG,CAAC,EAAE,EAAE,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACd,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,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,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,OAAO,IAAI,CAAC;QACd,CAAC;QACD,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC;QACjC,MAAM,gBAAgB,iCACpB,WAAW,EAAE,SAAS,EACtB,kBAAkB,EAAE,EAAE,IACnB,gBAAgB,KACnB,UAAU,EACV,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,mBAAmB,EAChC,QAAQ,EAAE,mBAAmB,GAC9B,CAAA;QACD,OAAO,CACL,uCAAK,SAAS,EAAE,yCAAM,CAAC,OAAO;YAC5B,8BAAC,uDAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE;gBAC3E,8BAAC,kEAA0B,IAAC,WAAW,EAAE,qBAAqB,EAAE,cAAc,EAAE,wBAAwB;oBACtG,8BAAC,WAAW,kBACV,WAAW,EAAE,SAAS,EACtB,kBAAkB,EAAE,EAAE,IAClB,gBAAgB,IACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,mBAAmB,EAC7B,WAAW,EAAE,mBAAmB,IAChC,CACyB,CACM,CACjC,CACP,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,UAAU,CAAC,CAAC,CAAC;IAE5C,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAC;QACd,CAAC;QACD,MAAM,gBAAgB,GAAG,OAAO,CAAC,KAAK,CAAC;QACvC,MAAM,gBAAgB,iCACpB,WAAW,EAAE,SAAS,EACtB,kBAAkB,EAAE,EAAE,IACnB,gBAAgB,KACnB,UAAU,EACV,SAAS,EAAE,gBAAgB,EAC3B,WAAW,EAAE,sBAAsB,EACnC,QAAQ,EAAE,mBAAmB,GAC9B,CAAA;QACD,OAAO,CACL,uCAAK,SAAS,EAAE,yCAAM,CAAC,OAAO;YAC5B,8BAAC,uDAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,gBAAgB,EAAE,SAAS,EAAE,IAAI,EAAE;gBAC9E,8BAAC,kEAA0B,IAAC,WAAW,EAAE,wBAAwB,EAAE,cAAc,EAAE,2BAA2B;oBAC5G,8BAAC,WAAW,kBACV,WAAW,EAAE,SAAS,EACtB,kBAAkB,EAAE,EAAE,IAClB,gBAAgB,IACpB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,gBAAgB,EAC3B,WAAW,EAAE,sBAAsB,EACnC,QAAQ,EAAE,mBAAmB,IAC7B,CACyB,CACM,CAEjC,CACP,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,UAAU,CAAC,CAAC,CAAC;IAE/C,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACtB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,uCAAK,SAAS,EAAE,yCAAM,CAAC,OAAO;YAC5B,uCAAK,SAAS,EAAE,yCAAM,CAAC,IAAI;gBACzB,uCAAK,SAAS,EAAE,yCAAM,CAAC,QAAQ,IAC5B,0BAA0B,CAAC,MAAM,GAAG,CAAC,IAAI,CACxC,8BAAC,0CAAmB,IAAC,aAAa,EAAE,0BAA0B,EAAE,QAAQ,EAAE,uBAAuB,GAAI,CACtG,CACG;gBACN,uCAAK,SAAS,EAAE,yCAAM,CAAC,OAAO,IAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAO,CACjD;YACN,uCAAK,SAAS,EAAE,yCAAM,CAAC,KAAK;gBAC1B,uCAAK,SAAS,EAAE,yCAAM,CAAC,OAAO,IAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAO,CAClD,CACF,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,GAAG,GAAG,GAAG,MAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,IAAI,0CAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,MAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,OAAO,0CAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,sBAAsB,CAAC;IAEjJ,OAAO,CACL,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,GAAG;QACrB,CAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,OAAO,KAAI,CACnC,uCAAK,SAAS,EAAE,yCAAM,CAAC,MAAM;YAC3B,8BAAC,oCAAW,OAAG,CACX,CACP;QACD,8BAAC,kBAAkB,OAAG;QACtB,8BAAC,6FAAwB,IAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,GAChE,CACa,CAClB,CAAC;AACJ,CAAC"}
package/dist/composition-dropdown.d.ts CHANGED
@@ -1,12 +1,12 @@
1
- /// <reference types="react" />
2
- export declare type DropdownItem = {
1
+ import React from 'react';
2
+ export type DropdownItem = {
3
3
  id: string;
4
4
  label: string;
5
5
  href?: string;
6
6
  onClick?: (id: string, e: any) => void;
7
7
  };
8
- export declare type CompositionDropdownProps = {
8
+ export type CompositionDropdownProps = {
9
9
  selected?: Omit<DropdownItem, 'value'>;
10
10
  dropdownItems: Array<DropdownItem>;
11
11
  };
12
- export declare function CompositionDropdown(props: CompositionDropdownProps): JSX.Element;
12
+ export declare function CompositionDropdown(props: CompositionDropdownProps): React.JSX.Element;
package/dist/composition-dropdown.js CHANGED
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.CompositionDropdown = void 0;
29
+ exports.CompositionDropdown = CompositionDropdown;
30
30
  const react_1 = __importStar(require("react"));
31
31
  const design_ui_surfaces_menu_link_item_1 = require("@teambit/design.ui.surfaces.menu.link-item");
32
32
  const design_elements_icon_1 = require("@teambit/design.elements.icon");
@@ -41,10 +41,15 @@ function CompositionDropdown(props) {
41
41
  return react_1.default.createElement(MenuItem, { key: key(item), current: item, selected: selected });
42
42
  })));
43
43
  }
44
- exports.CompositionDropdown = CompositionDropdown;
45
44
  function MenuItem(props) {
46
45
  const { selected, current } = props;
46
+ // const isCurrent = selected?.id === current.id;
47
47
  const currentVersionRef = (0, react_1.useRef)(null);
48
+ // useEffect(() => {
49
+ // if (isCurrent) {
50
+ // currentVersionRef.current?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
51
+ // }
52
+ // }, [isCurrent]);
48
53
  const onClick = (!!current.onClick && ((e) => { var _a; return (_a = current.onClick) === null || _a === void 0 ? void 0 : _a.call(current, current.id, e); })) || undefined;
49
54
  return (react_1.default.createElement("div", { ref: currentVersionRef, key: `${current.href}-container` },
50
55
  react_1.default.createElement(design_ui_surfaces_menu_link_item_1.MenuLinkItem, { key: current.href, active: current.id === (selected === null || selected === void 0 ? void 0 : selected.id), href: current.href, onClick: onClick },
package/dist/composition-dropdown.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"composition-dropdown.js","sourceRoot":"","sources":["../composition-dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,kGAA0E;AAC1E,wEAAqD;AACrD,wFAAiE;AAEjE,0GAAwD;AASxD,SAAgB,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAChD,MAAM,GAAG,GAAG,CAAC,IAAkB,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;IAE9D,OAAO,CACL,8BAAC,uCAAQ,IACP,SAAS,EAAE,0CAAM,CAAC,IAAI,EACtB,WAAW,EACT,uCAAK,SAAS,EAAE,0CAAM,CAAC,WAAW;YAChC,2CAAM,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAO;YACvC,8BAAC,2BAAI,IAAC,EAAE,EAAC,gBAAgB,GAAG,CACxB,IAGP,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACjB,OAAO,8BAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;IACzE,CAAC,CAAC,CACO,CACZ,CAAC;AACJ,CAAC;AAnBD,kDAmBC;AAOD,SAAS,QAAQ,CAAC,KAAoB;IACpC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEpC,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEvD,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,OAAO,CAAC,OAAO,wDAAG,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,CAAA,EAAA,CAAC,CAAC,IAAI,SAAS,CAAC;IAE9F,OAAO,CACL,uCAAK,GAAG,EAAE,iBAAiB,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,IAAI,YAAY;QAC3D,8BAAC,gDAAY,IAAC,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAK,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,EAAE,CAAA,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO;YACxG,2CAAM,OAAO,CAAC,KAAK,CAAO,CACb,CACX,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"composition-dropdown.js","sourceRoot":"","sources":["../composition-dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,kDAmBC;AAjCD,+CAAiD;AACjD,kGAA0E;AAC1E,wEAAqD;AACrD,wFAAiE;AAEjE,0GAAwD;AASxD,SAAgB,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAChD,MAAM,GAAG,GAAG,CAAC,IAAkB,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;IAE9D,OAAO,CACL,8BAAC,uCAAQ,IACP,SAAS,EAAE,0CAAM,CAAC,IAAI,EACtB,WAAW,EACT,uCAAK,SAAS,EAAE,0CAAM,CAAC,WAAW;YAChC,2CAAM,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAO;YACvC,8BAAC,2BAAI,IAAC,EAAE,EAAC,gBAAgB,GAAG,CACxB,IAGP,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACjB,OAAO,8BAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;IACzE,CAAC,CAAC,CACO,CACZ,CAAC;AACJ,CAAC;AAOD,SAAS,QAAQ,CAAC,KAAoB;IACpC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEpC,iDAAiD;IACjD,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEvD,oBAAoB;IACpB,qBAAqB;IACrB,2FAA2F;IAC3F,MAAM;IACN,mBAAmB;IAEnB,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,OAAO,CAAC,OAAO,wDAAG,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC,CAAA,EAAA,CAAC,CAAC,IAAI,SAAS,CAAC;IAE9F,OAAO,CACL,uCAAK,GAAG,EAAE,iBAAiB,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,IAAI,YAAY;QAE3D,8BAAC,gDAAY,IAAC,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAK,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,EAAE,CAAA,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO;YACxG,2CAAM,OAAO,CAAC,KAAK,CAAO,CACb,CACX,CACP,CAAC;AACJ,CAAC"}
package/dist/composition-dropdown.module.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '@teambit/ui-foundation.ui.constants.z-indexes/z-indexes.module.scss';
1
+ @import '~@teambit/ui-foundation.ui.constants.z-indexes/z-indexes.module.scss';
2
2
 
3
3
  .placeholder {
4
4
  display: flex;
@@ -19,8 +19,8 @@
19
19
  border-radius: 6px;
20
20
  max-height: 240px;
21
21
  overflow-y: scroll;
22
- max-width: 100%;
23
- width: 100%;
22
+ max-width: 400px;
23
+ width: fit-content;
24
24
  padding: 0px;
25
25
  z-index: $modal-z-index;
26
26
  }
package/index.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  export { CompositionCompare } from './composition-compare';
2
- export { useCompositionCompare, CompositionCompareContext } from './composition-compare.context';
2
+ export { useCompositionCompare, CompositionCompareContext } from './composition-compare.context';
package/package.json CHANGED
@@ -1,31 +1,30 @@
1
1
  {
2
2
  "name": "@teambit/compositions.ui.composition-compare",
3
- "version": "0.0.255",
3
+ "version": "0.0.257",
4
4
  "homepage": "https://bit.cloud/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.255"
9
+ "version": "0.0.257"
10
10
  },
11
11
  "dependencies": {
12
12
  "lodash": "4.17.21",
13
- "query-string": "7.0.0",
13
+ "query-string": "^8.1.0",
14
14
  "core-js": "^3.0.0",
15
+ "@teambit/component.ui.component-compare.layouts.compare-split-layout-preset": "0.0.0-945379716ff7f43a604017c9aec9e3eaceec787f",
16
+ "@teambit/compositions.ui.hooks.use-composition": "0.0.177",
15
17
  "@teambit/design.ui.round-loader": "0.0.355",
16
- "@teambit/design.elements.icon": "1.0.5",
17
- "@teambit/design.ui.surfaces.menu.link-item": "1.0.0",
18
+ "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.504",
19
+ "@teambit/design.elements.icon": "1.0.24",
18
20
  "@teambit/evangelist.surfaces.dropdown": "1.0.2",
19
- "@teambit/component.ui.component-compare.context": "0.0.116",
20
- "@teambit/component.ui.component-compare.hooks.use-component-compare-url": "0.0.8",
21
- "@teambit/component.ui.component-compare.layouts.compare-split-layout-preset": "0.0.10",
22
- "@teambit/compositions.ui.hooks.use-composition": "0.0.177",
23
- "@teambit/ui-foundation.ui.constants.z-indexes": "0.0.504"
21
+ "@teambit/design.ui.surfaces.menu.link-item": "0.0.0-4846750b7a7f0563664db58e2443b1a4239047e9",
22
+ "@teambit/component.ui.component-compare.context": "0.0.121",
23
+ "@teambit/component.ui.component-compare.hooks.use-component-compare-url": "0.0.13"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@types/react": "^17.0.8",
27
- "@types/lodash": "4.14.165",
28
- "@types/mocha": "9.1.0",
27
+ "@types/lodash": "4.14.181",
29
28
  "@types/node": "12.20.4",
30
29
  "@types/react-dom": "^17.0.5",
31
30
  "@types/jest": "^26.0.0",
@@ -37,6 +36,8 @@
37
36
  "react-dom": "^16.8.0 || ^17.0.0"
38
37
  },
39
38
  "license": "Apache-2.0",
39
+ "optionalDependencies": {},
40
+ "peerDependenciesMeta": {},
40
41
  "private": false,
41
42
  "engines": {
42
43
  "node": ">=12.22.0"
@@ -55,4 +56,4 @@
55
56
  "angular",
56
57
  "angular-components"
57
58
  ]
58
- }
59
+ }
package/dist/tsconfig.json DELETED
@@ -1,32 +0,0 @@
1
- {
2
- "compilerOptions": {
3
- "lib": [
4
- "es2019",
5
- "DOM",
6
- "ES6",
7
- "DOM.Iterable"
8
- ],
9
- "target": "es2015",
10
- "module": "CommonJS",
11
- "jsx": "react",
12
- "allowJs": true,
13
- "composite": true,
14
- "declaration": true,
15
- "sourceMap": true,
16
- "skipLibCheck": true,
17
- "experimentalDecorators": true,
18
- "outDir": "dist",
19
- "moduleResolution": "node",
20
- "esModuleInterop": true,
21
- "rootDir": ".",
22
- "resolveJsonModule": true
23
- },
24
- "exclude": [
25
- "dist",
26
- "package.json"
27
- ],
28
- "include": [
29
- "**/*",
30
- "**/*.json"
31
- ]
32
- }
package/tsconfig.json DELETED
@@ -1,32 +0,0 @@
1
- {
2
- "compilerOptions": {
3
- "lib": [
4
- "es2019",
5
- "DOM",
6
- "ES6",
7
- "DOM.Iterable"
8
- ],
9
- "target": "es2015",
10
- "module": "CommonJS",
11
- "jsx": "react",
12
- "allowJs": true,
13
- "composite": true,
14
- "declaration": true,
15
- "sourceMap": true,
16
- "skipLibCheck": true,
17
- "experimentalDecorators": true,
18
- "outDir": "dist",
19
- "moduleResolution": "node",
20
- "esModuleInterop": true,
21
- "rootDir": ".",
22
- "resolveJsonModule": true
23
- },
24
- "exclude": [
25
- "dist",
26
- "package.json"
27
- ],
28
- "include": [
29
- "**/*",
30
- "**/*.json"
31
- ]
32
- }