@splunk/react-ui 4.29.0 → 4.31.0

package/Accordion.js

@@ -330,6 +330,7 @@
         children: a().node,
         defaultOpenPanelId: a().any,
         elementRef: a().oneOfType([ a().func, a().object ]),
+        inset: a().bool,
         onChange: a().func,
         openPanelId: a().any
     };

package/CHANGELOG.md

@@ -1,15 +1,51 @@
 Change Log
 ============
 
+4.31.0 - May 16, 2024
+----------
+New Features:
+* `Divider` has a new `decorative` prop for disabling the default semantics of `role="separator"`.
+
+Bug Fixes: 
+* `SidePanel` incorrectly rendered the overlay mask when `useLayerForClickAway={false}`. This has been fixed (SUI-6260).
+
+4.30.0 - May 6, 2024
+----------
+New Features:
+* `Clickable`'s `NavigationProvider` now accepts a `transformUrl` prop for modifying the URL (SUI-5291).
+
+Bug Fixes:
+* `Table.Row` keyboard reordering now works correctly and provides accessible info (SUI-2527).
+* `Search`'s `aria-*` attributes have been corrected (SUI-6110):
+    * `aria-expanded` is no longer added when there are no `Option`s
+    * `aria-activedescendant` is no longer added when `Option`s are hidden or when no `Option` is active
+    * `aria-controls` now refers to the correct element
+* `Combobox` no longer adds the `aria-activedescendant` attribute when no `Option` is active (SUI-6110).
+* `Multiselect` with `compact` now applies `aria-multiselectable` and `aria-controls` to the correct element (SUI-6105).
+* `Multiselect` with `compact` no longer adds `aria-activedescendant` when `Option`s are hidden (SUI-6105).
+* `Paginator`'s font weights and text colors have been updated to improve the perceivability of the current page (SUI-5850).
+* `Text`'s `appearance` prop has been deprecated and will be removed in the next major version (SUI-5978).
+* `Message`'s `type` is now announced to screen readers (SUI-5949).
+* `Card` now has a visible focus indicator when selectable or clickable (SUI-2829).
+* `Date` can now be styled with `styled-components` (SUI-6168).
+* `Code`'s syntax highlighting colors in the Enterprise dark theme now have improved contrast (WCAG SC 1.4.3) (SUI-3573).
+* `StepBar`'s text color in the Enterprise light theme now has improved contrast (WCAG SC 1.4.3) (SUI-6198).
+* `Menu.Item`'s selected icon now aligns with the top of the label (SUI-6115).
+* Fixed a bug in `SingleOpenPanelGroup` where a `CollapsiblePanel` would fire the incorrect action callback (SUI-6239).
+
+Deprecations:
+* `NavigationProvider`'s `prefix` prop has been deprecated and will be removed in the next major version. Use the `transformUrl` prop instead. (SUI-6239)
+
 4.29.0 - April 2, 2024
 ----------
 Bug Fixes:
 * Removable `Chip` screen reader announcement has been improved (SUI-5948).
 * `ComboBox` no longer incorrectly sets the `aria-activedescendant` attribute when closed (SUI-6108).
 * `Multiselect` no longer announces incorrect available actions to screen readers (SUI-6009).
+* `Search` can now be styled with `styled-components`(SUI-5720).
 
-Docs: 
-`MessageBar` examples updated to demonstrate method for labelling the component to meet WAI-ARIA specification (SUI-5941).
+Docs:
+* `MessageBar` examples updated to demonstrate method for labelling the component to meet WAI-ARIA specification (SUI-5941).
 
 Deprecations:
 * `WaitSpinner`'s `children` prop has been deprecated and will be removed in the next major version (SUI-6081).
@@ -92,6 +128,7 @@ Bug Fixes:
 * `TextArea` has consistent height when rendering rows regardless if value is present.
 * Fixed spurious deprecation warnings for `canClear` and `placeholder` props in `TextArea`.
 * Fixed regression in `TextArea` where placeholder text could be cut off.
+* Improved the row drag and drop experience and performance by adopting `@dnd-kit` in `Table` component (SUI-5134).
 
 API Changes:
 * Corrected the type of `Modal`'s `initialFocus` prop to include `React.Component & { focus: () => void }` instead of  `React.Component & { focus: () => {} }`.
@@ -125,7 +162,6 @@ New Features:
 Bug Fixes:
 * The system color picker for `Color` no longer closes unexpectedly during color selection in Safari (SUI-5831).
 * `ComboBox`'s options are no longer clickable while closing (SUI-5825).
-* Improved the row drag and drop experience and performance by adopting `@dnd-kit` in `Table` component (SUI-5134).
 
 Deprecations:
 * `JSONTree`'s `expandChildren="withShiftModifier"` value has been deprecated and will be removed in a future major version. Use the `expandChildrenOnShiftKey` prop instead (SUI-5771).

package/Card.js

@@ -62,7 +62,7 @@
     // EXPORTS
         e.d(r, {
         Body: () => /* reexport */ m,
-        Footer: () => /* reexport */ S,
+        Footer: () => /* reexport */ k,
         Header: () => /* reexport */ Q,
         default: () => /* reexport */ Be
     });
@@ -224,7 +224,7 @@
     };
     /**
  * A styled container for `Card` footer content.
- */    function k(e) {
+ */    function S(e) {
         var r = e.children, t = e.showBorder, o = t === void 0 ? true : t, i = w(e, [ "children", "showBorder" ]);
         // @docs-props-type FooterPropsBase
                 
@@ -233,8 +233,8 @@
             $showTopBorder: o
         }, i), r);
     }
-    k.propTypes = x;
-    /* harmony default export */    const S = k;
+    S.propTypes = x;
+    /* harmony default export */    const k = S;
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
     const j = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/react-icons/DotsThreeVertical"
@@ -437,7 +437,7 @@
         prisma: (0, a.css)([ "box-shadow:", ";background-color:", ";" ], u.variables.embossShadow, u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlayHover))
     }), (0, u.pick)({
         enterprise: (0, a.css)([ "box-shadow:", ";" ], u.variables.focusShadow),
-        prisma: (0, a.css)([ "box-shadow:", ";background-color:", ";" ], u.variables.embossShadow, u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlayHover))
+        prisma: (0, a.css)([ "box-shadow:", ",", ";background-color:", ";" ], u.variables.embossShadow, u.variables.focusShadow, u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlayHover))
     }));
     var re = ee.withComponent(Y());
     /* A child element we add to <button>s to make flexbox work.
@@ -625,7 +625,7 @@
             var t = arguments[r] != null ? arguments[r] : {};
             if (r % 2) {
                 Oe(Object(t), true).forEach((function(r) {
-                    ke(e, r, t[r]);
+                    Se(e, r, t[r]);
                 }));
             } else if (Object.getOwnPropertyDescriptors) {
                 Object.defineProperties(e, Object.getOwnPropertyDescriptors(t));
@@ -637,7 +637,7 @@
         }
         return e;
     }
-    function ke(e, r, t) {
+    function Se(e, r, t) {
         if (r in e) {
             Object.defineProperty(e, r, {
                 value: t,
@@ -650,7 +650,7 @@
         }
         return e;
     }
-    function Se(e, r) {
+    function ke(e, r) {
         if (e == null) return {};
         var t = je(e, r);
         var n, o;
@@ -702,7 +702,7 @@
         return !!e.onClick || !!e.to;
     }
     function Te(e) {
-        var r = e.margin, t = e.maxWidth, n = e.minWidth, o = e.selected, i = e.showBorder, a = e.style, l = Se(e, [ "margin", "maxWidth", "minWidth", "selected", "showBorder", "style" ]);
+        var r = e.margin, t = e.maxWidth, n = e.minWidth, o = e.selected, i = e.showBorder, a = e.style, l = ke(e, [ "margin", "maxWidth", "minWidth", "selected", "showBorder", "style" ]);
         var c = xe({
             minWidth: n,
             maxWidth: t,
@@ -726,7 +726,7 @@
                 o[i] = arguments[i];
             }
             e = r.call.apply(r, [ this ].concat(o));
-            ke(he(e), "handleCardClick", (function(r) {
+            Se(he(e), "handleCardClick", (function(r) {
                 var t, n;
                 var o = e.props, i = o.selected, a = o.value;
                 (t = (n = e.props).onClick) === null || t === void 0 ? void 0 : t.call(n, r, {
@@ -742,7 +742,7 @@
                 if (_e(this.props)) {
                     var r = Te(this.props), t = ie(r, 2), o = t[0], i = t[1];
                     var a = o.selected, l = o.showBorder;
-                    var c = i.children, s = i.elementRef, u = i.onClick, p = i.openInNewContext, d = i.to, f = Se(i, [ "children", "elementRef", "onClick", "openInNewContext", "to" ]);
+                    var c = i.children, s = i.elementRef, u = i.onClick, p = i.openInNewContext, d = i.to, f = ke(i, [ "children", "elementRef", "onClick", "openInNewContext", "to" ]);
                     
                     return n().createElement(re, oe({
                         "data-clickable": true,
@@ -757,7 +757,7 @@
                 }
                 var b = Te(this.props), v = ie(b, 2), y = v[0], m = v[1];
                 var h = y.selected, g = y.showBorder;
-                var w = m.children, O = m.elementRef, x = Se(m, [ "children", "elementRef" ]);
+                var w = m.children, O = m.elementRef, x = ke(m, [ "children", "elementRef" ]);
                 
                 return n().createElement(ee, oe({
                     $selected: h,
@@ -768,11 +768,11 @@
         } ]);
         return t;
     }(t.Component);
-    ke(Ee, "propTypes", Ce);
-    ke(Ee, "defaultProps", Pe);
-    ke(Ee, "Header", Q);
-    ke(Ee, "Body", m);
-    ke(Ee, "Footer", S);
+    Se(Ee, "propTypes", Ce);
+    Se(Ee, "defaultProps", Pe);
+    Se(Ee, "Header", Q);
+    Se(Ee, "Body", m);
+    Se(Ee, "Footer", k);
     /* harmony default export */    const Be = Ee;
     // CONCATENATED MODULE: ./src/Card/index.ts
     module.exports = r;

package/Chip.js

@@ -99,7 +99,7 @@
     var $ = C().div.withConfig({
         displayName: "ChipStyles__StyledBasic",
         componentId: "sc-1sd3tsh-0"
-    })([ "", ";background-color:", ";border:1px solid transparent;flex:0 1 auto;max-width:calc(100% - 3px);border-radius:2px;", ";", " ", " ", "" ], b.mixins.reset("inline-flex"), (0, 
+    })([ "", ";background-color:", ";border:1px solid transparent;flex:0 1 auto;max-width:calc(100% - 3px);border-radius:2px;", " ", " ", "" ], b.mixins.reset("inline-flex"), (0, 
     b.pickVariant)("$appearance", {
         default: {
             enterprise: {
@@ -128,14 +128,14 @@
             var a = r.$backgroundColor;
             return a;
         }
-    }), (function(e) {
-        var r = e.$appearance;
-        return r === "outline" && (0, h.css)([ "border-color:", ";" ], b.variables.interactiveColorBorder);
     }), (0, b.pick)({
         enterprise: (0, h.css)([ "color:", ";line-height:", ";margin:0 2px 2px 0;" ], b.variables.textGray, b.variables.lineHeight),
-        prisma: (0, h.css)([ "color:", ";line-height:16px;margin:1px;" ], (function(e) {
+        prisma: (0, h.css)([ "color:", ";line-height:16px;margin:1px;", "" ], (function(e) {
             var r = e.$appearance;
             return r === "error" ? b.variables.contentColorInverted : b.variables.contentColorDefault;
+        }), (function(e) {
+            var r = e.$appearance;
+            return r === "outline" && (0, h.css)([ "border-color:", ";" ], b.variables.interactiveColorBorder);
         }))
     }), (0, b.pick)({
         enterprise: {

package/Clickable.js

@@ -63,8 +63,9 @@
         e.d(t, {
         NavigationContext: () => /* reexport */ h,
         NavigationProvider: () => /* reexport */ m,
-        default: () => /* reexport */ G,
-        isInternalLink: () => /* reexport */ z
+        default: () => /* reexport */ F,
+        isInternalLink: () => /* reexport */ z,
+        isRootRelativeLink: () => /* reexport */ L
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -76,10 +77,10 @@
     const l = require("lodash/has");
     // CONCATENATED MODULE: external "lodash/isString"
     const a = require("lodash/isString");
-    var c =  e.n(a);
+    var u =  e.n(a);
     // CONCATENATED MODULE: external "lodash/omit"
-    const u = require("lodash/omit");
-    var f =  e.n(u);
+    const c = require("lodash/omit");
+    var f =  e.n(c);
     // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
     const s = require("@splunk/react-ui/Dropdown");
     // CONCATENATED MODULE: external "styled-components"
@@ -88,33 +89,49 @@
     // CONCATENATED MODULE: external "@splunk/themes"
     const b = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Clickable/ClickableStyles.ts
-    var y = d().a.withConfig({
+    var v = d().a.withConfig({
         displayName: "ClickableStyles__StyledA",
         componentId: "sc-7al1vw-0"
     })([ "", " cursor:pointer;&[disabled],&[aria-disabled='true']{color:", ";}&::-moz-focus-inner{border:0;padding:0;}" ], b.mixins.reset("inline"), b.variables.contentColorDisabled);
     // CONCATENATED MODULE: ./src/Clickable/NavigationProvider.tsx
     /** @public */
-    var v = {
+    var y = {
         children: i().node,
         onClick: i().func,
-        prefix: i().string
+        prefix: i().string,
+        transformUrl: i().func
     };
     var h =  r().createContext({});
     /**
  * Used to provide an override for the `onClick` for links for single page applications so that
  * internal links can navigate without a page reload.
  */    function m(e) {
-        var t = e.children, n = e.onClick, o = e.prefix;
+        var t = e.children, o = e.onClick, i = e.prefix, l = e.transformUrl;
         // @docs-props-type NavigationProviderProps
-                
-        return r().createElement(h.Provider, {
-            value: {
-                onClick: n,
-                prefix: o
+                var a = (0, n.useMemo)((function() {
+            var e;
+            if (l != null) {
+                if (false) {}
+                e = l;
+            } else if (i != null) {
+                if (false) {}
+                e = function e() {
+                    var t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+                    var n = arguments.length > 1 ? arguments[1] : undefined, r = n.isInternal, o = n.isRootRelative;
+                    return i != null && r && o ? "".concat(i).concat(t) : t;
+                };
             }
+            return {
+                onClick: o,
+                transformUrl: e
+            };
+        }), [ o, i, l ]);
+        
+        return r().createElement(h.Provider, {
+            value: a
         }, t);
     }
-    m.propTypes = v;
+    m.propTypes = y;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -135,21 +152,21 @@
         }
     }
     // CONCATENATED MODULE: ./src/Clickable/Clickable.tsx
-    function O(e) {
+    function k(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            O = function e(t) {
+            k = function e(t) {
                 return typeof t;
             };
         } else {
-            O = function e(t) {
+            k = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return O(e);
+        return k(e);
     }
-    function k() {
-        k = Object.assign || function(e) {
+    function O() {
+        O = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var r in n) {
@@ -160,7 +177,7 @@
             }
             return e;
         };
-        return k.apply(this, arguments);
+        return O.apply(this, arguments);
     }
     function C(e, t) {
         if (e == null) return {};
@@ -203,12 +220,12 @@
             Object.defineProperty(e, r.key, r);
         }
     }
-    function P(e, t, n) {
+    function R(e, t, n) {
         if (t) j(e.prototype, t);
         if (n) j(e, n);
         return e;
     }
-    function S(e, t) {
+    function P(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -219,21 +236,21 @@
                 configurable: true
             }
         });
-        if (t) _(e, t);
+        if (t) S(e, t);
     }
-    function _(e, t) {
-        _ = Object.setPrototypeOf || function e(t, n) {
+    function S(e, t) {
+        S = Object.setPrototypeOf || function e(t, n) {
             t.__proto__ = n;
             return t;
         };
-        return _(e, t);
+        return S(e, t);
     }
-    function R(e) {
-        var t = T();
+    function _(e) {
+        var t = N();
         return function n() {
-            var r = q(e), o;
+            var r = M(e), o;
             if (t) {
-                var i = q(this).constructor;
+                var i = M(this).constructor;
                 o = Reflect.construct(r, arguments, i);
             } else {
                 o = r.apply(this, arguments);
@@ -242,18 +259,18 @@
         };
     }
     function I(e, t) {
-        if (t && (O(t) === "object" || typeof t === "function")) {
+        if (t && (k(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return N(e);
+        return T(e);
     }
-    function N(e) {
+    function T(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function T() {
+    function N() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -264,13 +281,13 @@
             return false;
         }
     }
-    function q(e) {
-        q = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function M(e) {
+        M = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return q(e);
+        return M(e);
     }
-    function E(e, t, n) {
+    function q(e, t, n) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: n,
@@ -283,11 +300,14 @@
         }
         return e;
     }
-    var M = /^[a-z0-9]+:/;
-    var D = /^\/\//;
-    var L = /^\//;
+    var E = /^[a-z0-9]+:/;
+    var U = /^\/\//;
+    var D = /^\//;
+    var L = function e(t) {
+        return t != null && D.test(t);
+    };
     var z = function e(t) {
-        return t != null && !M.test(t) && !D.test(t);
+        return t != null && !E.test(t) && !U.test(t);
     };
     var H = {
         /** @private */
@@ -307,30 +327,24 @@
     function A(e) {
         return !!e.to && !e.disabled;
     }
-    function B(e, t) {
-        if (t != null && z(e) && L.test(e)) {
-            return "".concat(t).concat(e);
-        }
-        return e;
-    }
     /**
  * `Clickable` renders as a `button` element, or as an `a` element if the `to` prop is set
  * and the `disabled` prop is `false`. This is called link mode.
- */    var F =  function(e) {
-        S(n, e);
-        var t = R(n);
+ */    var B =  function(e) {
+        P(n, e);
+        var t = _(n);
         // @docs-props-type ClickablePropsBase
         // should use ClickablePropsBase but fails on refs - observe
                 function n(e) {
             var r;
             x(this, n);
             r = t.call(this, e);
-            E(N(r), "el", null);
-            E(N(r), "handleMount", (function(e) {
+            q(T(r), "el", null);
+            q(T(r), "handleMount", (function(e) {
                 r.el = e;
                 g(r.props.elementRef, e);
             }));
-            E(N(r), "createHandleOnClick", (function(e) {
+            q(T(r), "createHandleOnClick", (function(e) {
                 return function(t) {
                     if (A(r.props)) {
                         // when user command-click on mac or ctrl-click on other platforms, and
@@ -346,24 +360,30 @@
                     if (r.props.onClick) {
                         r.props.onClick(t);
                     } else if (A(r.props) && e) {
-                        var n = r.context.prefix;
-                        var o = r.props.navigationLabel;
-                        if (!o && c()(r.props.children)) {
-                            o = r.props.children;
+                        var n = r.props.navigationLabel;
+                        if (!n && u()(r.props.children)) {
+                            n = r.props.children;
                         }
                         e(t, {
-                            to: B(r.props.to, n),
+                            to: r.getTransformedUrl(r.props.to),
                             originalTo: r.props.to,
                             openInNewContext: r.props.openInNewContext,
-                            label: o
+                            label: n
                         });
                     }
                 };
             }));
+            q(T(r), "getTransformedUrl", (function(e) {
+                var t = r.context.transformUrl;
+                return t != null ? t(e, {
+                    isInternal: z(e),
+                    isRootRelative: L(e)
+                }) : e;
+            }));
             if (false) {}
             return r;
         }
-        P(n, [ {
+        R(n, [ {
             key: "focus",
             /**
      * Place focus on the element.
@@ -375,54 +395,54 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.context, n = t.onClick, o = t.prefix;
-                var i = this.createHandleOnClick(n);
+                var t = this.context.onClick;
+                var n = this.createHandleOnClick(t);
  // Only set the href attribute when enabled, and therefore using an <a> tag
                                 if (A(this.props)) {
-                    var l = this.props, a = l.children, c = l.openInNewContext, u = l.to, s = C(l, [ "children", "openInNewContext", "to" ]);
-                    var p = c ? "_blank" : undefined;
-                    var d = c && z(u) ? "noopener noreferrer" : undefined;
+                    var o = this.props, i = o.children, l = o.openInNewContext, a = o.to, u = C(o, [ "children", "openInNewContext", "to" ]);
+                    var c = l ? "_blank" : undefined;
+                    var s = l && z(a) ? "noopener noreferrer" : undefined;
                     
-                    return r().createElement(y, k({
+                    return r().createElement(v, O({
                         "data-test": "clickable",
                         ref: this.handleMount,
-                        href: B(this.props.to, o),
-                        target: p,
-                        rel: d,
-                        onClick: i
-                    }, f()(s, "disabled", "elementRef", "onClick")), a);
+                        href: this.getTransformedUrl(this.props.to),
+                        target: c,
+                        rel: s,
+                        onClick: n
+                    }, f()(u, "disabled", "elementRef", "onClick")), i);
                 }
                 if (this.props.allowDisabledLink) {
-                    var b = this.props, v = b.children, h = C(b, [ "children" ]);
+                    var p = this.props, d = p.children, b = C(p, [ "children" ]);
                     if (this.props.disabled && this.props.to != null) {
                         
-                        return r().createElement(y, k({
+                        return r().createElement(v, O({
                             "data-test": "clickable",
                             ref: this.handleMount,
                             role: "link",
                             "aria-disabled": "true"
-                        }, f()(h, "href", "to", "elementRef", "onClick", "disabled")), v);
+                        }, f()(b, "href", "to", "elementRef", "onClick", "disabled")), d);
                     }
                 }
  // button variant
-                                var m = this.props, g = m.children, O = m.type, w = C(m, [ "children", "type" ]);
+                                var y = this.props, h = y.children, m = y.type, g = C(y, [ "children", "type" ]);
                 
-                return r().createElement(y, k({
+                return r().createElement(v, O({
                     as: "button",
                     "data-test": "clickable",
                     ref: this.handleMount,
-                    type: O || "button",
-                    onClick: i
-                }, f()(w, "elementRef", "onClick", "openInNewContext", "to")), g);
+                    type: m || "button",
+                    onClick: n
+                }, f()(g, "elementRef", "onClick", "openInNewContext", "to")), h);
             }
         } ]);
         return n;
     }(n.Component);
-    E(F, "contextType", h);
-    E(F, "propTypes", H);
-    E(F, "defaultProps", K);
-    E(F, s.legacyRefMode, true);
-    /* harmony default export */    const G = F;
+    q(B, "contextType", h);
+    q(B, "propTypes", H);
+    q(B, "defaultProps", K);
+    q(B, s.legacyRefMode, true);
+    /* harmony default export */    const F = B;
     // CONCATENATED MODULE: ./src/Clickable/index.ts
     module.exports = t;
     /******/})();