@telia-ace/widget-components-close-button 1.0.31 → 1.1.1-rc.0

package/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("./index-9afe331a.js");require("react/jsx-runtime");require("react");require("react-dom");module.exports=e.CloseButtonComponent;

package/index.mjs

@@ -0,0 +1,7 @@
+import { e } from "./index-d8df022f.mjs";
+import "react/jsx-runtime";
+import "react";
+import "react-dom";
+export {
+  e as default
+};

package/package.json

@@ -1,47 +1,22 @@
 {
   "name": "@telia-ace/widget-components-close-button",
-  "version": "1.0.31",
-  "description": "Close button component for ACE Widgets.",
-  "license": "SEE LICENSE IN LICENSE.txt",
-  "author": "Telia Company AB",
-  "keywords": [
-    "telia"
-  ],
-  "main": "dist/index.js",
-  "sourceMain": "src/index.ts",
-  "type": "module",
-  "types": "dist/index.d.ts",
-  "files": [
-    "LICENSE.txt",
-    "README.md",
-    "dist/"
-  ],
-  "publishConfig": {
-    "access": "public"
+  "version": "1.1.1-rc.0",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
   },
-  "sideEffects": false,
   "dependencies": {
-    "@telia-ace/widget-ui": "1.0.35",
-    "@webprovisions/platform": "^1.1.3"
+    "@telia-ace/widget-ui": "^1.1.1-rc.0",
+    "@telia-ace/widget-core": "^1.1.1-rc.0",
+    "@webprovisions/platform": "^1.1.4"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "devDependencies": {
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "@telia-ace/widget-core": "1.0.28",
-    "@telia-ace/widget-developer-tools": "1.0.23",
-    "@types/react": "^18.0.27",
-    "@types/react-dom": "^18.0.10",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "scripts": {
-    "clean": "rimraf ./dist",
-    "build": "rimraf ./dist && tsc -emitDeclarationOnly && vite build"
+    "@emotion/styled": "11.11.0",
+    "react": "18.2.0",
+    "@emotion/react": "11.11.1"
   }
 }

package/LICENSE.txt

@@ -1,6 +0,0 @@
-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 +0,0 @@
-# `@telia-ace/widget-components-close-button`
-
-Close button component for ACE Widgets.

package/dist/close-button-1dac931a.js

@@ -1,60 +0,0 @@
-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 i from "@emotion/styled";
-import { useDispatch as S, useProperties as x, Button as B, borderTabStyle as $, SymbolBadge as g } from "@telia-ace/widget-ui";
-import a from "react";
-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-1dac931a.js.map

package/dist/close-button-1dac931a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"close-button-1dac931a.js","sources":["../src/close-button.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {\n    borderTabStyle,\n    Button,\n    SymbolBadge,\n    useDispatch,\n    useProperties,\n} from '@telia-ace/widget-ui';\nimport React from 'react';\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;AAGhE,SAAA,gBAAAC,EAAA,cAACC,GAAuBC,EAAAC,EAAA,IAAGT,IAAH,EAAU,WAAAD,EAAA,IAC7B,gBAAAO,EAAA,cAAAI,GAAA,EAAa,SAAS,MAAMR,EAAS,OAAO,GAAG,cAAYE,KACvD,gBAAAE,EAAA,cAAAK,GAAA,EAAkB,MAAM,IAAI,QAAQ,EAAE,MAAM,OAAO,SAAS,QAAA,EAAW,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/index.js

@@ -1,17 +0,0 @@
-import { createReactComponent as n } from "@telia-ace/widget-ui";
-const r = (t) => n(
-  t,
-  "close-button",
-  import("./close-button-1dac931a.js"),
-  (e) => {
-    e.actions.create("close", (o = {}) => {
-      if (o.preventDefault)
-        return;
-      t.get("$widget").invoke("close");
-    });
-  }
-), i = r;
-export {
-  i as default
-};
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"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","CloseButtonComponent$1"],"mappings":";AAOA,MAAMA,IAAuB,CAACC,MACnBC;AAAA,EACHD;AAAA,EACA;AAAA,EACA,OAAO,4BAAgB;AAAA,EACvB,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,GAIRI,IAAeL;"}