@bundle-stats/ui 4.2.0 → 4.2.1-beta.1

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 (12) hide show
  1. package/lib/components/insights/insights.js +1 -27
  2. package/lib/components/insights/insights.js.map +1 -1
  3. package/lib/components/insights/insights.module.css +6 -3
  4. package/lib-esm/components/insights/insights.js +2 -28
  5. package/lib-esm/components/insights/insights.js.map +1 -1
  6. package/lib-esm/components/insights/insights.module.css +6 -3
  7. package/package.json +3 -3
  8. package/src/components/insights/insights.module.css +6 -3
  9. package/src/components/insights/insights.tsx +2 -47
  10. package/tsconfig.esm.json +0 -13
  11. package/tsconfig.json +0 -7
  12. package/tsconfig.lib.json +0 -9
package/lib/components/insights/insights.js CHANGED
@@ -12,32 +12,6 @@ const stack_1 = require("../../layout/stack");
12
12
  const icon_1 = require("../../ui/icon");
13
13
  const component_link_1 = require("../component-link");
14
14
  const insights_module_css_1 = __importDefault(require("./insights.module.css"));
15
- const normalizedInsights = ({ duplicatePackages, newPackages, }) => {
16
- const insightsByLevel = {
17
- [utils_1.InsightType.ERROR]: [],
18
- [utils_1.InsightType.WARNING]: [],
19
- [utils_1.InsightType.INFO]: [],
20
- };
21
- if (duplicatePackages) {
22
- insightsByLevel[duplicatePackages.type].push({
23
- name: 'duplicatePackages',
24
- insight: duplicatePackages,
25
- link: utils_1.BUNDLE_PACKAGES_DUPLICATE,
26
- });
27
- }
28
- if (newPackages) {
29
- insightsByLevel[newPackages.type].push({
30
- name: 'newPackages',
31
- insight: newPackages,
32
- link: utils_1.BUNDLE_PACKAGES_COUNT,
33
- });
34
- }
35
- return [
36
- ...(insightsByLevel[utils_1.InsightType.ERROR] || []),
37
- ...(insightsByLevel[utils_1.InsightType.WARNING] || []),
38
- ...(insightsByLevel[utils_1.InsightType.INFO] || []),
39
- ];
40
- };
41
15
  const InsightTypeIconMap = new Map([
42
16
  [utils_1.InsightType.ERROR, icon_1.Icon.ICONS.ERROR],
43
17
  [utils_1.InsightType.WARNING, icon_1.Icon.ICONS.WARNING],
@@ -45,7 +19,7 @@ const InsightTypeIconMap = new Map([
45
19
  ]);
46
20
  const Insights = (props) => {
47
21
  const { duplicatePackages, newPackages, customComponentLink: CustomComponentLink = component_link_1.ComponentLink, ...restProps } = props;
48
- const insights = normalizedInsights({ duplicatePackages, newPackages });
22
+ const insights = (0, utils_1.getInsightList)({ duplicatePackages, newPackages });
49
23
  return (react_1.default.createElement(stack_1.Stack, { space: "xxsmall", ...restProps }, insights.map(({ name, insight, link }) => {
50
24
  const glyph = InsightTypeIconMap.get(insight.type);
51
25
  const { text } = insight.data;
package/lib/components/insights/insights.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"insights.js","sourceRoot":"","sources":["../../../src/components/insights/insights.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,+CAM6B;AAE7B,wDAAoD;AACpD,8CAA2C;AAC3C,wCAAqC;AACrC,sDAAkD;AAElD,gFAAwC;AAQxC,MAAM,kBAAkB,GAAG,CAAC,EAC1B,iBAAiB,EACjB,WAAW,GACyB,EAAuB,EAAE;IAC7D,MAAM,eAAe,GAA6C;QAChE,CAAC,mBAAW,CAAC,KAAK,CAAC,EAAE,EAAE;QACvB,CAAC,mBAAW,CAAC,OAAO,CAAC,EAAE,EAAE;QACzB,CAAC,mBAAW,CAAC,IAAI,CAAC,EAAE,EAAE;KACvB,CAAC;IAEF,IAAI,iBAAiB,EAAE;QACrB,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;YAC3C,IAAI,EAAE,mBAAmB;YACzB,OAAO,EAAE,iBAAiB;YAC1B,IAAI,EAAE,iCAAyB;SAChC,CAAC,CAAC;KACJ;IAED,IAAI,WAAW,EAAE;QACf,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;YACrC,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,WAAW;YACpB,IAAI,EAAE,6BAAqB;SAC5B,CAAC,CAAC;KACJ;IAED,OAAO;QACL,GAAG,CAAC,eAAe,CAAC,mBAAW,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7C,GAAG,CAAC,eAAe,CAAC,mBAAW,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC/C,GAAG,CAAC,eAAe,CAAC,mBAAW,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;KAC7C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAC;IACjC,CAAC,mBAAW,CAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACrC,CAAC,mBAAW,CAAC,OAAO,EAAE,WAAI,CAAC,KAAK,CAAC,OAAO,CAAC;IACzC,CAAC,mBAAW,CAAC,IAAI,EAAE,WAAI,CAAC,KAAK,CAAC,IAAI,CAAC;CACpC,CAAC,CAAC;AAQI,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EACJ,iBAAiB,EACjB,WAAW,EACX,mBAAmB,EAAE,mBAAmB,GAAG,8BAAa,EACxD,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC,CAAC;IAExE,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,SAAS,KAAK,SAAS,IACjC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE;QACxC,MAAM,KAAK,GAAG,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,IAAwB,CAAC;QAElD,OAAO,CACL,8BAAC,sBAAS,IACR,GAAG,EAAE,IAAI,EACT,KAAK,EAAC,SAAS,EACf,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAE,mBAAmB,KACnB,IAAI,EACR,SAAS,EAAE,IAAA,oBAAE,EAAC,6BAAG,CAAC,KAAK,EAAE,6BAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAE1C,KAAK,IAAI,8BAAC,WAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,6BAAG,CAAC,IAAI,GAAI;YACrD,4CAAO,IAAI,CAAQ,CACT,CACb,CAAC;IACJ,CAAC,CAAC,CACI,CACT,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,QAAQ,YAgCnB"}
1
+ {"version":3,"file":"insights.js","sourceRoot":"","sources":["../../../src/components/insights/insights.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,+CAAkE;AAElE,wDAAoD;AACpD,8CAA2C;AAC3C,wCAAqC;AACrC,sDAAkD;AAElD,gFAAwC;AAExC,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAC;IACjC,CAAC,mBAAW,CAAC,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACrC,CAAC,mBAAW,CAAC,OAAO,EAAE,WAAI,CAAC,KAAK,CAAC,OAAO,CAAC;IACzC,CAAC,mBAAW,CAAC,IAAI,EAAE,WAAI,CAAC,KAAK,CAAC,IAAI,CAAC;CACpC,CAAC,CAAC;AAQI,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EACJ,iBAAiB,EACjB,WAAW,EACX,mBAAmB,EAAE,mBAAmB,GAAG,8BAAa,EACxD,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,IAAA,sBAAc,EAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,SAAS,KAAK,SAAS,IACjC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE;QACxC,MAAM,KAAK,GAAG,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,IAAwB,CAAC;QAElD,OAAO,CACL,8BAAC,sBAAS,IACR,GAAG,EAAE,IAAI,EACT,KAAK,EAAC,SAAS,EACf,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAE,mBAAmB,KACnB,IAAI,EACR,SAAS,EAAE,IAAA,oBAAE,EAAC,6BAAG,CAAC,KAAK,EAAE,6BAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAE1C,KAAK,IAAI,8BAAC,WAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,6BAAG,CAAC,IAAI,GAAI;YACrD,4CAAO,IAAI,CAAQ,CACT,CACb,CAAC;IACJ,CAAC,CAAC,CACI,CACT,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,QAAQ,YAgCnB"}
package/lib/components/insights/insights.module.css CHANGED
@@ -1,6 +1,8 @@
1
1
  .icon {
2
+ flex: 0 0 auto;
3
+ width: calc(var(--space-small) + 6px);
4
+ height: calc(var(--space-small) + 6px);
2
5
  padding: 3px;
3
- box-sizing: content-box;
4
6
  border-radius: 50%;
5
7
  background: var(--color-highlight);
6
8
  }
@@ -11,8 +13,9 @@
11
13
  }
12
14
 
13
15
  .warning .icon {
14
- background: var(--color-yellow-100);
15
- color: var(--color-warning-dark);
16
+ padding-top: 1px;
17
+ background: var(--color-yellow-200);
18
+ color: var(--color-yellow-900);
16
19
  }
17
20
 
18
21
  .info .icon {
package/lib-esm/components/insights/insights.js CHANGED
@@ -1,37 +1,11 @@
1
1
  import React from 'react';
2
2
  import cx from 'classnames';
3
- import { BUNDLE_PACKAGES_DUPLICATE, BUNDLE_PACKAGES_COUNT, InsightType, } from '@bundle-stats/utils';
3
+ import { InsightType, getInsightList } from '@bundle-stats/utils';
4
4
  import { FlexStack } from '../../layout/flex-stack';
5
5
  import { Stack } from '../../layout/stack';
6
6
  import { Icon } from '../../ui/icon';
7
7
  import { ComponentLink } from '../component-link';
8
8
  import css from './insights.module.css';
9
- const normalizedInsights = ({ duplicatePackages, newPackages, }) => {
10
- const insightsByLevel = {
11
- [InsightType.ERROR]: [],
12
- [InsightType.WARNING]: [],
13
- [InsightType.INFO]: [],
14
- };
15
- if (duplicatePackages) {
16
- insightsByLevel[duplicatePackages.type].push({
17
- name: 'duplicatePackages',
18
- insight: duplicatePackages,
19
- link: BUNDLE_PACKAGES_DUPLICATE,
20
- });
21
- }
22
- if (newPackages) {
23
- insightsByLevel[newPackages.type].push({
24
- name: 'newPackages',
25
- insight: newPackages,
26
- link: BUNDLE_PACKAGES_COUNT,
27
- });
28
- }
29
- return [
30
- ...(insightsByLevel[InsightType.ERROR] || []),
31
- ...(insightsByLevel[InsightType.WARNING] || []),
32
- ...(insightsByLevel[InsightType.INFO] || []),
33
- ];
34
- };
35
9
  const InsightTypeIconMap = new Map([
36
10
  [InsightType.ERROR, Icon.ICONS.ERROR],
37
11
  [InsightType.WARNING, Icon.ICONS.WARNING],
@@ -39,7 +13,7 @@ const InsightTypeIconMap = new Map([
39
13
  ]);
40
14
  export const Insights = (props) => {
41
15
  const { duplicatePackages, newPackages, customComponentLink: CustomComponentLink = ComponentLink, ...restProps } = props;
42
- const insights = normalizedInsights({ duplicatePackages, newPackages });
16
+ const insights = getInsightList({ duplicatePackages, newPackages });
43
17
  return (React.createElement(Stack, { space: "xxsmall", ...restProps }, insights.map(({ name, insight, link }) => {
44
18
  const glyph = InsightTypeIconMap.get(insight.type);
45
19
  const { text } = insight.data;
package/lib-esm/components/insights/insights.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"insights.js","sourceRoot":"","sources":["../../../src/components/insights/insights.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"insights.js","sourceRoot":"","sources":["../../../src/components/insights/insights.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,GAAG,MAAM,uBAAuB,CAAC;AAExC,MAAM,kBAAkB,GAAG,IAAI,GAAG,CAAC;IACjC,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IACrC,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;IACzC,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;CACpC,CAAC,CAAC;AAQH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EACJ,iBAAiB,EACjB,WAAW,EACX,mBAAmB,EAAE,mBAAmB,GAAG,aAAa,EACxD,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,cAAc,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAC,SAAS,KAAK,SAAS,IACjC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE;QACxC,MAAM,KAAK,GAAG,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,IAAwB,CAAC;QAElD,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,IAAI,EACT,KAAK,EAAC,SAAS,EACf,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAE,mBAAmB,KACnB,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAE1C,KAAK,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI,GAAI;YACrD,kCAAO,IAAI,CAAQ,CACT,CACb,CAAC;IACJ,CAAC,CAAC,CACI,CACT,CAAC;AACJ,CAAC,CAAC"}
package/lib-esm/components/insights/insights.module.css CHANGED
@@ -1,6 +1,8 @@
1
1
  .icon {
2
+ flex: 0 0 auto;
3
+ width: calc(var(--space-small) + 6px);
4
+ height: calc(var(--space-small) + 6px);
2
5
  padding: 3px;
3
- box-sizing: content-box;
4
6
  border-radius: 50%;
5
7
  background: var(--color-highlight);
6
8
  }
@@ -11,8 +13,9 @@
11
13
  }
12
14
 
13
15
  .warning .icon {
14
- background: var(--color-yellow-100);
15
- color: var(--color-warning-dark);
16
+ padding-top: 1px;
17
+ background: var(--color-yellow-200);
18
+ color: var(--color-yellow-900);
16
19
  }
17
20
 
18
21
  .info .icon {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bundle-stats/ui",
3
- "version": "4.2.0",
3
+ "version": "4.2.1-beta.1",
4
4
  "description": "UI components for BundleStats projects.",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",
@@ -80,11 +80,11 @@
80
80
  "react-router-dom": "^5.0.0"
81
81
  },
82
82
  "dependencies": {
83
- "@bundle-stats/utils": "^4.2.0",
83
+ "@bundle-stats/utils": "^4.2.1-beta.1",
84
84
  "ariakit": "2.0.0-next.43",
85
85
  "modern-css-reset": "1.4.0",
86
86
  "query-string": "7.1.3",
87
87
  "use-query-params": "2.2.0"
88
88
  },
89
- "gitHead": "c3b384e7c884a4bf355371dcd5bc0eb6d53e4c06"
89
+ "gitHead": "3249ba3a31d30c0fc1ca5880a760aa85ce5aea0c"
90
90
  }
package/src/components/insights/insights.module.css CHANGED
@@ -1,6 +1,8 @@
1
1
  .icon {
2
+ flex: 0 0 auto;
3
+ width: calc(var(--space-small) + 6px);
4
+ height: calc(var(--space-small) + 6px);
2
5
  padding: 3px;
3
- box-sizing: content-box;
4
6
  border-radius: 50%;
5
7
  background: var(--color-highlight);
6
8
  }
@@ -11,8 +13,9 @@
11
13
  }
12
14
 
13
15
  .warning .icon {
14
- background: var(--color-yellow-100);
15
- color: var(--color-warning-dark);
16
+ padding-top: 1px;
17
+ background: var(--color-yellow-200);
18
+ color: var(--color-yellow-900);
16
19
  }
17
20
 
18
21
  .info .icon {
package/src/components/insights/insights.tsx CHANGED
@@ -1,12 +1,6 @@
1
1
  import React from 'react';
2
2
  import cx from 'classnames';
3
- import {
4
- BUNDLE_PACKAGES_DUPLICATE,
5
- BUNDLE_PACKAGES_COUNT,
6
- InsightType,
7
- JobInsight,
8
- JobInsights as JobInsightsType,
9
- } from '@bundle-stats/utils';
3
+ import { InsightType, getInsightList } from '@bundle-stats/utils';
10
4
 
11
5
  import { FlexStack } from '../../layout/flex-stack';
12
6
  import { Stack } from '../../layout/stack';
@@ -15,45 +9,6 @@ import { ComponentLink } from '../component-link';
15
9
  // @ts-ignore
16
10
  import css from './insights.module.css';
17
11
 
18
- interface InsightEntry {
19
- name: string;
20
- insight: JobInsight;
21
- link: any;
22
- }
23
-
24
- const normalizedInsights = ({
25
- duplicatePackages,
26
- newPackages,
27
- }: Partial<JobInsightsType['webpack']>): Array<InsightEntry> => {
28
- const insightsByLevel: Record<InsightType, Array<InsightEntry>> = {
29
- [InsightType.ERROR]: [],
30
- [InsightType.WARNING]: [],
31
- [InsightType.INFO]: [],
32
- };
33
-
34
- if (duplicatePackages) {
35
- insightsByLevel[duplicatePackages.type].push({
36
- name: 'duplicatePackages',
37
- insight: duplicatePackages,
38
- link: BUNDLE_PACKAGES_DUPLICATE,
39
- });
40
- }
41
-
42
- if (newPackages) {
43
- insightsByLevel[newPackages.type].push({
44
- name: 'newPackages',
45
- insight: newPackages,
46
- link: BUNDLE_PACKAGES_COUNT,
47
- });
48
- }
49
-
50
- return [
51
- ...(insightsByLevel[InsightType.ERROR] || []),
52
- ...(insightsByLevel[InsightType.WARNING] || []),
53
- ...(insightsByLevel[InsightType.INFO] || []),
54
- ];
55
- };
56
-
57
12
  const InsightTypeIconMap = new Map([
58
13
  [InsightType.ERROR, Icon.ICONS.ERROR],
59
14
  [InsightType.WARNING, Icon.ICONS.WARNING],
@@ -74,7 +29,7 @@ export const Insights = (props: InsightsProps) => {
74
29
  ...restProps
75
30
  } = props;
76
31
 
77
- const insights = normalizedInsights({ duplicatePackages, newPackages });
32
+ const insights = getInsightList({ duplicatePackages, newPackages });
78
33
 
79
34
  return (
80
35
  <Stack space="xxsmall" {...restProps}>
package/tsconfig.esm.json DELETED
@@ -1,13 +0,0 @@
1
- {
2
- "extends": "./tsconfig.json",
3
- "compilerOptions": {
4
- "jsx": "react",
5
- "resolveJsonModule": true,
6
- "target": "ES2019",
7
- "module": "ES6",
8
- "declaration": true,
9
- "declarationDir": "./types",
10
- "noEmit": false
11
- },
12
- "exclude": ["**/__tests__/*", "**/*.stories.*"]
13
- }
package/tsconfig.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "extends": "../../tsconfig.json",
3
- "include": ["src/**/*"],
4
- "compilerOptions": {
5
- "jsx": "react"
6
- }
7
- }
package/tsconfig.lib.json DELETED
@@ -1,9 +0,0 @@
1
- {
2
- "extends": "./tsconfig.json",
3
- "compilerOptions": {
4
- "jsx": "react",
5
- "resolveJsonModule": true,
6
- "noEmit": false
7
- },
8
- "exclude": ["**/__tests__/*", "**/*.stories.*"]
9
- }