@splunk/react-ui 5.0.0 → 5.1.0

package/Layer.js

@@ -35,18 +35,6 @@
             /******/        };
         /******/    })();
     /******/
-    /******/ /* webpack/runtime/global */
-    /******/    (() => {
-        /******/ e.g = function() {
-            /******/ if (typeof globalThis === "object") return globalThis;
-            /******/            try {
-                /******/ return this || new Function("return this")();
-                /******/            } catch (e) {
-                /******/ if (typeof window === "object") return window;
-                /******/            }
-            /******/        }();
-        /******/    })();
-    /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
         /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
@@ -81,20 +69,20 @@
     // CONCATENATED MODULE: external "react"
     const n = require("react");
     var r =  e.n(n);
-    // CONCATENATED MODULE: external "react-dom"
-    const o = require("react-dom");
-    // CONCATENATED MODULE: external "prop-types"
-    const a = require("prop-types");
-    var i =  e.n(a);
     // CONCATENATED MODULE: external "lodash/includes"
-    const u = require("lodash/includes");
-    var l =  e.n(u);
+    const o = require("lodash/includes");
+    var a =  e.n(o);
     // CONCATENATED MODULE: external "lodash/last"
-    const c = require("lodash/last");
-    var s =  e.n(c);
+    const i = require("lodash/last");
+    var u =  e.n(i);
     // CONCATENATED MODULE: external "lodash/pull"
-    const f = require("lodash/pull");
-    var d =  e.n(f);
+    const l = require("lodash/pull");
+    var c =  e.n(l);
+    // CONCATENATED MODULE: external "prop-types"
+    const s = require("prop-types");
+    var f =  e.n(s);
+    // CONCATENATED MODULE: external "react-dom"
+    const d = require("react-dom");
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
     const v = require("@splunk/react-ui/EventListener");
     var y =  e.n(v);
@@ -104,6 +92,7 @@
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
     const h = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: ./src/Layer/LayerStack.tsx
+    /* global globalThis */
     /**
  * `LayerStackContext` is used to manage the array that `Layer` (and components that
  * depend on it, such as `Modal`) uses to determine the order of open layers.
@@ -112,33 +101,32 @@
     var g =  r().createContext([]);
     var b =  r().createContext({});
     var C = {
-        children: i().node,
-        name: i().string,
-        scope: i().object,
-        separateStackingContexts: i().bool
+        children: f().node,
+        name: f().string,
+        scope: f().object,
+        separateStackingContexts: f().bool
     };
-    /* global global */
     /**
  * A `LayerStackContext` provider that stores a shared layer stack using a global variable.
  * Applications should only use this provider if there's a known need to support multiple
  * instances of this library on the same page.
- */    function E(t) {
-        var o = t.children, a = t.name, i = a === void 0 ? "__splunkui_layer_instances__" : a, u = t.scope, l = u === void 0 ? typeof window !== "undefined" ? window : e.g : u, c = t.separateStackingContexts, s = c === void 0 ? false : c;
-        if (!l[i]) {
-            l[i] = [];
+ */    function E(e) {
+        var t = e.children, o = e.name, a = o === void 0 ? "__splunkui_layer_instances__" : o, i = e.scope, u = i === void 0 ? typeof window !== "undefined" ? window : globalThis : i, l = e.separateStackingContexts, c = l === void 0 ? false : l;
+        if (!u[a]) {
+            u[a] = [];
  // eslint-disable-line no-param-reassign
                 }
-        var f = (0, n.useMemo)((function() {
+        var s = (0, n.useMemo)((function() {
             return {
-                separateStackingContexts: s
+                separateStackingContexts: c
             };
-        }), [ s ]);
+        }), [ c ]);
         
         return r().createElement(g.Provider, {
-            value: l[i]
+            value: u[a]
         },  r().createElement(b.Provider, {
-            value: f
-        }, o));
+            value: s
+        }, t));
     }
     E.propTypes = C;
     // CONCATENATED MODULE: external "styled-components"
@@ -273,15 +261,15 @@
             clearTimeout(t);
         }
     };
-    function j() {
+    function O() {
         var e = typeof window !== "undefined" ? window : _;
         return e;
     }
-    var O = j();
-    /* harmony default export */    const P = O;
+    var P = O();
+    /* harmony default export */    const j = P;
     // CONCATENATED MODULE: ./src/Layer/Layer.tsx
     function M(e, t) {
-        return D(e) || F(e, t) || N(e, t) || I();
+        return F(e) || D(e, t) || N(e, t) || I();
     }
     function I() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -300,7 +288,7 @@
         }
         return r;
     }
-    function F(e, t) {
+    function D(e, t) {
         var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != n) {
             var r, o, a, i, u = [], l = !0, c = !1;
@@ -322,40 +310,40 @@
             return u;
         }
     }
-    function D(e) {
+    function F(e) {
         if (Array.isArray(e)) return e;
     }
     /** @public */
     /** @public */    var K = [ "clickAway", "escapeKey" ];
     var $ = {
-        children: i().node,
-        closeReasons: i().arrayOf(i().oneOf(K)),
-        onRequestClose: i().func,
-        open: i().bool
+        children: f().node,
+        closeReasons: f().arrayOf(f().oneOf(K)),
+        onRequestClose: f().func,
+        open: f().bool
     };
     var z = {
         passive: true
     };
     // we need a custom type here in order to set layerContainer as a property
         var B = function e(t) {
-        var a = t.children, i = t.closeReasons, u = i === void 0 ? K : i, c = t.open, f = t.onRequestClose;
+        var o = t.children, i = t.closeReasons, l = i === void 0 ? K : i, s = t.open, f = t.onRequestClose;
         var v = (0, n.useContext)(b), p = v.separateStackingContexts;
         var C = (0, n.useContext)(g);
         var E = (0, n.useRef)(null);
         var S = (0, n.useState)((0, h.createGUID)()), k = M(S, 1), w = k[0];
-        var q = m()(c);
+        var q = m()(s);
         (0, n.useEffect)((function() {
-            if (c && !q) {
+            if (s && !q) {
                 C.push(w);
-            } else if (q && !c) {
-                d()(C, w);
+            } else if (q && !s) {
+                c()(C, w);
             }
-        }), [ w, C, c, q ]);
+        }), [ w, C, s, q ]);
         // it is not part of the previous useEffect because it needs to be equivalent to componentWillUnmount
         // the previous useEffect will get re-run every time open and prevOpen change which is not what we want
                 (0, n.useEffect)((function() {
             return function() {
-                d()(C, w);
+                c()(C, w);
             };
         }), [ w, C ]);
         if (!e.layerContainer) {
@@ -378,56 +366,56 @@
                 }
             }
         }), []);
-        var j = (0, n.useCallback)((function(e) {
+        var O = (0, n.useCallback)((function(e) {
             var t = e.nativeEvent;
             E.current = t;
         }), []);
-        var O = (0, n.useCallback)((function(e) {
+        var P = (0, n.useCallback)((function(e) {
             // clicks inside the layer should not be considered clickAways
-            if (!c || !l()(u, "clickAway") || E.current === e) {
+            if (!s || !a()(l, "clickAway") || E.current === e) {
                 return;
             }
             f === null || f === void 0 ? void 0 : f({
                 event: e,
                 reason: "clickAway"
             });
-        }), [ u, c, f ]);
+        }), [ l, s, f ]);
         var I = (0, n.useCallback)((function(e) {
-            if (c && e.key === "Escape" && s()(C) === w && l()(u, "escapeKey")) {
+            if (s && e.key === "Escape" && u()(C) === w && a()(l, "escapeKey")) {
                 f === null || f === void 0 ? void 0 : f({
                     event: e,
                     reason: "escapeKey"
                 });
             }
-        }), [ u, w, C, c, f ]);
+        }), [ l, w, C, s, f ]);
         var N =  r().createElement(y(), {
-            target: P,
+            target: j,
             eventType: "fullscreenchange",
             listener: _,
             key: "fullScreenChange"
         });
-        if (c) {
-            var R =  (0, o.createPortal)( r().createElement(T, {
+        if (s) {
+            var R =  (0, d.createPortal)( r().createElement(T, {
                 $separateStackingContexts: p,
                 "data-test": "layer",
-                onMouseDown: j,
-                onTouchStart: j
-            }, a), e.layerContainer);
+                onMouseDown: O,
+                onTouchStart: O
+            }, o), e.layerContainer);
             
             return r().createElement(r().Fragment, null,  r().createElement(y(), {
-                target: P,
+                target: j,
                 eventType: "keydown",
                 listener: I,
                 key: "eventListenerKeydown"
             }),  r().createElement(y(), {
-                target: P,
+                target: j,
                 eventType: "mousedown",
-                listener: O,
+                listener: P,
                 key: "eventListenerMouseDown"
             }),  r().createElement(y(), {
-                target: P,
+                target: j,
                 eventType: "touchstart",
-                listener: O,
+                listener: P,
                 key: "eventListenerTouchStart",
                 options: z
             }), N, R);

package/Markdown.js

@@ -67,9 +67,9 @@
         MarkdownCodeBlock: () => /* reexport */ F,
         MarkdownHeading: () => /* reexport */ V,
         MarkdownImage: () => /* reexport */ ee,
-        MarkdownItem: () => /* reexport */ ge,
-        MarkdownLink: () => /* reexport */ ae,
-        MarkdownList: () => /* reexport */ ve,
+        MarkdownItem: () => /* reexport */ ie,
+        MarkdownLink: () => /* reexport */ pe,
+        MarkdownList: () => /* reexport */ ge,
         MarkdownParagraph: () => /* reexport */ ke,
         default: () => /* reexport */ We
     });
@@ -79,14 +79,14 @@
     // CONCATENATED MODULE: external "prop-types"
     const l = require("prop-types");
     var o =  e.n(l);
-    // CONCATENATED MODULE: external "styled-components"
-    const i = require("styled-components");
-    var a =  e.n(i);
     // CONCATENATED MODULE: external "react-markdown"
-    const u = require("react-markdown");
-    var c =  e.n(u);
+    const i = require("react-markdown");
+    var a =  e.n(i);
     // CONCATENATED MODULE: external "remark-gfm"
-    const s = require("remark-gfm");
+    const u = require("remark-gfm");
+    var c =  e.n(u);
+    // CONCATENATED MODULE: external "styled-components"
+    const s = require("styled-components");
     var f =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/react-ui/Prose"
     const d = require("@splunk/react-ui/Prose");
@@ -172,15 +172,15 @@
     // CONCATENATED MODULE: external "@splunk/themes"
     const k = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Markdown/MarkdownStyles.ts
-    var S = a().div.withConfig({
+    var S = f().div.withConfig({
         displayName: "MarkdownStyles__StyledCodeBlock",
         componentId: "sc-1xadih-0"
     })([ "", "" ], k.mixins.reset("block"));
-    var E = a().code.withConfig({
+    var E = f().code.withConfig({
         displayName: "MarkdownStyles__StyledCodeInline",
         componentId: "sc-1xadih-1"
     })([ "", ";font-size:inherit;font-family:", ";background-color:", ";" ], k.mixins.reset("inline"), k.variables.monoFontFamily, k.variables.neutral100);
-    var R = a().blockquote.withConfig({
+    var R = f().blockquote.withConfig({
         displayName: "MarkdownStyles__StyledHint",
         componentId: "sc-1xadih-2"
     })([ "", " padding:", ";border-left:10px solid ", ";>:last-child{margin-bottom:0;}" ], k.mixins.reset("block"), k.variables.spacingSmall, (0, 
@@ -374,24 +374,13 @@
         }, o));
     }
     /* harmony default export */    const ee = Z;
-    // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-    const re = require("@splunk/react-ui/Link");
+    // CONCATENATED MODULE: external "@splunk/react-ui/List"
+    const re = require("@splunk/react-ui/List");
     var ne =  e.n(re);
-    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownLink.tsx
-    function te() {
-        return te = Object.assign ? Object.assign.bind() : function(e) {
-            for (var r = 1; r < arguments.length; r++) {
-                var n = arguments[r];
-                for (var t in n) {
-                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
-                }
-            }
-            return e;
-        }, te.apply(null, arguments);
-    }
-    function le(e, r) {
+    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownItem.tsx
+    function te(e, r) {
         if (null == e) return {};
-        var n, t, l = oe(e, r);
+        var n, t, l = le(e, r);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (t = 0; t < o.length; t++) {
@@ -400,7 +389,7 @@
         }
         return l;
     }
-    function oe(e, r) {
+    function le(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -411,20 +400,18 @@
         }
         return n;
     }
-    function ie(e) {
-        var r = e.children, n = e.href, l = le(e, [ "children", "href" ]);
+    function oe(e) {
+        var r = e.children, n = te(e, [ "children" ]);
         
-        return t().createElement(ne(), te({
-            to: n
-        }, l), r);
+        return t().createElement(re.Item, n, r);
     }
-    /* harmony default export */    const ae = ie;
-    // CONCATENATED MODULE: external "@splunk/react-ui/List"
-    const ue = require("@splunk/react-ui/List");
-    var ce =  e.n(ue);
-    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownList.tsx
-    function se() {
-        return se = Object.assign ? Object.assign.bind() : function(e) {
+    /* harmony default export */    const ie = oe;
+    // CONCATENATED MODULE: external "@splunk/react-ui/Link"
+    const ae = require("@splunk/react-ui/Link");
+    var ue =  e.n(ae);
+    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownLink.tsx
+    function ce() {
+        return ce = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -432,11 +419,11 @@
                 }
             }
             return e;
-        }, se.apply(null, arguments);
+        }, ce.apply(null, arguments);
     }
-    function fe(e, r) {
+    function se(e, r) {
         if (null == e) return {};
-        var n, t, l = de(e, r);
+        var n, t, l = fe(e, r);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (t = 0; t < o.length; t++) {
@@ -445,7 +432,7 @@
         }
         return l;
     }
-    function de(e, r) {
+    function fe(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -456,15 +443,26 @@
         }
         return n;
     }
-    function pe(e) {
-        var r = e.children, n = e.ordered, l = fe(e, [ "children", "ordered" ]);
+    function de(e) {
+        var r = e.children, n = e.href, l = se(e, [ "children", "href" ]);
         
-        return t().createElement(ce(), se({}, l, {
-            ordered: n
-        }), r);
+        return t().createElement(ue(), ce({
+            to: n
+        }, l), r);
+    }
+    /* harmony default export */    const pe = de;
+    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownList.tsx
+    function ve() {
+        return ve = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var n = arguments[r];
+                for (var t in n) {
+                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
+                }
+            }
+            return e;
+        }, ve.apply(null, arguments);
     }
-    /* harmony default export */    const ve = pe;
-    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownItem.tsx
     function ye(e, r) {
         if (null == e) return {};
         var n, t, l = be(e, r);
@@ -488,9 +486,11 @@
         return n;
     }
     function me(e) {
-        var r = e.children, n = ye(e, [ "children" ]);
+        var r = e.children, n = e.ordered, l = ye(e, [ "children", "ordered" ]);
         
-        return t().createElement(ue.Item, n, r);
+        return t().createElement(ne(), ve({}, l, {
+            ordered: n
+        }), r);
     }
     /* harmony default export */    const ge = me;
     // CONCATENATED MODULE: external "@splunk/react-ui/Paragraph"
@@ -733,13 +733,13 @@
         
         return t().createElement(t().Fragment, null, r.children);
     };
-    var Qe = [ f() ];
+    var Qe = [ c() ];
     /**
  * The `Markdown` component renders the given Markdown text as a React component.
  * The component prefers @splunk/react-ui components over plain HTML components. For example
  * links are rendered as the `@splunk/react-ui/Link` component instead of plain `<a>` tag.
  */    function Ve(e) {
-        var r = e.blockquoteRenderer, l = e.codeBlockRenderer, o = e.codeRenderer, a = e.elementRef, u = e.headingRenderer, s = e.imageRenderer, f = e.itemRenderer, d = e.linkRenderer, v = e.listRenderer, y = e.paragraphRenderer, b = e.text, m = e.rendererOptions, g = $e(e, [ "blockquoteRenderer", "codeBlockRenderer", "codeRenderer", "elementRef", "headingRenderer", "imageRenderer", "itemRenderer", "linkRenderer", "listRenderer", "paragraphRenderer", "text", "rendererOptions" ]);
+        var r = e.blockquoteRenderer, l = e.codeBlockRenderer, o = e.codeRenderer, i = e.elementRef, u = e.headingRenderer, c = e.imageRenderer, f = e.itemRenderer, d = e.linkRenderer, v = e.listRenderer, y = e.paragraphRenderer, b = e.text, m = e.rendererOptions, g = $e(e, [ "blockquoteRenderer", "codeBlockRenderer", "codeRenderer", "elementRef", "headingRenderer", "imageRenderer", "itemRenderer", "linkRenderer", "listRenderer", "paragraphRenderer", "text", "rendererOptions" ]);
  // @docs-props-type MarkdownPropsBase
                 var h = (0, n.useCallback)((function(e) {
             var r, n;
@@ -765,7 +765,7 @@
         }), [ l, o ]);
         var O = (0, n.useMemo)((function() {
             return {
-                a: d || ae,
+                a: d || pe,
                 blockquote: r || T,
                 code: h,
                 h1: u || V,
@@ -774,12 +774,12 @@
                 h4: u || V,
                 h5: u || V,
                 h6: u || V,
-                img: s || ee,
-                li: f || ge,
-                ol: v || ve,
+                img: c || ee,
+                li: f || ie,
+                ol: v || ge,
                 p: y || ke,
                 pre: Ke,
-                ul: v || ve,
+                ul: v || ge,
                 table: Me,
                 thead: _e,
                 th: Be,
@@ -787,17 +787,17 @@
                 tr: He,
                 tbody: Te
             };
-        }), [ r, h, u, s, f, d, v, y ]);
+        }), [ r, h, u, c, f, d, v, y ]);
         
         return t().createElement(p(), Ue({
             "data-test": "markdown",
-            elementRef: a,
+            elementRef: i,
             elementSelectors: {
                 /* stylelint-disable */
-                pre: (0, i.css)([ ":is(", ")" ], S),
-                blockquote: (0, i.css)([ ":is(", ")" ], R)
+                pre: (0, s.css)([ ":is(", ")" ], S),
+                blockquote: (0, s.css)([ ":is(", ")" ], R)
                 /* stylelint-enable */            }
-        }, g),  t().createElement(c(), Ue({
+        }, g),  t().createElement(a(), Ue({
             remarkPlugins: Qe,
             components: O
         }, m), b));