@splunk/react-ui 5.0.0-rc.2 → 5.1.0

package/Chip.js

@@ -75,20 +75,20 @@
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
     const s = require("@splunk/react-ui/ScreenReaderContent");
     var c =  e.n(s);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const u = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/ui-utils/color"
-    const d = require("@splunk/ui-utils/color");
+    const u = require("@splunk/ui-utils/color");
     // CONCATENATED MODULE: external "@splunk/ui-utils/format"
-    const v = require("@splunk/ui-utils/format");
+    const d = require("@splunk/ui-utils/format");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const v = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "styled-components"
     const p = require("styled-components");
     var f =  e.n(p);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const b = require("@splunk/react-ui/Clickable");
-    var m =  e.n(b);
     // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
-    const y = require("@splunk/react-icons/Cross");
+    const b = require("@splunk/react-icons/Cross");
+    var m =  e.n(b);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
+    const y = require("@splunk/react-ui/Clickable");
     var g =  e.n(y);
     // CONCATENATED MODULE: external "@splunk/themes"
     const C = require("@splunk/themes");
@@ -127,7 +127,7 @@
         displayName: "ChipStyles__StyledIcon",
         componentId: "sc-1sd3tsh-1"
     })([ "display:grid;grid-column:icon;" ]);
-    var k = f()(g()).withConfig({
+    var k = f()(m()).withConfig({
         displayName: "ChipStyles__StyledRemoveIcon",
         componentId: "sc-1sd3tsh-2"
     })([ "grid-column:remove;" ]);
@@ -135,7 +135,7 @@
         displayName: "ChipStyles__StyledLabel",
         componentId: "sc-1sd3tsh-3"
     })([ "", " grid-column:label;" ], C.mixins.ellipsis());
-    var R = f()(m()).withConfig({
+    var R = f()(g()).withConfig({
         displayName: "ChipStyles__StyledClickable",
         componentId: "sc-1sd3tsh-4"
     })([ "", " cursor:pointer;", ";", "" ], h, (0, C.pickVariant)("$icon", {
@@ -254,8 +254,8 @@
     function T(e) {
         var r = e.appearance, n = e.backgroundColor, o = e.disabled, a = e.foregroundColor, t = e.icon, l = N(e, [ "appearance", "backgroundColor", "disabled", "foregroundColor", "icon" ]);
  // Validate that the color being rendered into the CSS is restricted to only values that are of CSS type <color>.
-                var i = a && (0, d.isCSSColor)(a) ? a : undefined;
-        var s = n && (0, d.isCSSColor)(n) ? n : undefined;
+                var i = a && (0, u.isCSSColor)(a) ? a : undefined;
+        var s = n && (0, u.isCSSColor)(n) ? n : undefined;
         var c = {
             "data-test": "chip",
             $appearance: r || (s ? "custom" : "default"),
@@ -268,12 +268,12 @@
     }
     function M(e) {
         var r = T(e), a = q(r, 2), l = a[0], i = a[1];
-        var s = l.$appearance, d = l.$foregroundColor, p = l.disabled, f = p === void 0 ? false : p, b = l.icon, m = N(l, [ "$appearance", "$foregroundColor", "disabled", "icon" ]);
+        var s = l.$appearance, u = l.$foregroundColor, p = l.disabled, f = p === void 0 ? false : p, b = l.icon, m = N(l, [ "$appearance", "$foregroundColor", "disabled", "icon" ]);
         var y = i.children, g = i.elementRef, C = i.onRequestRemove, h = i.value, S = N(i, [ "children", "elementRef", "onRequestRemove", "value" ]);
         var _ = typeof y === "string";
-        var j = _ ? (0, v.sprintf)((0, u._)("Remove %(children)s"), {
+        var j = _ ? (0, d.sprintf)((0, v._)("Remove %(children)s"), {
             children: y
-        }) : (0, u._)("Remove");
+        }) : (0, v._)("Remove");
         var I = (0, n.useCallback)((function(e) {
             C(e, {
                 value: h
@@ -284,7 +284,7 @@
             $appearance: s,
             $icon: !!b,
             $disabled: f,
-            $foregroundColor: d,
+            $foregroundColor: u,
             "data-test-value": h,
             disabled: f ? "disabled" : undefined,
             elementRef: g,

package/Clickable.js

@@ -70,16 +70,16 @@
     // CONCATENATED MODULE: external "react"
     const r = require("react");
     var t =  e.n(r);
-    // CONCATENATED MODULE: external "prop-types"
-    const i = require("prop-types");
-    var a =  e.n(i);
     // CONCATENATED MODULE: external "lodash/has"
-    const o = require("lodash/has");
+    const i = require("lodash/has");
     // CONCATENATED MODULE: external "lodash/isString"
-    const l = require("lodash/isString");
-    var u =  e.n(l);
+    const a = require("lodash/isString");
+    var o =  e.n(a);
     // CONCATENATED MODULE: external "lodash/omit"
-    const d = require("lodash/omit");
+    const l = require("lodash/omit");
+    var u =  e.n(l);
+    // CONCATENATED MODULE: external "prop-types"
+    const d = require("prop-types");
     var c =  e.n(d);
     // CONCATENATED MODULE: external "styled-components"
     const s = require("styled-components");
@@ -94,10 +94,10 @@
     // CONCATENATED MODULE: ./src/Clickable/NavigationProvider.tsx
     /** @public */
     var p = {
-        children: a().node,
-        onClick: a().func,
-        onLinkClick: a().func,
-        transformUrl: a().func
+        children: c().node,
+        onClick: c().func,
+        onLinkClick: c().func,
+        transformUrl: c().func
     };
     var m =  t().createContext({});
     /**
@@ -182,13 +182,13 @@
         return n != null && !h.test(n) && !w.test(n);
     };
     var x = {
-        children: a().node,
-        disabled: a().oneOfType([ a().bool, a().oneOf([ "dimmed", "disabled" ]) ]),
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        onClick: a().func,
-        openInNewContext: a().bool,
-        navigationLabel: a().string,
-        to: a().oneOfType([ a().string, a().oneOf([ undefined ]) ])
+        children: c().node,
+        disabled: c().oneOfType([ c().bool, c().oneOf([ "dimmed", "disabled" ]) ]),
+        elementRef: c().oneOfType([ c().func, c().object ]),
+        onClick: c().func,
+        openInNewContext: c().bool,
+        navigationLabel: c().string,
+        to: c().oneOfType([ c().string, c().oneOf([ undefined ]) ])
     };
     function L(e) {
         return e !== undefined;
@@ -199,7 +199,7 @@
  */    var I =  t().forwardRef((function(e, 
     // SUI-7623 - needs to be specified for react-docgen versions less than 7.1.0
     n) {
-        var i = e.children, a = e.disabled, o = e.elementRef, l = e.navigationLabel, d = e.onClick, s = e.openInNewContext, f = e.tag, v = e.to, p = g(e, [ "children", "disabled", "elementRef", "navigationLabel", "onClick", "openInNewContext", "tag", "to" ]);
+        var i = e.children, a = e.disabled, l = e.elementRef, d = e.navigationLabel, c = e.onClick, s = e.openInNewContext, f = e.tag, v = e.to, p = g(e, [ "children", "disabled", "elementRef", "navigationLabel", "onClick", "openInNewContext", "tag", "to" ]);
         // @docs-props-type ClickablePropsBase
                 var y = (0, r.useContext)(m), O = y.onClick, h = y.onLinkClick, w = y.transformUrl;
         (0, r.useEffect)((function() {
@@ -208,9 +208,9 @@
             // eslint-disable-next-line react-hooks/exhaustive-deps
                 }), []);
         var P = (0, r.useCallback)((function(e) {
-            k(o, e);
+            k(l, e);
             k(n, e);
-        }), [ o, n ]);
+        }), [ l, n ]);
         // memoizing this result causes TS to lose track of the type guard established by isLinkCheck
                 var x = L(v);
         // ideally we wouldn't need to pass "to" as "toValue" here
@@ -234,11 +234,11 @@
                     return;
                 }
             }
-            d === null || d === void 0 ? void 0 : d(e);
-            var n = d == null && O != null;
+            c === null || c === void 0 ? void 0 : c(e);
+            var n = c == null && O != null;
             if (x && (n || h != null)) {
-                var r = l;
-                if (!r && u()(i)) {
+                var r = d;
+                if (!r && o()(i)) {
                     r = i;
                 }
                 var t = {
@@ -252,7 +252,7 @@
                 }
                 h === null || h === void 0 ? void 0 : h(e, t);
             }
-        }), [ i, I, x, l, d, O, h, s, v ]);
+        }), [ i, I, x, d, c, O, h, s, v ]);
         // Only set the href attribute when enabled and therefore using an <a> tag
                 if (x && f !== "button") {
             if (a) {
@@ -275,7 +275,7 @@
                 target: T,
                 rel: q,
                 onClick: R
-            }, c()(p)), i);
+            }, u()(p)), i);
         }
         // button variant
                 var N = a === true || a === "dimmed" || undefined;
@@ -294,8 +294,8 @@
             ref: P,
             type: "button",
             disabled: a === "disabled",
-            onClick: d && !a ? R : undefined
-        }, c()(p, "disabled")), i);
+            onClick: c && !a ? R : undefined
+        }, u()(p, "disabled")), i);
     }));
     I.propTypes = x;
     /* harmony default export */    const R = I;