@wireapp/react-ui-kit 9.15.3 → 9.16.0

package/lib/Form/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Form/Tooltip.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAA0B,SAAS,EAAmB,MAAM,OAAO,CAAC;AAsGrF,UAAU,YAAY,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IAC7D,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAID,eAAO,MAAM,OAAO,2BAA0B,YAAY,qDAiCzD,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Form/Tooltip.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAA0B,SAAS,EAAmB,MAAM,OAAO,CAAC;AAsHrF,UAAU,YAAY,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IAC7D,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAID,eAAO,MAAM,OAAO,2BAA0B,YAAY,qDAiCzD,CAAC"}

package/lib/Form/Tooltip.js

@@ -34,36 +34,43 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
 const react_dom_1 = require("react-dom");
 const util_1 = require("../util");
-const paddingTop = 6;
+const paddingDistance = 8;
 const tooltipStyle = theme => ({
-    position: 'absolute',
+    position: 'fixed',
     zIndex: '99999',
     maxWidth: '300px',
     filter: 'drop-shadow(1px 2px 6px rgba(0, 0, 0, 0.3))',
     borderRadius: '4px',
+    "&[data-position='top']": {
+        paddingBottom: `${paddingDistance}px`,
+        '.tooltip-arrow': {
+            borderTop: `10px solid ${theme.Tooltip.backgroundColor}`,
+            bottom: 0,
+        },
+    },
+    "&[data-position='bottom']": {
+        paddingTop: `${paddingDistance}px`,
+        '.tooltip-arrow': {
+            borderBottom: `10px solid ${theme.Tooltip.backgroundColor}`,
+            top: 0,
+        },
+    },
     '.tooltip-content': {
         color: theme.Tooltip.color,
         backgroundColor: theme.Tooltip.backgroundColor,
+        borderRadius: '4px',
         fontSize: '12px',
         lineHeight: '14px',
         fontWeight: 400,
-        padding: `${paddingTop}px 8px`,
+        padding: `${paddingDistance}px 8px`,
         textAlign: 'center',
     },
     '.tooltip-arrow': {
         width: 0,
         height: 0,
-        borderLeft: '6px solid transparent',
-        borderRight: '6px solid transparent',
+        borderLeft: '8px solid transparent',
+        borderRight: '8px solid transparent',
         position: 'absolute',
-        "&[data-position='top']": {
-            borderTop: `10px solid ${theme.Tooltip.backgroundColor}`,
-            bottom: '-6px',
-        },
-        "&[data-position='bottom']": {
-            borderBottom: `10px solid ${theme.Tooltip.backgroundColor}`,
-            top: '-6px',
-        },
     },
 });
 const PortalComponent = ({ children, bounding, selector = '#wire-app' }) => {
@@ -76,15 +83,15 @@ const PortalComponent = ({ children, bounding, selector = '#wire-app' }) => {
         if (!bounding || !element) {
             return;
         }
-        const isTouchingTopEdge = bounding.y <= element.clientHeight + paddingTop * 2;
+        const isTouchingTopEdge = bounding.y <= element.clientHeight + paddingDistance * 2;
         setIsTouchingTop(isTouchingTopEdge);
         const elementWidth = (element.scrollWidth - bounding.width) / 2;
         element.style.left = `${bounding.x - elementWidth}px`;
         if (isTouchingTopEdge) {
-            element.style.top = `${bounding.y + bounding.height + paddingTop}px`;
+            element.style.top = `${bounding.y + bounding.height}px`;
         }
         else {
-            element.style.top = `${bounding.y - element.clientHeight - paddingTop}px`;
+            element.style.top = `${bounding.y - element.clientHeight}px`;
         }
     };
     const tooltipArrowRef = (element) => {
@@ -96,9 +103,9 @@ const PortalComponent = ({ children, bounding, selector = '#wire-app' }) => {
             return;
         }
         const parentElementRect = parentElement.getBoundingClientRect();
-        element.style.left = `${parentElementRect.width / 2 - paddingTop}px`;
+        element.style.left = `${parentElementRect.width / 2 - paddingDistance}px`;
     };
-    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", { ref: tooltipRef, className: "tooltip", css: (theme) => tooltipStyle(theme), children: [(0, jsx_runtime_1.jsx)("div", { ref: tooltipArrowRef, className: "tooltip-arrow", "data-position": isTouchingTop ? 'bottom' : 'top' }), (0, jsx_runtime_1.jsx)("div", { className: "tooltip-content", "data-testid": "tooltip-content", children: children })] }), targetElement);
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", { ref: tooltipRef, className: "tooltip", css: (theme) => tooltipStyle(theme), "data-position": isTouchingTop ? 'bottom' : 'top', children: [(0, jsx_runtime_1.jsx)("div", { ref: tooltipArrowRef, className: "tooltip-arrow" }), (0, jsx_runtime_1.jsx)("div", { className: "tooltip-content", "data-testid": "tooltip-content", children: children })] }), targetElement);
 };
 const filterTooltipProps = (props) => (0, util_1.filterProps)(props, ['body']);
 const Tooltip = (_a) => {
@@ -108,7 +115,7 @@ const Tooltip = (_a) => {
     const filteredProps = filterTooltipProps(props);
     const { body, selector = '#wire-app' } = props;
     const onElementEnter = (event) => {
-        const boundingRect = event.target.getBoundingClientRect();
+        const boundingRect = event.currentTarget.getBoundingClientRect();
         setIsHovered(true);
         boundingRectRef.current = boundingRect;
     };

package/lib/Icon/StarIcon.d.ts

@@ -0,0 +1,3 @@
+import { SVGIconProps } from './SVGIcon';
+export declare const StarIcon: (props: SVGIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StarIcon.d.ts.map

package/lib/Icon/StarIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarIcon.d.ts","sourceRoot":"","sources":["../../src/Icon/StarIcon.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAU,YAAY,EAAC,MAAM,WAAW,CAAC;AAEhD,eAAO,MAAM,QAAQ,UAAW,YAAY,qDAI3C,CAAC"}

package/lib/Icon/StarIcon.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StarIcon = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/*
+ * Wire
+ * Copyright (C) 2024 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+const SVGIcon_1 = require("./SVGIcon");
+const StarIcon = (props) => ((0, jsx_runtime_1.jsx)(SVGIcon_1.SVGIcon, Object.assign({ realWidth: 12, realHeight: 12 }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M5.19036 0.612427C5.44371 -0.204142 6.55629 -0.204143 6.80964 0.612426L7.82903 3.89792H11.1477C11.97 3.89792 12.3138 4.98908 11.6505 5.49374L8.95944 7.54121L9.98352 10.8418C10.2364 11.6569 9.33636 12.3313 8.67113 11.8252L6 9.79289L3.32887 11.8252C2.66364 12.3313 1.76358 11.6569 2.01648 10.8418L3.04056 7.54121L0.349516 5.49374C-0.313779 4.98908 0.0299803 3.89792 0.852265 3.89792H4.17097L5.19036 0.612427Z" }) })));
+exports.StarIcon = StarIcon;

package/lib/Icon/index.d.ts

@@ -56,6 +56,7 @@ export * from './SettingsIcon';
 export * from './ShowIcon';
 export * from './SignIcon';
 export * from './SpeakerIcon';
+export * from './StarIcon';
 export * from './TeamIcon';
 export * from './TimedIcon';
 export * from './TrashIcon';

package/lib/Icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Icon/index.ts"],"names":[],"mappings":"AAmBA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,YAAY,CAAC;AAG3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Icon/index.ts"],"names":[],"mappings":"AAmBA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,YAAY,CAAC;AAG3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AAEpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}

package/lib/Icon/index.js

@@ -90,6 +90,7 @@ __exportStar(require("./SettingsIcon"), exports);
 __exportStar(require("./ShowIcon"), exports);
 __exportStar(require("./SignIcon"), exports);
 __exportStar(require("./SpeakerIcon"), exports);
+__exportStar(require("./StarIcon"), exports);
 __exportStar(require("./TeamIcon"), exports);
 __exportStar(require("./TimedIcon"), exports);
 __exportStar(require("./TrashIcon"), exports);

package/package.json

@@ -70,6 +70,6 @@
     "test:watch": "jest --watch",
     "test:update": "jest --updateSnapshot"
   },
-  "version": "9.15.3",
-  "gitHead": "d8eb493df0f85a485719486b44bcb8a79eac5962"
+  "version": "9.16.0",
+  "gitHead": "2b6f75db817bc8857a9ee9081fe1a99329eb9966"
 }