@splunk/react-ui 4.42.0 → 5.0.0-beta.2

package/Tooltip.js

@@ -110,8 +110,8 @@
         }
     }
     // CONCATENATED MODULE: external "@splunk/react-icons/SVGEnterprise"
-    const E = require("@splunk/react-icons/SVGEnterprise");
-    var O =  e.n(E);
+    const O = require("@splunk/react-icons/SVGEnterprise");
+    var E =  e.n(O);
     // CONCATENATED MODULE: ./src/Tooltip/InfoIcon.tsx
     function C() {
         return C = Object.assign ? Object.assign.bind() : function(e) {
@@ -128,7 +128,7 @@
         var t = (0, m.useSplunkTheme)(), n = t.family, o = t.density;
         if (n === "enterprise") {
             
-            return r().createElement(O(), C({
+            return r().createElement(E(), C({
                 screenReaderText: (0, b._)("Info Circle"),
                 viewBox: "0 0 24 24"
             }, e),  r().createElement("path", {
@@ -154,30 +154,30 @@
     }
     /* harmony default export */    const P = M;
     // CONCATENATED MODULE: external "styled-components"
-    const w = require("styled-components");
-    var S =  e.n(w);
+    const S = require("styled-components");
+    var w =  e.n(S);
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
     const k = require("@splunk/react-ui/Clickable");
     var R =  e.n(k);
     // CONCATENATED MODULE: ./src/Tooltip/TooltipStyles.ts
     var T = "16px";
-    var j = S().span.withConfig({
+    var j = w().span.withConfig({
         displayName: "TooltipStyles__Styled",
         componentId: "sc-67fvgm-0"
     })([ "", ";position:relative;" ], m.mixins.reset("block"));
-    var q = S().span.withConfig({
+    var q = w().span.withConfig({
         displayName: "TooltipStyles__StyledInline",
         componentId: "sc-67fvgm-1"
     })([ "", ";position:relative;" ], m.mixins.reset("inline-block"));
-    var A = S().span.withConfig({
+    var A = w().span.withConfig({
         displayName: "TooltipStyles__StyledToggle",
         componentId: "sc-67fvgm-2"
     })([ "display:block;" ]);
-    var L = S().span.withConfig({
+    var L = w().span.withConfig({
         displayName: "TooltipStyles__StyledToggleInline",
         componentId: "sc-67fvgm-3"
     })([ "display:inline-block;" ]);
-    var I = S().div.withConfig({
+    var I = w().div.withConfig({
         displayName: "TooltipStyles__StyledContent",
         componentId: "sc-67fvgm-4"
     })([ "padding:", ";font-size:", ";line-height:", ";user-select:none;" ], (0, m.pick)({
@@ -196,16 +196,16 @@
             true: "18px"
         })
     }));
-    var x = S()(R()).withConfig({
+    var x = w()(R()).withConfig({
         displayName: "TooltipStyles__StyledButton",
         componentId: "sc-67fvgm-5"
     })([ "cursor:default;", " ", " &:focus{box-shadow:", ";}" ], (0, m.pick)({
-        enterprise: (0, w.css)([ "display:inline-block;width:", ";height:", ";border:2px solid ", ";border-radius:", ";font-size:", ";font-weight:", ";line-height:calc(", " - 2px);text-align:center;color:", ";vertical-align:baseline;&:not([disabled]){&:hover{text-decoration:none;}}" ], T, T, m.variables.linkColor, T, m.variables.fontSizeSmall, m.variables.fontWeightSemiBold, T, m.variables.linkColor),
-        prisma: (0, w.css)([ "color:", ";border-radius:50%;display:inline-block;vertical-align:middle;&:hover,&:focus{color:", ";background:", ";}" ], m.variables.contentColorMuted, m.variables.contentColorActive, m.variables.interactiveColorOverlayHover)
+        enterprise: (0, S.css)([ "display:inline-block;width:", ";height:", ";border:2px solid ", ";border-radius:", ";font-size:", ";font-weight:", ";line-height:calc(", " - 2px);text-align:center;color:", ";vertical-align:baseline;&:not([disabled]){&:hover{text-decoration:none;}}" ], T, T, m.variables.contentColorLink, T, m.variables.fontSizeSmall, m.variables.fontWeightSemiBold, T, m.variables.contentColorLink),
+        prisma: (0, S.css)([ "color:", ";border-radius:50%;display:inline-block;vertical-align:middle;&:hover,&:focus{color:", ";background:", ";}" ], m.variables.contentColorMuted, m.variables.contentColorActive, m.variables.interactiveColorOverlayHover)
     }), (0, m.pick)({
         prisma: {
-            comfortable: (0, w.css)([ "padding:8px;" ]),
-            compact: (0, w.css)([ "padding:6px;" ])
+            comfortable: (0, S.css)([ "padding:8px;" ]),
+            compact: (0, S.css)([ "padding:6px;" ])
         }
     }), m.variables.focusShadow);
     // CONCATENATED MODULE: ./src/Tooltip/Tooltip.tsx
@@ -370,7 +370,7 @@
         closeWhen: a().oneOf([ "default", "notOnClick" ]),
         content: a().node,
         contentRelationship: a().oneOf([ "label", "description" ]),
-        defaultPlacement: a().oneOf([ "above", "below", "left", "right", "theme" ]),
+        defaultPlacement: a().oneOf([ "above", "below", "left", "right" ]),
         elementRef: a().oneOfType([ a().func, a().object ]),
         inline: a().bool,
         onRequestClose: a().func,
@@ -384,7 +384,7 @@
     var ne = {
         closeDelay: 300,
         closeWhen: "default",
-        defaultPlacement: "theme",
+        defaultPlacement: "above",
         inline: true,
         openDelay: "primary"
     };
@@ -653,52 +653,46 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, n = t.appearance, o = t.content, a = t.defaultPlacement, i = t.elementRef, l = t.inline, s = t.onRequestClose, u = t.onRequestOpen, c = t.splunkTheme, p = t.contentRelationship, d = t.renderAnchor, v = D(t, [ "appearance", "content", "defaultPlacement", "elementRef", "inline", "onRequestClose", "onRequestOpen", "splunkTheme", "contentRelationship", "renderAnchor" ]);
-                var m = this.state.anchorEl;
-                var y = !!o;
-                var b = this.isOpen();
-                var g = l ? q : j;
-                var E = c.isEnterprise;
-                var O = E ? "above" : "below";
-                var C = n;
-                if (n === undefined) {
-                    C = E ? "inverted" : "normal";
-                }
-                var M = this.createAnchor();
-                var P = y &&  r().createElement(h(), {
+                var t = this.props, n = t.appearance, o = t.content, a = t.defaultPlacement, i = t.elementRef, l = t.inline, s = t.onRequestClose, u = t.onRequestOpen, c = t.contentRelationship, p = t.renderAnchor, d = D(t, [ "appearance", "content", "defaultPlacement", "elementRef", "inline", "onRequestClose", "onRequestOpen", "contentRelationship", "renderAnchor" ]);
+                var v = this.state.anchorEl;
+                var m = !!o;
+                var y = this.isOpen();
+                var b = l ? q : j;
+                var g = this.createAnchor();
+                var O = m &&  r().createElement(h(), {
                     "aria-hidden": "true",
                     id: this.ariaId
                 }, o);
-                var w =  r().createElement(f(), {
+                var E =  r().createElement(f(), {
                     role: "tooltip",
                     align: "center",
-                    anchor: m,
+                    anchor: v,
                     animationConfig: {
                         tension: 400
                     },
-                    appearance: C,
+                    appearance: n,
                     closeReasons: [ "offScreen", "escapeKey" ],
-                    defaultPlacement: a === "theme" ? O : a,
+                    defaultPlacement: a,
                     id: this.popoverId,
-                    open: b,
+                    open: y,
                     onRequestClose: this.handlePopoverOnRequestClose,
                     elementRef: this.handlePopoverMount,
                     hitAreaRef: this.handleHitAreaMount,
                     outerRef: this.handlePopoverOuterMount
                 },  r().createElement(I, {
-                    $isLabel: p === "label"
+                    $isLabel: c === "label"
                 }, o));
-                if (d) {
+                if (p) {
                     
-                    return r().createElement(r().Fragment, null, M, P, w);
+                    return r().createElement(r().Fragment, null, g, O, E);
                 }
                 
-                return r().createElement(g, B({
+                return r().createElement(b, B({
                     "data-test": "tooltip",
-                    "data-test-open": b,
+                    "data-test-open": y,
                     "data-test-popover-id": this.popoverId,
                     ref: i
-                }, v), M, P, w);
+                }, d), g, O, E);
             }
         } ]);
         return o;