@telia-ace/widget-components-close-button 1.0.12 → 1.0.15

package/dist/close-button.d425f6cf.js

@@ -0,0 +1,67 @@
+var f = Object.defineProperty, h = Object.defineProperties;
+var p = Object.getOwnPropertyDescriptors;
+var i = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
+var r = (e, t, s) => t in e ? f(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, y = (e, t) => {
+  for (var s in t || (t = {}))
+    m.call(t, s) && r(e, s, t[s]);
+  if (i)
+    for (var s of i(t))
+      d.call(t, s) && r(e, s, t[s]);
+  return e;
+}, b = (e, t) => h(e, p(t));
+var u = (e, t) => {
+  var s = {};
+  for (var o in e)
+    m.call(e, o) && t.indexOf(o) < 0 && (s[o] = e[o]);
+  if (e != null && i)
+    for (var o of i(e))
+      t.indexOf(o) < 0 && d.call(e, o) && (s[o] = e[o]);
+  return s;
+};
+import { useDispatch as S, useProperties as $, Button as g, borderTabStyle as x, SymbolBadge as B } from "@telia-ace/widget-ui";
+import c from "react";
+import n, { css as k } from "styled-components";
+const L = (s) => {
+  var o = s, { className: e } = o, t = u(o, ["className"]);
+  const l = S(), { ariaLabel: a = "" } = $();
+  return /* @__PURE__ */ c.createElement(v, b(y({}, t), {
+    className: e
+  }), /* @__PURE__ */ c.createElement(z, {
+    onClick: () => l("close"),
+    "aria-label": a
+  }, /* @__PURE__ */ c.createElement(C, {
+    size: 12,
+    symbol: { type: "Svg", content: "close" }
+  })));
+}, v = n.div`
+    display: flex;
+    justify-content: flex-end;
+    align-items: flex-start;
+`, z = n(g)`
+    &:focus {
+        ${(e) => {
+  var t, s, o, l, a;
+  return ((t = e.theme.accessibility) == null ? void 0 : t.isTabbing) && k`
+                ${x}
+                padding: ${`calc(${(s = e.theme.sizes) == null ? void 0 : s.small} / 2) ${(o = e.theme.sizes) == null ? void 0 : o.small}`};
+                line,
+                path {
+                    stroke: ${(a = (l = e.theme.accessibility) == null ? void 0 : l.colors) == null ? void 0 : a.inactiveText};
+                }
+            `;
+}};
+    }
+`, C = n(B)`
+    line,
+    path {
+        stroke: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.text;
+}};
+    }
+`;
+export {
+  L as default
+};
+//# sourceMappingURL=close-button.d425f6cf.js.map

package/dist/close-button.d425f6cf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-button.d425f6cf.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,IAAgC,CAAC,MAA4B;AAA5B,aAAE,mBAAF,GAAgB,MAAhB,GAAgB,CAAd;AACrC,QAAM,IAAW,KACX,EAAE,eAAY,OAAO,EAAyC;AAEpE,SACK,kBAAA,cAAA,GAAA,QAA0B,IAA1B;AAAA,IAAiC;AAAA,EAAA,IAC7B,kBAAA,cAAA,GAAA;AAAA,IAAa,SAAS,MAAM,EAAS,OAAO;AAAA,IAAG,cAAY;AAAA,EAAA,GACvD,kBAAA,cAAA,GAAA;AAAA,IAAkB,MAAM;AAAA,IAAI,QAAQ,EAAE,MAAM,OAAO,SAAS,QAAQ;AAAA,EAAG,CAAA,CAC5E,CACJ;AAER,GAIM,IAAwB,EAAO;AAAA;AAAA;AAAA;AAAA,GAM/B,IAAe,EAAO,CAAM;AAAA;AAAA,UAExB,CAAC,MAAA;;AACC,iBAAE,MAAM,kBAAR,kBAAuB,cACvB;AAAA,kBACM;AAAA,2BACS,QAAQ,OAAE,MAAM,UAAR,kBAAe,cAAc,OAAE,MAAM,UAAR,kBAAe;AAAA;AAAA;AAAA,8BAGjD,YAAE,MAAM,kBAAR,kBAAuB,WAAvB,kBAA+B;AAAA;AAAA;AAAA;AAAA;AAAA,GAMvD,IAAoB,EAAO,CAAW;AAAA;AAAA;AAAA,kBAG1B,CAAC,MAAM;;AAAA,gBAAE,MAAM,WAAR,kBAAgB;AAAA;AAAA;AAAA;"}

package/dist/index.js

@@ -1,14 +1,12 @@
-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");
-    });
+import { createReactComponent as n } from "@telia-ace/widget-ui";
+const s = (t) => n(t, "close-button", import("./close-button.d425f6cf.js"), (e) => {
+  e.actions.create("close", (o = {}) => {
+    if (o.preventDefault)
+      return;
+    t.get("$widget").invoke("close");
   });
+});
+export {
+  s as default
 };
-export { CloseButtonComponent as default };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +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;;"}
+{"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,IAAuB,CAAC,MACnB,EACH,GACA,gBACA,OAAO,+BACP,CAAC,MAAc;AAEX,IAAU,QAAQ,OAAO,SAAS,CAAC,IAAU,CAAA,MAAO;AAChD,QAAI,EAAQ;AACR;AAIJ,IADe,EAAU,IAAI,SAAS,EAC/B,OAAO,OAAO;AAAA,EAAA,CACxB;AAAA,CAET;"}

package/package.json

@@ -1,13 +1,17 @@
 {
     "name": "@telia-ace/widget-components-close-button",
-    "version": "1.0.12",
+    "version": "1.0.15",
     "description": "Close button component for ACE Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
     "keywords": [
         "telia"
     ],
-    "module": "dist/index.js",
+    "exports": {
+        "development": "./src/index.ts",
+        "default": "./dist/index.js"
+    },
+    "type": "module",
     "types": "dist/index.d.ts",
     "files": [
         "LICENSE.txt",
@@ -24,7 +28,7 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@telia-ace/widget-ui": "^1.0.16",
+        "@telia-ace/widget-ui": "^1.0.19",
         "@webprovisions/platform": "^1.1.2"
     },
     "peerDependencies": {
@@ -37,5 +41,5 @@
         "@types/react-dom": "^16.8.0",
         "@types/styled-components": "^5.1.7"
     },
-    "gitHead": "5d218ae5e4d977d11d45f2d3e904497e1265af2b"
+    "gitHead": "126c3de892c9b6b93b38d3cb0909b9a6560b5209"
 }

package/dist/close-button.js

@@ -1,79 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;;"}