@telia-ace/widget-components-close-button 1.0.17 → 1.0.19-next.0

package/LICENSE.txt

@@ -1,6 +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:
+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

@@ -1,3 +1,3 @@
-# `@telia-ace/widget-components-close-button`
-
-Close button component for ACE Widgets.
+# `@telia-ace/widget-components-close-button`
+
+Close button component for ACE Widgets.

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

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

package/dist/close-button.cd48ea6e.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"close-button.cd48ea6e.js","sources":["../src/close-button.tsx"],"sourcesContent":["import {\n    borderTabStyle,\n    Button,\n    SymbolBadge,\n    useDispatch,\n    useProperties,\n} from '@telia-ace/widget-ui';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { CloseButtonComponentProps } from './close-button-component';\n\ntype Props = {\n    className: string;\n};\n\nconst CloseButton: React.FC<Props> = ({ className, ...other }) => {\n    const dispatch = useDispatch();\n    const { ariaLabel = '' } = useProperties<CloseButtonComponentProps>();\n\n    return (\n        <StyledButtonContainer {...other} className={className}>\n            <StyledButton onClick={() => dispatch('close')} aria-label={ariaLabel}>\n                <StyledSymbolBadge size={12} symbol={{ type: 'Svg', content: 'close' }} />\n            </StyledButton>\n        </StyledButtonContainer>\n    );\n};\n\nexport default CloseButton;\n\nconst StyledButtonContainer = styled.div`\n    display: flex;\n    justify-content: flex-end;\n    align-items: flex-start;\n`;\n\nconst StyledButton = styled(Button)`\n    &:focus-visible {\n        ${borderTabStyle}\n        padding: ${(p) => `calc(${p.theme.sizes?.small} / 2) ${p.theme.sizes?.small}`};\n        line,\n        path {\n            stroke: ${(p) => p.theme.accessibility?.colors?.inactiveText};\n        }\n    }\n`;\n\nconst StyledSymbolBadge = styled(SymbolBadge)`\n    line,\n    path {\n        stroke: ${(p) => p.theme.colors?.text};\n    }\n`;\n"],"names":["CloseButton","_a","_b","className","other","__objRest","dispatch","useDispatch","ariaLabel","useProperties","React","StyledButtonContainer","__spreadProps","__spreadValues","StyledButton","StyledSymbolBadge","styled","Button","borderTabStyle","p","SymbolBadge"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAMA,IAA+B,CAACC,MAA4B;AAA5B,MAAAC,IAAAD,GAAE,aAAAE,MAAFD,GAAgBE,IAAAC,EAAhBH,GAAgB,CAAd;AACpC,QAAMI,IAAWC,KACX,EAAE,WAAAC,IAAY,GAAG,IAAIC,EAAyC;AAEpE,SACK,gBAAAC,EAAA,cAAAC,GAAAC,EAAAC,EAAA,IAA0BT,IAA1B;AAAA,IAAiC,WAAAD;AAAA,EAAA,IAC7B,gBAAAO,EAAA,cAAAI,GAAA;AAAA,IAAa,SAAS,MAAMR,EAAS,OAAO;AAAA,IAAG,cAAYE;AAAA,EAAA,GACvD,gBAAAE,EAAA,cAAAK,GAAA;AAAA,IAAkB,MAAM;AAAA,IAAI,QAAQ,EAAE,MAAM,OAAO,SAAS,QAAQ;AAAA,EAAG,CAAA,CAC5E,CACJ;AAER,GAIMJ,IAAwBK,EAAO;AAAA;AAAA;AAAA;AAAA,GAM/BF,IAAeE,EAAOC,CAAM;AAAA;AAAA,UAExBC;AAAA,mBACS,CAACC,MAAM;;AAAA,kBAAQlB,IAAAkB,EAAE,MAAM,UAAR,gBAAAlB,EAAe,eAAcC,IAAAiB,EAAE,MAAM,UAAR,gBAAAjB,EAAe;AAAA;AAAA;AAAA;AAAA,sBAGxD,CAACiB,MAAA;;AAAM,UAAAjB,KAAAD,IAAAkB,EAAE,MAAM,kBAAR,gBAAAlB,EAAuB,WAAvB,gBAAAC,EAA+B;AAAA;AAAA;AAAA;AAAA,GAKtDa,IAAoBC,EAAOI,CAAW;AAAA;AAAA;AAAA,kBAG1B,CAACD,MAAM;;AAAA,UAAAlB,IAAAkB,EAAE,MAAM,WAAR,gBAAAlB,EAAgB;AAAA;AAAA;AAAA;"}

package/dist/close-button.d.ts

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

package/dist/index.d.ts

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

package/dist/index.js

@@ -1,11 +1,16 @@
 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");
-  });
-});
+const s = (t) => n(
+  t,
+  "close-button",
+  import("./close-button.cd48ea6e.js"),
+  (e) => {
+    e.actions.create("close", (o = {}) => {
+      if (o.preventDefault)
+        return;
+      t.get("$widget").invoke("close");
+    });
+  }
+);
 export {
   s as default
 };

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,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;"}
+{"version":3,"file":"index.js","sources":["../src/close-button-component.ts"],"sourcesContent":["import { createReactComponent } from '@telia-ace/widget-ui';\nimport { Container } from '@webprovisions/platform';\n\nexport type CloseButtonComponentProps = {\n    ariaLabel?: string;\n};\n\nconst CloseButtonComponent = (container: Container) => {\n    return createReactComponent(\n        container,\n        'close-button',\n        import('./close-button'),\n        (component) => {\n            // Action: 'close'\n            component.actions.create('close', (options = {}) => {\n                if (options.preventDefault) {\n                    return;\n                }\n\n                const widget = container.get('$widget');\n                widget.invoke('close');\n            });\n        }\n    );\n};\n\nexport default CloseButtonComponent;\n"],"names":["CloseButtonComponent","container","createReactComponent","component","options"],"mappings":";AAOM,MAAAA,IAAuB,CAACC,MACnBC;AAAA,EACHD;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,CAACE,MAAc;AAEX,IAAAA,EAAU,QAAQ,OAAO,SAAS,CAACC,IAAU,CAAA,MAAO;AAChD,UAAIA,EAAQ;AACR;AAIJ,MADeH,EAAU,IAAI,SAAS,EAC/B,OAAO,OAAO;AAAA,IAAA,CACxB;AAAA,EACL;AAAA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/widget-components-close-button",
-    "version": "1.0.17",
+    "version": "1.0.19-next.0",
     "description": "Close button component for ACE Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -8,6 +8,7 @@
         "telia"
     ],
     "main": "dist/index.js",
+    "sourceMain": "src/index.ts",
     "type": "module",
     "types": "dist/index.d.ts",
     "files": [
@@ -25,18 +26,17 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@telia-ace/widget-ui": "^1.0.21",
+        "@telia-ace/widget-ui": "^1.0.23-next.1",
         "@webprovisions/platform": "^1.1.2"
     },
     "peerDependencies": {
-        "react": "^16.8.0",
-        "react-dom": "^16.8.0",
-        "styled-components": "^4.3.2"
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "styled-components": "^5.3.6"
     },
     "devDependencies": {
-        "@types/react": "^16.8.0",
-        "@types/react-dom": "^16.8.0",
-        "@types/styled-components": "^5.1.7"
+        "@types/react-dom": "^18.0.6",
+        "@types/styled-components": "^5.1.26"
     },
-    "gitHead": "187396559955650eb5545c4fc4540b16658bcff0"
+    "gitHead": "d475a1626b7bec7add7db950829ef7943a9e0e25"
 }

package/dist/close-button.d425f6cf.js

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

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