@telia-ace/widget-components-grid 1.0.24 → 1.0.25-next.0
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/grid-area.d.ts +1 -1
- package/dist/grid-component.d.ts +4 -4
- package/dist/{grid.b885328b.js → grid.522492da.js} +31 -21
- package/dist/{grid.b885328b.js.map → grid.522492da.js.map} +1 -1
- package/dist/grid.d.ts +1 -1
- package/dist/{index.383bbd71.js → index.d20eda4d.js} +2 -2
- package/dist/{index.383bbd71.js.map → index.d20eda4d.js.map} +1 -1
- package/dist/index.js +1 -1
- package/dist/nested-grid-area.d.ts +1 -1
- package/package.json +8 -8
package/dist/grid-area.d.ts
CHANGED
package/dist/grid-component.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Container } from '@webprovisions/platform';
|
|
2
|
-
|
|
2
|
+
type AreaWithChild = {
|
|
3
3
|
child: string;
|
|
4
4
|
areaSettings: {
|
|
5
5
|
[key: string]: string;
|
|
@@ -8,7 +8,7 @@ declare type AreaWithChild = {
|
|
|
8
8
|
[key: string]: any;
|
|
9
9
|
};
|
|
10
10
|
};
|
|
11
|
-
export
|
|
11
|
+
export type NestedArea = {
|
|
12
12
|
context: {
|
|
13
13
|
[key: string]: any;
|
|
14
14
|
};
|
|
@@ -21,9 +21,9 @@ export declare type NestedArea = {
|
|
|
21
21
|
[key: string]: GridAreaProps;
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
|
-
export
|
|
24
|
+
export type GridAreaProps = NestedArea | AreaWithChild;
|
|
25
25
|
export declare const isNestedGrid: (area: GridAreaProps) => area is NestedArea;
|
|
26
|
-
export
|
|
26
|
+
export type GridComponentProps = {
|
|
27
27
|
gap: number;
|
|
28
28
|
template: string[];
|
|
29
29
|
areaSettings: {
|
|
@@ -4,7 +4,7 @@ import { css as s } from "@emotion/react";
|
|
|
4
4
|
import l from "@emotion/styled";
|
|
5
5
|
import { Component as g } from "@telia-ace/widget-types-grid";
|
|
6
6
|
import { appendClassNames as u } from "@telia-ace/widget-utilities";
|
|
7
|
-
import { i as f } from "./index.
|
|
7
|
+
import { i as f } from "./index.d20eda4d.js";
|
|
8
8
|
import "@telia-ace/widget-core";
|
|
9
9
|
const $ = (e) => {
|
|
10
10
|
const r = e.map((t) => "min-content").join(" "), n = e[0].split(" ").map((t) => "1fr").join(" "), a = e.map((t) => `'${t}'`).join(" ");
|
|
@@ -32,18 +32,25 @@ const $ = (e) => {
|
|
|
32
32
|
context: t.context
|
|
33
33
|
};
|
|
34
34
|
}), [e, r]);
|
|
35
|
-
return /* @__PURE__ */ i.createElement(
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
35
|
+
return /* @__PURE__ */ i.createElement(
|
|
36
|
+
N,
|
|
37
|
+
{
|
|
38
|
+
"data-grid-area": e.gridArea,
|
|
39
|
+
gridArea: e.gridArea,
|
|
40
|
+
gap: e.gap,
|
|
41
|
+
template: e.template,
|
|
42
|
+
className: u(e.className, "humany-grid")
|
|
43
|
+
},
|
|
44
|
+
n.map((a) => a.componentDef ? /* @__PURE__ */ i.createElement(
|
|
45
|
+
g,
|
|
46
|
+
{
|
|
47
|
+
key: a.componentDef.id,
|
|
48
|
+
id: a.componentDef.id,
|
|
49
|
+
branch: "default",
|
|
50
|
+
context: {}
|
|
51
|
+
}
|
|
52
|
+
) : null)
|
|
53
|
+
);
|
|
47
54
|
}, A = x, N = l.div`
|
|
48
55
|
display: grid;
|
|
49
56
|
${(e) => e.gridArea && s`
|
|
@@ -55,15 +62,18 @@ const $ = (e) => {
|
|
|
55
62
|
`}
|
|
56
63
|
`, w = ({ className: e }) => {
|
|
57
64
|
const r = d();
|
|
58
|
-
return /* @__PURE__ */ i.createElement(
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
+
return /* @__PURE__ */ i.createElement(
|
|
66
|
+
A,
|
|
67
|
+
{
|
|
68
|
+
template: r.template,
|
|
69
|
+
areas: r.areas,
|
|
70
|
+
gap: r.gap,
|
|
71
|
+
areaSettings: r.areaSettings,
|
|
72
|
+
context: r.context
|
|
73
|
+
}
|
|
74
|
+
);
|
|
65
75
|
};
|
|
66
76
|
export {
|
|
67
77
|
w as default
|
|
68
78
|
};
|
|
69
|
-
//# sourceMappingURL=grid.
|
|
79
|
+
//# sourceMappingURL=grid.522492da.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.
|
|
1
|
+
{"version":3,"file":"grid.522492da.js","sources":["../src/utils.ts","../src/nested-grid-area.tsx","../src/grid.tsx"],"sourcesContent":["import { css } from '@emotion/react';\n\nexport const generateGridTemplateAreasValue = (template: string[]) => {\n const rows = template.map((_) => 'min-content').join(' ');\n const columns = template[0]\n .split(' ')\n .map((_) => '1fr')\n .join(' ');\n const areas = template.map((value) => `'${value}'`).join(' ');\n\n return css`\n grid-template-columns: ${columns};\n grid-template-rows: ${rows};\n grid-template-areas: ${areas};\n `;\n};\n","import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { Component } from '@telia-ace/widget-types-grid';\nimport { useChildren } from '@telia-ace/widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React, { useMemo } from 'react';\nimport { GridAreaProps, isNestedGrid, NestedArea } from './grid-component';\nimport { generateGridTemplateAreasValue } from './utils';\n\ntype Props = {\n className?: string;\n gridArea?: string;\n} & NestedArea;\nconst NestedGridArea: React.FC<Props> = (props) => {\n const children = useChildren();\n\n const areas = useMemo<(GridAreaProps & { name: string })[]>(() => {\n return Object.entries(props.areas).map(([key, area]) => {\n const componentDef = children.find((child) => child.name === key);\n\n if (!isNestedGrid(area)) {\n return {\n name: key,\n componentDef,\n areaSettings: area.areaSettings,\n child: area.child,\n context: area.context,\n };\n }\n return {\n name: key,\n componentDef,\n context: area.context,\n areaSettings: area.areaSettings,\n template: area.template,\n areas: area.areas,\n gap: area.gap,\n };\n });\n }, [props, children]);\n\n return (\n <Wrapper\n data-grid-area={props.gridArea}\n gridArea={props.gridArea}\n gap={props.gap}\n template={props.template}\n className={appendClassNames(props.className, 'humany-grid')}\n >\n {areas.map((area) => {\n if (!(area as any).componentDef) {\n return null;\n }\n return (\n <Component\n key={(area as any).componentDef.id}\n id={(area as any).componentDef.id}\n branch=\"default\"\n context={{}}\n />\n );\n })}\n </Wrapper>\n );\n};\n\nexport default NestedGridArea;\n\nconst Wrapper = styled.div<{\n template: string[];\n gridArea?: string;\n gap?: number;\n}>`\n display: grid;\n ${(p) =>\n p.gridArea &&\n css`\n grid-area: ${p.gridArea};\n `}\n ${(p) => generateGridTemplateAreasValue(p.template)}\n ${(p) =>\n p.gap &&\n css`\n grid-gap: ${p.gap}rem;\n `}\n`;\n","import { useProperties } from '@telia-ace/widget-ui';\nimport React from 'react';\nimport { GridComponentProps } from './grid-component';\nimport NestedGridArea from './nested-grid-area';\n\ntype Props = { className?: string };\nconst Grid: React.FC<Props> = ({ className }) => {\n const properties = useProperties<GridComponentProps>();\n return (\n <NestedGridArea\n template={properties.template}\n areas={properties.areas}\n gap={properties.gap}\n areaSettings={properties.areaSettings}\n context={properties.context}\n />\n );\n};\n\nexport default Grid;\n"],"names":["generateGridTemplateAreasValue","template","rows","_","columns","areas","value","css","NestedGridArea","props","children","useChildren","useMemo","key","area","componentDef","child","isNestedGrid","React","Wrapper","appendClassNames","Component","NestedGridArea$1","styled","p","Grid","className","properties","useProperties"],"mappings":";;;;;;;;AAEa,MAAAA,IAAiC,CAACC,MAAuB;AAC5D,QAAAC,IAAOD,EAAS,IAAI,CAACE,MAAM,aAAa,EAAE,KAAK,GAAG,GAClDC,IAAUH,EAAS,GACpB,MAAM,GAAG,EACT,IAAI,CAACE,MAAM,KAAK,EAChB,KAAK,GAAG,GACPE,IAAQJ,EAAS,IAAI,CAACK,MAAU,IAAIA,IAAQ,EAAE,KAAK,GAAG;AAErD,SAAAC;AAAA,iCACsBH;AAAA,8BACHF;AAAA,+BACCG;AAAA;AAE/B,GCFMG,IAAkC,CAACC,MAAU;AAC/C,QAAMC,IAAWC,KAEXN,IAAQO,EAA8C,MACjD,OAAO,QAAQH,EAAM,KAAK,EAAE,IAAI,CAAC,CAACI,GAAKC,CAAI,MAAM;AACpD,UAAMC,IAAeL,EAAS,KAAK,CAACM,MAAUA,EAAM,SAASH,CAAG;AAE5D,WAACI,EAAaH,CAAI,IASf;AAAA,MACH,MAAMD;AAAA,MACN,cAAAE;AAAA,MACA,SAASD,EAAK;AAAA,MACd,cAAcA,EAAK;AAAA,MACnB,UAAUA,EAAK;AAAA,MACf,OAAOA,EAAK;AAAA,MACZ,KAAKA,EAAK;AAAA,IAAA,IAfH;AAAA,MACH,MAAMD;AAAA,MACN,cAAAE;AAAA,MACA,cAAcD,EAAK;AAAA,MACnB,OAAOA,EAAK;AAAA,MACZ,SAASA,EAAK;AAAA,IAAA;AAAA,EAWtB,CACH,GACF,CAACL,GAAOC,CAAQ,CAAC;AAGhB,SAAA,gBAAAQ,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,kBAAgBV,EAAM;AAAA,MACtB,UAAUA,EAAM;AAAA,MAChB,KAAKA,EAAM;AAAA,MACX,UAAUA,EAAM;AAAA,MAChB,WAAWW,EAAiBX,EAAM,WAAW,aAAa;AAAA,IAAA;AAAA,IAEzDJ,EAAM,IAAI,CAACS,MACFA,EAAa,eAIf,gBAAAI,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,KAAMP,EAAa,aAAa;AAAA,QAChC,IAAKA,EAAa,aAAa;AAAA,QAC/B,QAAO;AAAA,QACP,SAAS,CAAC;AAAA,MAAA;AAAA,IAAA,IAPP,IAUd;AAAA,EAAA;AAGb,GAEAQ,IAAed,GAETW,IAAUI,EAAO;AAAA;AAAA,MAMjB,CAACC,MACCA,EAAE,YACFjB;AAAA,yBACiBiB,EAAE;AAAA;AAAA,MAErB,CAACA,MAAMxB,EAA+BwB,EAAE,QAAQ;AAAA,IAClD,CAACA,MACGA,EAAE,OACFjB;AAAA,wBACgBiB,EAAE;AAAA;AAAA,GC7EpBC,IAAwB,CAAC,EAAE,WAAAC,QAAgB;AAC7C,QAAMC,IAAaC;AAEf,SAAA,gBAAAV,EAAA;AAAA,IAACV;AAAAA,IAAA;AAAA,MACG,UAAUmB,EAAW;AAAA,MACrB,OAAOA,EAAW;AAAA,MAClB,KAAKA,EAAW;AAAA,MAChB,cAAcA,EAAW;AAAA,MACzB,SAASA,EAAW;AAAA,IAAA;AAAA,EAAA;AAGhC;"}
|
package/dist/grid.d.ts
CHANGED
|
@@ -12,7 +12,7 @@ var u = (t, o, r) => o in t ? j(t, o, { enumerable: !0, configurable: !0, writab
|
|
|
12
12
|
import { createReactComponent as I } from "@telia-ace/widget-ui";
|
|
13
13
|
import { createChildren as b } from "@telia-ace/widget-core";
|
|
14
14
|
import { Logger as L } from "@telia-ace/widget-utilities";
|
|
15
|
-
const V = (t) => !!t.template, P = (t) => I(t, "grid", import("./grid.
|
|
15
|
+
const V = (t) => !!t.template, P = (t) => I(t, "grid", import("./grid.522492da.js"), (o) => {
|
|
16
16
|
}), _ = P, q = (t, o) => {
|
|
17
17
|
var m, g, x, l;
|
|
18
18
|
const { platform: r, node: w, references: $, definitions: a, views: f, branch: N } = o, e = a[t.definitionId];
|
|
@@ -71,4 +71,4 @@ export {
|
|
|
71
71
|
q as g,
|
|
72
72
|
V as i
|
|
73
73
|
};
|
|
74
|
-
//# sourceMappingURL=index.
|
|
74
|
+
//# sourceMappingURL=index.d20eda4d.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.
|
|
1
|
+
{"version":3,"file":"index.d20eda4d.js","sources":["../src/grid-component.ts","../src/handler.ts"],"sourcesContent":["import { createReactComponent } from '@telia-ace/widget-ui';\nimport { Container } from '@webprovisions/platform';\n\ntype AreaWithChild = {\n child: string;\n areaSettings: { [key: string]: string };\n context: { [key: string]: any };\n};\n\nexport type NestedArea = {\n context: { [key: string]: any };\n template: string[];\n areaSettings: { [key: string]: string };\n gap: number;\n areas: {\n [key: string]: GridAreaProps;\n };\n};\n\nexport type GridAreaProps = NestedArea | AreaWithChild;\n\nexport const isNestedGrid = (area: GridAreaProps): area is NestedArea => {\n return !!(area as NestedArea).template;\n};\n\nexport type GridComponentProps = {\n gap: number;\n template: string[];\n areaSettings: { [key: string]: string };\n areas: {\n [key: string]: GridAreaProps;\n };\n child: string;\n context: { [key: string]: any };\n};\n\nexport const GridComponent = (container: Container) => {\n return createReactComponent(container, 'grid', import('./grid'), (component) => {});\n};\n\nexport default GridComponent;\n","import {\n ComponentHandlerOptions,\n createChildren,\n NormalizedComponentReference,\n} from '@telia-ace/widget-core';\nimport { Logger } from '@telia-ace/widget-utilities';\n\nexport const gridComponentHandler = (\n childRef: NormalizedComponentReference,\n options: ComponentHandlerOptions\n) => {\n const { platform, node, references, definitions, views, branch } = options;\n\n const childDef = definitions[childRef.definitionId];\n if (process.env.NODE_ENV !== 'production') {\n if (!childDef) {\n Logger.error(`No definition found for component type '${childRef.definitionId}'.`);\n return;\n }\n }\n const childNode = platform.createNode(childDef.type);\n childNode.name = childRef.definitionId;\n childNode.tags = childDef.tags || [];\n if (childDef.properties) {\n childNode.writeProperties(childDef.properties);\n }\n if (childDef.context) {\n childNode.writeContext(childDef.context);\n }\n if (childDef.layout) {\n childNode.writeLayout(childDef.layout);\n }\n node.appendChild(childNode, branch);\n\n childRef.overrides.forEach((override) => {\n const options = { breakpoints: override.breakpoints };\n if (override.properties) {\n childNode.writeProperties(override.properties, options);\n }\n if (override.context) {\n childNode.writeContext(override.context, options);\n }\n if (override.layout) {\n childNode.writeLayout(override.layout, options);\n }\n });\n\n if (childDef.properties?.areas && !!childDef.properties?.areas) {\n const mergedDefinitons: any = Object.entries(childDef.properties.areas).reduce<any>(\n (acc, [key, value]: any) => {\n if (value.child) {\n const cssProps = Object.entries<string>(value.areaSettings || {}).reduce<{\n [key: string]: string;\n }>((acc, [key, value]) => {\n acc[`css-${key}`] = value;\n\n return acc;\n }, {});\n acc[key] = {\n type: 'area',\n context: value.context || {},\n children: [value.child],\n properties: {\n 'css-grid-area': key,\n ...cssProps,\n },\n };\n } else {\n const subgrid = {\n type: 'grid',\n context: {},\n properties: {\n areaSettings: {},\n areas: value.areas,\n context: value.context,\n gap: value.gap,\n gridArea: value.gridArea,\n template: value.template,\n },\n };\n acc[key] = subgrid;\n }\n return acc;\n },\n definitions\n );\n createChildren(\n platform,\n childNode,\n Object.keys(childDef.properties.areas),\n mergedDefinitons,\n views\n );\n } else if (childDef.properties?.child) {\n createChildren(platform, childNode, [childDef.properties?.child], definitions, views);\n }\n};\n"],"names":["isNestedGrid","area","GridComponent","container","createReactComponent","component","GridComponent$1","gridComponentHandler","childRef","options","platform","node","references","definitions","views","branch","childDef","Logger","childNode","override","_a","_b","mergedDefinitons","acc","key","value","cssProps","__spreadValues","subgrid","createChildren","_c","_d"],"mappings":";;;;;;;;;;;;;;AAqBa,MAAAA,IAAe,CAACC,MAClB,CAAC,CAAEA,EAAoB,UAcrBC,IAAgB,CAACC,MACnBC,EAAqBD,GAAW,QAAQ,OAAO,uBAAW,CAACE,MAAc;AAAA,CAAE,GAGtFC,IAAeJ,GCjCFK,IAAuB,CAChCC,GACAC,MACC;;AACD,QAAM,EAAE,UAAAC,GAAU,MAAAC,GAAM,YAAAC,GAAY,aAAAC,GAAa,OAAAC,GAAO,QAAAC,EAAW,IAAAN,GAE7DO,IAAWH,EAAYL,EAAS;AAClC,MAAA,QAAQ,IAAI,aAAa,gBACrB,CAACQ,GAAU;AACJ,IAAAC,EAAA,MAAM,2CAA2CT,EAAS,gBAAgB;AACjF;AAAA,EACJ;AAEJ,QAAMU,IAAYR,EAAS,WAAWM,EAAS,IAAI;AA2BnD,MA1BAE,EAAU,OAAOV,EAAS,cAChBU,EAAA,OAAOF,EAAS,QAAQ,CAAA,GAC9BA,EAAS,cACCE,EAAA,gBAAgBF,EAAS,UAAU,GAE7CA,EAAS,WACCE,EAAA,aAAaF,EAAS,OAAO,GAEvCA,EAAS,UACCE,EAAA,YAAYF,EAAS,MAAM,GAEpCL,EAAA,YAAYO,GAAWH,CAAM,GAEzBP,EAAA,UAAU,QAAQ,CAACW,MAAa;AACrC,UAAMV,IAAU,EAAE,aAAaU,EAAS,YAAY;AACpD,IAAIA,EAAS,cACCD,EAAA,gBAAgBC,EAAS,YAAYV,CAAO,GAEtDU,EAAS,WACCD,EAAA,aAAaC,EAAS,SAASV,CAAO,GAEhDU,EAAS,UACCD,EAAA,YAAYC,EAAS,QAAQV,CAAO;AAAA,EAClD,CACH,KAEGW,IAAAJ,EAAS,eAAT,gBAAAI,EAAqB,UAAS,CAAC,GAACC,IAAAL,EAAS,eAAT,QAAAK,EAAqB,QAAO;AAC5D,UAAMC,IAAwB,OAAO,QAAQN,EAAS,WAAW,KAAK,EAAE;AAAA,MACpE,CAACO,GAAK,CAACC,GAAKC,CAAK,MAAW;AACxB,YAAIA,EAAM,OAAO;AACb,gBAAMC,IAAW,OAAO,QAAgBD,EAAM,gBAAgB,CAAA,CAAE,EAAE,OAE/D,CAACF,GAAK,CAACC,GAAKC,CAAK,OAChBF,EAAI,OAAOC,OAASC,GAEbF,IACR,CAAE,CAAA;AACL,UAAAA,EAAIC,KAAO;AAAA,YACP,MAAM;AAAA,YACN,SAASC,EAAM,WAAW,CAAC;AAAA,YAC3B,UAAU,CAACA,EAAM,KAAK;AAAA,YACtB,YAAYE,EAAA;AAAA,cACR,iBAAiBH;AAAA,eACdE;AAAA,UACP;AAAA,QACJ,OACG;AACH,gBAAME,IAAU;AAAA,YACZ,MAAM;AAAA,YACN,SAAS,CAAC;AAAA,YACV,YAAY;AAAA,cACR,cAAc,CAAC;AAAA,cACf,OAAOH,EAAM;AAAA,cACb,SAASA,EAAM;AAAA,cACf,KAAKA,EAAM;AAAA,cACX,UAAUA,EAAM;AAAA,cAChB,UAAUA,EAAM;AAAA,YACpB;AAAA,UAAA;AAEJ,UAAAF,EAAIC,KAAOI;AAAA,QACf;AACO,eAAAL;AAAA,MACX;AAAA,MACAV;AAAA,IAAA;AAEJ,IAAAgB;AAAA,MACInB;AAAA,MACAQ;AAAA,MACA,OAAO,KAAKF,EAAS,WAAW,KAAK;AAAA,MACrCM;AAAA,MACAR;AAAA,IAAA;AAAA,EACJ;AACJ,KAAWgB,IAAAd,EAAS,eAAT,QAAAc,EAAqB,SACbD,EAAAnB,GAAUQ,GAAW,EAACa,IAAAf,EAAS,eAAT,gBAAAe,EAAqB,KAAK,GAAGlB,GAAaC,CAAK;AAE5F;"}
|
package/dist/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telia-ace/widget-components-grid",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.25-next.0",
|
|
4
4
|
"description": "Grid component for ACE Widgets.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"author": "Telia Company AB",
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
},
|
|
22
22
|
"sideEffects": false,
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@telia-ace/widget-core": "^1.0.
|
|
25
|
-
"@telia-ace/widget-types-grid": "^1.0.
|
|
26
|
-
"@telia-ace/widget-ui": "^1.0.
|
|
27
|
-
"@telia-ace/widget-utilities": "^1.0.
|
|
24
|
+
"@telia-ace/widget-core": "^1.0.20-next.0",
|
|
25
|
+
"@telia-ace/widget-types-grid": "^1.0.29-next.0",
|
|
26
|
+
"@telia-ace/widget-ui": "^1.0.27-next.0",
|
|
27
|
+
"@telia-ace/widget-utilities": "^1.0.9-next.0",
|
|
28
28
|
"@webprovisions/platform": "^1.1.2"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
@@ -36,9 +36,9 @@
|
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@emotion/react": "^11.10.5",
|
|
38
38
|
"@emotion/styled": "^11.10.5",
|
|
39
|
-
"@telia-ace/widget-developer-tools": "^1.0.
|
|
40
|
-
"@types/react": "^18.0.
|
|
41
|
-
"@types/react-dom": "^18.0.
|
|
39
|
+
"@telia-ace/widget-developer-tools": "^1.0.15-next.0",
|
|
40
|
+
"@types/react": "^18.0.26",
|
|
41
|
+
"@types/react-dom": "^18.0.9",
|
|
42
42
|
"react": "^18.2.0",
|
|
43
43
|
"react-dom": "^18.2.0"
|
|
44
44
|
},
|