@telia-ace/widget-components-close-button 1.0.5 → 1.0.6

package/dist/close-button.js

@@ -0,0 +1,79 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { useDispatch, useProperties, Button, borderTabStyle, SymbolBadge } from "@telia-ace/widget-ui";
+import React from "react";
+import styled, { css } from "styled-components";
+const CloseButton = (_a) => {
+  var _b = _a, { className } = _b, other = __objRest(_b, ["className"]);
+  const dispatch = useDispatch();
+  const { ariaLabel = "" } = useProperties();
+  return /* @__PURE__ */ React.createElement(StyledButtonContainer, __spreadProps(__spreadValues({}, other), {
+    className
+  }), /* @__PURE__ */ React.createElement(StyledButton, {
+    onClick: () => dispatch("close"),
+    "aria-label": ariaLabel
+  }, /* @__PURE__ */ React.createElement(StyledSymbolBadge, {
+    size: 12,
+    symbol: { type: "Svg", content: "close" }
+  })));
+};
+const StyledButtonContainer = styled.div`
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-start;
+`;
+const StyledButton = styled(Button)`
+    &:focus {
+        ${(p) => {
+  var _a, _b, _c, _d, _e;
+  return ((_a = p.theme.accessibility) == null ? void 0 : _a.isTabbing) && css`
+                ${borderTabStyle}
+                padding: ${`calc(${(_b = p.theme.sizes) == null ? void 0 : _b.small} / 2) ${(_c = p.theme.sizes) == null ? void 0 : _c.small}`};
+                line,
+                path {
+                    stroke: ${(_e = (_d = p.theme.accessibility) == null ? void 0 : _d.colors) == null ? void 0 : _e.inactiveText};
+                }
+            `;
+}};
+    }
+`;
+const StyledSymbolBadge = styled(SymbolBadge)`
+    line,
+    path {
+        stroke: ${(p) => {
+  var _a;
+  return (_a = p.theme.colors) == null ? void 0 : _a.text;
+}};
+    }
+`;
+export { CloseButton as default };
+//# sourceMappingURL=close-button.js.map

package/dist/close-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-button.js","sources":["../src/close-button.tsx"],"sourcesContent":["import {\r\n    borderTabStyle,\r\n    Button,\r\n    SymbolBadge,\r\n    useDispatch,\r\n    useProperties,\r\n} from '@telia-ace/widget-ui';\r\nimport React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { CloseButtonComponentProps } from './close-button-component';\r\n\r\ntype Props = {\r\n    className: string;\r\n};\r\n\r\nconst CloseButton: React.SFC<Props> = ({ className, ...other }) => {\r\n    const dispatch = useDispatch();\r\n    const { ariaLabel = '' } = useProperties<CloseButtonComponentProps>();\r\n\r\n    return (\r\n        <StyledButtonContainer {...other} className={className}>\r\n            <StyledButton onClick={() => dispatch('close')} aria-label={ariaLabel}>\r\n                <StyledSymbolBadge size={12} symbol={{ type: 'Svg', content: 'close' }} />\r\n            </StyledButton>\r\n        </StyledButtonContainer>\r\n    );\r\n};\r\n\r\nexport default CloseButton;\r\n\r\nconst StyledButtonContainer = styled.div`\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    align-items: flex-start;\r\n`;\r\n\r\nconst StyledButton = styled(Button)`\r\n    &:focus {\r\n        ${(p) =>\r\n            p.theme.accessibility?.isTabbing &&\r\n            css`\r\n                ${borderTabStyle}\r\n                padding: ${`calc(${p.theme.sizes?.small} / 2) ${p.theme.sizes?.small}`};\r\n                line,\r\n                path {\r\n                    stroke: ${p.theme.accessibility?.colors?.inactiveText};\r\n                }\r\n            `};\r\n    }\r\n`;\r\n\r\nconst StyledSymbolBadge = styled(SymbolBadge)`\r\n    line,\r\n    path {\r\n        stroke: ${(p) => p.theme.colors?.text};\r\n    }\r\n`;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,cAAgC,CAAC,OAA4B;AAA5B,eAAE,gBAAF,IAAgB,kBAAhB,IAAgB,CAAd;AACrC,QAAM,WAAW;AACX,QAAA,EAAE,YAAY,OAAO,cAAyC;AAEpE,SACK,sBAAA,cAAA,uBAAA,iCAA0B,QAA1B;AAAA,IAAiC;AAAA,EAAA,IAC7B,sBAAA,cAAA,cAAA;AAAA,IAAa,SAAS,MAAM,SAAS,OAAO;AAAA,IAAG,cAAY;AAAA,EAAA,GACvD,sBAAA,cAAA,mBAAA;AAAA,IAAkB,MAAM;AAAA,IAAI,QAAQ,EAAE,MAAM,OAAO,SAAS,QAAQ;AAAA,EAAG,CAAA,CAC5E,CACJ;AAER;AAIA,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAM,eAAe,OAAO,MAAM;AAAA;AAAA,UAExB,CAAC,MAAA;;AACC,kBAAE,MAAM,kBAAR,mBAAuB,cACvB;AAAA,kBACM;AAAA,2BACS,QAAQ,QAAE,MAAM,UAAR,mBAAe,cAAc,QAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA,8BAGjD,cAAE,MAAM,kBAAR,mBAAuB,WAAvB,mBAA+B;AAAA;AAAA;AAAA;AAAA;AAAA;AAM7D,MAAM,oBAAoB,OAAO,WAAW;AAAA;AAAA;AAAA,kBAG1B,CAAC,MAAM;;AAAA,iBAAE,MAAM,WAAR,mBAAgB;AAAA;AAAA;AAAA;;"}

package/dist/index.js

@@ -0,0 +1,14 @@
+import { createReactComponent } from "@telia-ace/widget-ui";
+const CloseButtonComponent = (container) => {
+  return createReactComponent(container, "close-button", import("./close-button.js"), (component) => {
+    component.actions.create("close", (options = {}) => {
+      if (options.preventDefault) {
+        return;
+      }
+      const widget = container.get("$widget");
+      widget.invoke("close");
+    });
+  });
+};
+export { CloseButtonComponent as default };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/close-button-component.ts"],"sourcesContent":["import { createReactComponent } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\n\r\nexport type CloseButtonComponentProps = {\r\n    ariaLabel?: string;\r\n};\r\n\r\nconst CloseButtonComponent = (container: Container) => {\r\n    return createReactComponent(\r\n        container,\r\n        'close-button',\r\n        import('./close-button'),\r\n        (component) => {\r\n            // Action: 'close'\r\n            component.actions.create('close', (options = {}) => {\r\n                if (options.preventDefault) {\r\n                    return;\r\n                }\r\n\r\n                const widget = container.get('$widget');\r\n                widget.invoke('close');\r\n            });\r\n        }\r\n    );\r\n};\r\n\r\nexport default CloseButtonComponent;\r\n"],"names":[],"mappings":";AAOM,MAAA,uBAAuB,CAAC,cAAyB;AACnD,SAAO,qBACH,WACA,gBACA,OAAO,sBACP,CAAC,cAAc;AAEX,cAAU,QAAQ,OAAO,SAAS,CAAC,UAAU,CAAA,MAAO;AAChD,UAAI,QAAQ,gBAAgB;AACxB;AAAA,MACJ;AAEM,YAAA,SAAS,UAAU,IAAI,SAAS;AACtC,aAAO,OAAO,OAAO;AAAA,IAAA,CACxB;AAAA,EAAA,CAET;AACJ;;"}

package/package.json

@@ -1,31 +1,30 @@
 {
     "name": "@telia-ace/widget-components-close-button",
-    "version": "1.0.5",
+    "version": "1.0.6",
     "description": "Close button 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",
+    "module": "dist/index.js",
+    "types": "dist/index.d.ts",
     "files": [
         "LICENSE.txt",
         "README.md",
-        "lib/",
-        "lib-esm/"
+        "dist/"
     ],
     "publishConfig": {
         "access": "public"
     },
     "scripts": {
-        "clean": "cleandir lib && cleandir lib-esm",
-        "compile": "tsc -p tsconfig.cjs.json && tsc -p tsconfig.esm.json"
+        "clean": "rimraf ./dist",
+        "precompile": "tsc -emitDeclarationOnly",
+        "compile": "vite build"
     },
     "sideEffects": false,
-    "typings": "lib/index.d.ts",
     "dependencies": {
-        "@telia-ace/widget-ui": "^1.0.8",
+        "@telia-ace/widget-ui": "^1.0.9",
         "@webprovisions/platform": "^1.1.2"
     },
     "peerDependencies": {
@@ -38,5 +37,5 @@
         "@types/react-dom": "^16.8.0",
         "@types/styled-components": "^5.1.7"
     },
-    "gitHead": "bc33c441c82ee7fe946fc927b489d28cbc5c244a"
+    "gitHead": "2cb095d784f90b8a0783f02898c67ca3c46169cf"
 }

package/lib/close-button-component.d.ts

@@ -1,6 +0,0 @@
-import { Container } from '@webprovisions/platform';
-export declare type CloseButtonComponentProps = {
-    ariaLabel?: string;
-};
-declare const CloseButtonComponent: (container: Container) => Promise<void>;
-export default CloseButtonComponent;

package/lib/close-button-component.js

@@ -1,40 +0,0 @@
-"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 });
-var widget_ui_1 = require("@telia-ace/widget-ui");
-var CloseButtonComponent = function (container) {
-    return (0, widget_ui_1.createReactComponent)(container, 'close-button', Promise.resolve().then(function () { return __importStar(require('./close-button')); }), function (component) {
-        // Action: 'close'
-        component.actions.create('close', function (options) {
-            if (options === void 0) { options = {}; }
-            if (options.preventDefault) {
-                return;
-            }
-            var widget = container.get('$widget');
-            widget.invoke('close');
-        });
-    });
-};
-exports.default = CloseButtonComponent;

package/lib/close-button.d.ts

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

package/lib/close-button.js

@@ -1,73 +0,0 @@
-"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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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 styled_components_1 = __importStar(require("styled-components"));
-var CloseButton = function (_a) {
-    var className = _a.className, other = __rest(_a, ["className"]);
-    var dispatch = (0, widget_ui_1.useDispatch)();
-    var _b = (0, widget_ui_1.useProperties)().ariaLabel, ariaLabel = _b === void 0 ? '' : _b;
-    return (react_1.default.createElement(StyledButtonContainer, __assign({}, other, { className: className }),
-        react_1.default.createElement(StyledButton, { onClick: function () { return dispatch('close'); }, "aria-label": ariaLabel },
-            react_1.default.createElement(StyledSymbolBadge, { size: 12, symbol: { type: 'Svg', content: 'close' } }))));
-};
-exports.default = CloseButton;
-var StyledButtonContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    justify-content: flex-end;\n    align-items: flex-start;\n"], ["\n    display: flex;\n    justify-content: flex-end;\n    align-items: flex-start;\n"])));
-var StyledButton = (0, styled_components_1.default)(widget_ui_1.Button)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    &:focus {\n        ", ";\n    }\n"], ["\n    &:focus {\n        ", ";\n    }\n"])), function (p) {
-    var _a, _b, _c, _d, _e;
-    return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                ", "\n                padding: ", ";\n                line,\n                path {\n                    stroke: ", ";\n                }\n            "], ["\n                ", "\n                padding: ", ";\n                line,\n                path {\n                    stroke: ", ";\n                }\n            "])), widget_ui_1.borderTabStyle, "calc(".concat((_b = p.theme.sizes) === null || _b === void 0 ? void 0 : _b.small, " / 2) ").concat((_c = p.theme.sizes) === null || _c === void 0 ? void 0 : _c.small), (_e = (_d = p.theme.accessibility) === null || _d === void 0 ? void 0 : _d.colors) === null || _e === void 0 ? void 0 : _e.inactiveText);
-});
-var StyledSymbolBadge = (0, styled_components_1.default)(widget_ui_1.SymbolBadge)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    line,\n    path {\n        stroke: ", ";\n    }\n"], ["\n    line,\n    path {\n        stroke: ", ";\n    }\n"])), function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/lib/index.d.ts

@@ -1,2 +0,0 @@
-import CloseButtonComponent from './close-button-component';
-export default CloseButtonComponent;

package/lib/index.js

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

package/lib-esm/close-button-component.js

@@ -1,15 +0,0 @@
-import { createReactComponent } from '@telia-ace/widget-ui';
-var CloseButtonComponent = function (container) {
-    return createReactComponent(container, 'close-button', import('./close-button'), function (component) {
-        // Action: 'close'
-        component.actions.create('close', function (options) {
-            if (options === void 0) { options = {}; }
-            if (options.preventDefault) {
-                return;
-            }
-            var widget = container.get('$widget');
-            widget.invoke('close');
-        });
-    });
-};
-export default CloseButtonComponent;

package/lib-esm/close-button.js

@@ -1,45 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { borderTabStyle, Button, SymbolBadge, useDispatch, useProperties, } from '@telia-ace/widget-ui';
-import React from 'react';
-import styled, { css } from 'styled-components';
-var CloseButton = function (_a) {
-    var className = _a.className, other = __rest(_a, ["className"]);
-    var dispatch = useDispatch();
-    var _b = useProperties().ariaLabel, ariaLabel = _b === void 0 ? '' : _b;
-    return (React.createElement(StyledButtonContainer, __assign({}, other, { className: className }),
-        React.createElement(StyledButton, { onClick: function () { return dispatch('close'); }, "aria-label": ariaLabel },
-            React.createElement(StyledSymbolBadge, { size: 12, symbol: { type: 'Svg', content: 'close' } }))));
-};
-export default CloseButton;
-var StyledButtonContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    justify-content: flex-end;\n    align-items: flex-start;\n"], ["\n    display: flex;\n    justify-content: flex-end;\n    align-items: flex-start;\n"])));
-var StyledButton = styled(Button)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    &:focus {\n        ", ";\n    }\n"], ["\n    &:focus {\n        ", ";\n    }\n"])), function (p) {
-    var _a, _b, _c, _d, _e;
-    return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                ", "\n                padding: ", ";\n                line,\n                path {\n                    stroke: ", ";\n                }\n            "], ["\n                ", "\n                padding: ", ";\n                line,\n                path {\n                    stroke: ", ";\n                }\n            "])), borderTabStyle, "calc(".concat((_b = p.theme.sizes) === null || _b === void 0 ? void 0 : _b.small, " / 2) ").concat((_c = p.theme.sizes) === null || _c === void 0 ? void 0 : _c.small), (_e = (_d = p.theme.accessibility) === null || _d === void 0 ? void 0 : _d.colors) === null || _e === void 0 ? void 0 : _e.inactiveText);
-});
-var StyledSymbolBadge = styled(SymbolBadge)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    line,\n    path {\n        stroke: ", ";\n    }\n"], ["\n    line,\n    path {\n        stroke: ", ";\n    }\n"])), function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.text; });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/lib-esm/index.js

@@ -1,2 +0,0 @@
-import CloseButtonComponent from './close-button-component';
-export default CloseButtonComponent;