@telia-ace/widget-components-grid 1.0.0

package/LICENSE.txt

@@ -0,0 +1,6 @@
+Copyright © 2021, Telia Company AB. All rights reserved.
+
+THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
+THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
+AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
+http://www.humany.com/legal

package/README.md

@@ -0,0 +1,3 @@
+# `@telia-ace/widget-components-grid`
+
+Grid component for ACE Widgets.

package/lib/grid-area.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare type Props = {
+    gridArea: string;
+    areaSettings: {
+        [key: string]: string;
+    };
+    componentName?: string;
+};
+declare const GridArea: React.FC<Props>;
+export default GridArea;

package/lib/grid-area.js

@@ -0,0 +1,53 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var widget_types_grid_1 = require("@telia-ace/widget-types-grid");
+var widget_ui_1 = require("@telia-ace/widget-ui");
+var react_1 = __importStar(require("react"));
+var styled_components_1 = __importStar(require("styled-components"));
+var toCSSProps = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ", "\n"])), function (p) {
+    return Object.entries(p.settings).reduce(function (acc, entry) {
+        return acc + "".concat(entry[0], ": ").concat(entry[1], ";");
+    }, '');
+});
+var GridArea = function (_a) {
+    var gridArea = _a.gridArea, areaSettings = _a.areaSettings, componentName = _a.componentName;
+    var children = (0, widget_ui_1.useChildren)();
+    var child = (0, react_1.useMemo)(function () {
+        return children.find(function (i) { return i.name === componentName; });
+    }, [children]);
+    if (!child) {
+        return null;
+    }
+    return (react_1.default.createElement(StyledGridArea, { "data-grid-area": gridArea, gridArea: gridArea, settings: areaSettings },
+        react_1.default.createElement(widget_types_grid_1.Component, { key: child.id, id: child.id, branch: "default" })));
+};
+exports.default = GridArea;
+var StyledGridArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    grid-area: ", ";\n    ", "\n"], ["\n    grid-area: ", ";\n    ", "\n"])), function (p) { return p.gridArea; }, toCSSProps);
+var templateObject_1, templateObject_2;

package/lib/grid-component.d.ts

@@ -0,0 +1,32 @@
+import { Container } from '@webprovisions/platform';
+declare type AreaWithChild = {
+    child: string;
+    areaSettings: {
+        [key: string]: string;
+    };
+};
+export declare type NestedArea = {
+    template: string[];
+    areaSettings: {
+        [key: string]: string;
+    };
+    gap: number;
+    areas: {
+        [key: string]: GridAreaProps;
+    };
+};
+export declare type GridAreaProps = NestedArea | AreaWithChild;
+export declare const isNestedGrid: (area: GridAreaProps) => area is NestedArea;
+export declare type GridComponentProps = {
+    gap: number;
+    template: string[];
+    areaSettings: {
+        [key: string]: string;
+    };
+    areas: {
+        [key: string]: GridAreaProps;
+    };
+    child: string;
+};
+export declare const GridComponent: (container: Container) => Promise<void>;
+export default GridComponent;

package/lib/grid-component.js

@@ -0,0 +1,36 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridComponent = exports.isNestedGrid = void 0;
+var widget_ui_1 = require("@telia-ace/widget-ui");
+var isNestedGrid = function (area) {
+    return !!area.template;
+};
+exports.isNestedGrid = isNestedGrid;
+var GridComponent = function (container) {
+    return (0, widget_ui_1.createReactComponent)(container, 'grid', Promise.resolve().then(function () { return __importStar(require('./grid')); }), function (component) { });
+};
+exports.GridComponent = GridComponent;
+exports.default = exports.GridComponent;

package/lib/grid.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type Props = {
+    className?: string;
+};
+declare const Grid: React.FC<Props>;
+export default Grid;

package/lib/grid.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var widget_ui_1 = require("@telia-ace/widget-ui");
+var react_1 = __importDefault(require("react"));
+var nested_grid_area_1 = __importDefault(require("./nested-grid-area"));
+var Grid = function (_a) {
+    var className = _a.className;
+    var properties = (0, widget_ui_1.useProperties)();
+    return (react_1.default.createElement(nested_grid_area_1.default, { template: properties.template, areas: properties.areas, gap: properties.gap, areaSettings: properties.areaSettings }));
+};
+exports.default = Grid;

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+import GridComponent from './grid-component';
+export default GridComponent;

package/lib/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var grid_component_1 = __importDefault(require("./grid-component"));
+exports.default = grid_component_1.default;

package/lib/nested-grid-area.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { NestedArea } from './grid-component';
+declare type Props = {
+    className?: string;
+    gridArea?: string;
+} & NestedArea;
+declare const NestedGridArea: React.FC<Props>;
+export default NestedGridArea;

package/lib/nested-grid-area.js

@@ -0,0 +1,90 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var widget_ui_1 = require("@telia-ace/widget-ui");
+var widget_utilities_1 = require("@telia-ace/widget-utilities");
+var react_1 = __importStar(require("react"));
+var styled_components_1 = __importStar(require("styled-components"));
+var grid_area_1 = __importDefault(require("./grid-area"));
+var grid_component_1 = require("./grid-component");
+var utils_1 = require("./utils");
+var NestedGridArea = function (props) {
+    var children = (0, widget_ui_1.useChildren)();
+    var areas = (0, react_1.useMemo)(function () {
+        return Object.entries(props.areas).map(function (_a) {
+            var _b = __read(_a, 2), key = _b[0], area = _b[1];
+            if (!(0, grid_component_1.isNestedGrid)(area)) {
+                return {
+                    name: key,
+                    areaSettings: area.areaSettings,
+                    child: area.child,
+                };
+            }
+            return {
+                name: key,
+                areaSettings: area.areaSettings,
+                template: area.template,
+                areas: area.areas,
+                gap: area.gap,
+            };
+        });
+    }, [props, children]);
+    return (react_1.default.createElement(Wrapper, { "data-grid-area": props.gridArea, gridArea: props.gridArea, gap: props.gap, template: props.template, className: (0, widget_utilities_1.appendClassNames)(props.className, 'humany-grid') }, areas.map(function (area) {
+        if ((0, grid_component_1.isNestedGrid)(area)) {
+            return (react_1.default.createElement(NestedGridArea, { gridArea: area.name, key: area.name, gap: area.gap, template: area.template, areas: area.areas, areaSettings: area.areaSettings }));
+        }
+        return (react_1.default.createElement(grid_area_1.default, { gridArea: area.name, key: area.name, componentName: area.child, areaSettings: area.areaSettings }));
+    })));
+};
+exports.default = NestedGridArea;
+var Wrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: grid;\n    ", "\n    ", "\n  ", "\n"], ["\n    display: grid;\n    ", "\n    ", "\n  ", "\n"])), function (p) {
+    return p.gridArea && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            grid-area: ", ";\n        "], ["\n            grid-area: ", ";\n        "])), p.gridArea);
+}, function (p) { return (0, utils_1.generateGridTemplateAreasValue)(p.template); }, function (p) {
+    return p.gap && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            grid-gap: ", "rem;\n        "], ["\n            grid-gap: ", "rem;\n        "])), p.gap);
+});
+var templateObject_1, templateObject_2, templateObject_3;

package/lib/utils.d.ts

@@ -0,0 +1 @@
+export declare const generateGridTemplateAreasValue: (template: string[]) => import("styled-components").FlattenSimpleInterpolation;

package/lib/utils.js

@@ -0,0 +1,19 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateGridTemplateAreasValue = void 0;
+var styled_components_1 = require("styled-components");
+var generateGridTemplateAreasValue = function (template) {
+    var rows = template.map(function (_) { return 'min-content'; }).join(' ');
+    var columns = template[0]
+        .split(' ')
+        .map(function (_) { return '1fr'; })
+        .join(' ');
+    var areas = template.map(function (value) { return "'".concat(value, "'"); }).join(' ');
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        grid-template-columns: ", ";\n        grid-template-rows: ", ";\n        grid-template-areas: ", ";\n    "], ["\n        grid-template-columns: ", ";\n        grid-template-rows: ", ";\n        grid-template-areas: ", ";\n    "])), columns, rows, areas);
+};
+exports.generateGridTemplateAreasValue = generateGridTemplateAreasValue;
+var templateObject_1;

package/lib-esm/grid-area.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare type Props = {
+    gridArea: string;
+    areaSettings: {
+        [key: string]: string;
+    };
+    componentName?: string;
+};
+declare const GridArea: React.FC<Props>;
+export default GridArea;

package/lib-esm/grid-area.js

@@ -0,0 +1,28 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { Component } from '@telia-ace/widget-types-grid';
+import { useChildren } from '@telia-ace/widget-ui';
+import React, { useMemo } from 'react';
+import styled, { css } from 'styled-components';
+var toCSSProps = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ", "\n"])), function (p) {
+    return Object.entries(p.settings).reduce(function (acc, entry) {
+        return acc + "".concat(entry[0], ": ").concat(entry[1], ";");
+    }, '');
+});
+var GridArea = function (_a) {
+    var gridArea = _a.gridArea, areaSettings = _a.areaSettings, componentName = _a.componentName;
+    var children = useChildren();
+    var child = useMemo(function () {
+        return children.find(function (i) { return i.name === componentName; });
+    }, [children]);
+    if (!child) {
+        return null;
+    }
+    return (React.createElement(StyledGridArea, { "data-grid-area": gridArea, gridArea: gridArea, settings: areaSettings },
+        React.createElement(Component, { key: child.id, id: child.id, branch: "default" })));
+};
+export default GridArea;
+var StyledGridArea = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    grid-area: ", ";\n    ", "\n"], ["\n    grid-area: ", ";\n    ", "\n"])), function (p) { return p.gridArea; }, toCSSProps);
+var templateObject_1, templateObject_2;

package/lib-esm/grid-component.d.ts

@@ -0,0 +1,32 @@
+import { Container } from '@webprovisions/platform';
+declare type AreaWithChild = {
+    child: string;
+    areaSettings: {
+        [key: string]: string;
+    };
+};
+export declare type NestedArea = {
+    template: string[];
+    areaSettings: {
+        [key: string]: string;
+    };
+    gap: number;
+    areas: {
+        [key: string]: GridAreaProps;
+    };
+};
+export declare type GridAreaProps = NestedArea | AreaWithChild;
+export declare const isNestedGrid: (area: GridAreaProps) => area is NestedArea;
+export declare type GridComponentProps = {
+    gap: number;
+    template: string[];
+    areaSettings: {
+        [key: string]: string;
+    };
+    areas: {
+        [key: string]: GridAreaProps;
+    };
+    child: string;
+};
+export declare const GridComponent: (container: Container) => Promise<void>;
+export default GridComponent;

package/lib-esm/grid-component.js

@@ -0,0 +1,8 @@
+import { createReactComponent } from '@telia-ace/widget-ui';
+export var isNestedGrid = function (area) {
+    return !!area.template;
+};
+export var GridComponent = function (container) {
+    return createReactComponent(container, 'grid', import('./grid'), function (component) { });
+};
+export default GridComponent;

package/lib-esm/grid.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type Props = {
+    className?: string;
+};
+declare const Grid: React.FC<Props>;
+export default Grid;

package/lib-esm/grid.js

@@ -0,0 +1,9 @@
+import { useProperties } from '@telia-ace/widget-ui';
+import React from 'react';
+import NestedGridArea from './nested-grid-area';
+var Grid = function (_a) {
+    var className = _a.className;
+    var properties = useProperties();
+    return (React.createElement(NestedGridArea, { template: properties.template, areas: properties.areas, gap: properties.gap, areaSettings: properties.areaSettings }));
+};
+export default Grid;

package/lib-esm/index.d.ts

@@ -0,0 +1,2 @@
+import GridComponent from './grid-component';
+export default GridComponent;

package/lib-esm/index.js

@@ -0,0 +1,2 @@
+import GridComponent from './grid-component';
+export default GridComponent;

package/lib-esm/nested-grid-area.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { NestedArea } from './grid-component';
+declare type Props = {
+    className?: string;
+    gridArea?: string;
+} & NestedArea;
+declare const NestedGridArea: React.FC<Props>;
+export default NestedGridArea;

package/lib-esm/nested-grid-area.js

@@ -0,0 +1,62 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { useChildren } from '@telia-ace/widget-ui';
+import { appendClassNames } from '@telia-ace/widget-utilities';
+import React, { useMemo } from 'react';
+import styled, { css } from 'styled-components';
+import GridArea from './grid-area';
+import { isNestedGrid } from './grid-component';
+import { generateGridTemplateAreasValue } from './utils';
+var NestedGridArea = function (props) {
+    var children = useChildren();
+    var areas = useMemo(function () {
+        return Object.entries(props.areas).map(function (_a) {
+            var _b = __read(_a, 2), key = _b[0], area = _b[1];
+            if (!isNestedGrid(area)) {
+                return {
+                    name: key,
+                    areaSettings: area.areaSettings,
+                    child: area.child,
+                };
+            }
+            return {
+                name: key,
+                areaSettings: area.areaSettings,
+                template: area.template,
+                areas: area.areas,
+                gap: area.gap,
+            };
+        });
+    }, [props, children]);
+    return (React.createElement(Wrapper, { "data-grid-area": props.gridArea, gridArea: props.gridArea, gap: props.gap, template: props.template, className: appendClassNames(props.className, 'humany-grid') }, areas.map(function (area) {
+        if (isNestedGrid(area)) {
+            return (React.createElement(NestedGridArea, { gridArea: area.name, key: area.name, gap: area.gap, template: area.template, areas: area.areas, areaSettings: area.areaSettings }));
+        }
+        return (React.createElement(GridArea, { gridArea: area.name, key: area.name, componentName: area.child, areaSettings: area.areaSettings }));
+    })));
+};
+export default NestedGridArea;
+var Wrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: grid;\n    ", "\n    ", "\n  ", "\n"], ["\n    display: grid;\n    ", "\n    ", "\n  ", "\n"])), function (p) {
+    return p.gridArea && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            grid-area: ", ";\n        "], ["\n            grid-area: ", ";\n        "])), p.gridArea);
+}, function (p) { return generateGridTemplateAreasValue(p.template); }, function (p) {
+    return p.gap && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            grid-gap: ", "rem;\n        "], ["\n            grid-gap: ", "rem;\n        "])), p.gap);
+});
+var templateObject_1, templateObject_2, templateObject_3;

package/lib-esm/utils.d.ts

@@ -0,0 +1 @@
+export declare const generateGridTemplateAreasValue: (template: string[]) => import("styled-components").FlattenSimpleInterpolation;

package/lib-esm/utils.js

@@ -0,0 +1,15 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css } from 'styled-components';
+export var generateGridTemplateAreasValue = function (template) {
+    var rows = template.map(function (_) { return 'min-content'; }).join(' ');
+    var columns = template[0]
+        .split(' ')
+        .map(function (_) { return '1fr'; })
+        .join(' ');
+    var areas = template.map(function (value) { return "'".concat(value, "'"); }).join(' ');
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        grid-template-columns: ", ";\n        grid-template-rows: ", ";\n        grid-template-areas: ", ";\n    "], ["\n        grid-template-columns: ", ";\n        grid-template-rows: ", ";\n        grid-template-areas: ", ";\n    "])), columns, rows, areas);
+};
+var templateObject_1;

package/package.json

@@ -0,0 +1,42 @@
+{
+    "name": "@telia-ace/widget-components-grid",
+    "version": "1.0.0",
+    "description": "Grid component for ACE Widgets.",
+    "license": "SEE LICENSE IN LICENSE.txt",
+    "author": "Telia Company AB",
+    "keywords": [
+        "telia"
+    ],
+    "main": "lib/index.js",
+    "module": "lib-esm/index.js",
+    "files": [
+        "LICENSE.txt",
+        "README.md",
+        "lib/",
+        "lib-esm/"
+    ],
+    "publishConfig": {
+        "access": "public"
+    },
+    "scripts": {
+        "clean": "cleandir lib && cleandir lib-esm",
+        "compile": "tsc -p tsconfig.cjs.json && tsc -p tsconfig.esm.json"
+    },
+    "sideEffects": false,
+    "typings": "lib/index.d.ts",
+    "dependencies": {
+        "@telia-ace/widget-types-grid": "^1.0.0",
+        "@telia-ace/widget-ui": "^1.0.0",
+        "@telia-ace/widget-utilities": "^1.0.1",
+        "@webprovisions/platform": "^1.1.2",
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2",
+        "styled-components": "^4.3.2"
+    },
+    "devDependencies": {
+        "@types/react": "^17.0.39",
+        "@types/react-dom": "^17.0.13",
+        "@types/styled-components": "^5.1.7"
+    },
+    "gitHead": "26a4f73e6b1811cf60ca62a274b54b15127a83f6"
+}