@splunk/react-ui 4.25.0 → 4.27.0

package/Breadcrumbs.js

@@ -61,7 +61,8 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        Item: () => /* reexport */ h,
+        BreadcrumbsContext: () => /* reexport */ E,
+        Item: () => /* reexport */ O,
         default: () => /* reexport */ q
     });
     // CONCATENATED MODULE: external "react"
@@ -74,14 +75,14 @@
     const l = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "styled-components"
     const i = require("styled-components");
-    var s =  e.n(i);
+    var c =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/themes"
     const u = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-    const c = require("@splunk/react-ui/Link");
-    var f =  e.n(c);
+    const s = require("@splunk/react-ui/Link");
+    var f =  e.n(s);
     // CONCATENATED MODULE: ./src/Breadcrumbs/ItemStyles.ts
-    var d = s()(f()).withConfig({
+    var d = c()(f()).withConfig({
         displayName: "ItemStyles__StyledLink",
         componentId: "sc-1ywtawf-0"
     })([ "display:flex;align-items:center;gap:", ";white-space:nowrap;color:", ";&:where(:hover,:focus):not([disabled],[aria-disabled='true']){color:", ";}" ], u.variables.spacingXSmall, u.variables.contentColorDefault, u.variables.contentColorActive);
@@ -102,7 +103,7 @@
     }
     function b(e, r) {
         if (e == null) return {};
-        var t = m(e, r);
+        var t = v(e, r);
         var n, a;
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
@@ -115,7 +116,7 @@
         }
         return t;
     }
-    function m(e, r) {
+    function v(e, r) {
         if (e == null) return {};
         var t = {};
         var n = Object.keys(e);
@@ -127,7 +128,7 @@
         }
         return t;
     }
-    var v = Object.freeze({
+    var m = Object.freeze({
         allowDisabledLink: true,
         disabled: true,
         to: ""
@@ -138,6 +139,7 @@
         endAdornment: o().node,
         isCurrent: o().bool,
         label: o().string.isRequired,
+        onClick: o().func,
         startAdornment: o().node,
         to: o().string.isRequired
     };
@@ -145,42 +147,56 @@
         enableCurrentPage: false,
         isCurrent: false
     };
-    function O(e) {
-        var r = e.enableCurrentPage, t = e.endAdornment, a = e.isCurrent, o = e.label, l = e.startAdornment, i = e.to, s = b(e, [ "enableCurrentPage", "endAdornment", "isCurrent", "label", "startAdornment", "to" ]);
+    function C(e) {
+        var r = e.enableCurrentPage, a = e.endAdornment, o = e.isCurrent, l = e.label, i = e.onClick, c = e.startAdornment, u = e.to, s = b(e, [ "enableCurrentPage", "endAdornment", "isCurrent", "label", "onClick", "startAdornment", "to" ]);
         // @docs-props-type ItemPropsBase
-                var u = {
-            to: i
+                var f = (0, t.useContext)(E), v = f.onClick;
+        var y = {
+            to: u
         };
-        if (a) {
-            u["aria-current"] = "page";
+        var g = (0, t.useCallback)((function(e) {
+            i === null || i === void 0 ? void 0 : i(e, {
+                label: l,
+                to: u
+            });
+            v === null || v === void 0 ? void 0 : v(e, {
+                label: l,
+                to: u
+            });
+        }), [ i, v, l, u ]);
+        if (o) {
+            y["aria-current"] = "page";
             if (!r) {
-                Object.assign(u, v);
+                Object.assign(y, m);
             }
         }
+        var C = i || v ? {
+            onClick: g
+        } : {};
         
         return n().createElement(d, p({
             "data-test": "item"
-        }, u, s), l && l, o, t && t);
+        }, C, y, s), c && c, l, a && a);
     }
-    O.propTypes = y;
-    O.defaultProps = g;
-    /* harmony default export */    const h = O;
+    C.propTypes = y;
+    C.defaultProps = g;
+    /* harmony default export */    const O = C;
     // CONCATENATED MODULE: ./src/Breadcrumbs/BreadcrumbsStyles.ts
-    var C = s().ol.withConfig({
+    var h = c().ol.withConfig({
         displayName: "BreadcrumbsStyles__StyledList",
         componentId: "sc-1maeyfk-0"
     })([ "", " flex-wrap:wrap;" ], u.mixins.reset("flex"));
-    var w = s().li.withConfig({
+    var k = c().li.withConfig({
         displayName: "BreadcrumbsStyles__StyledListItem",
         componentId: "sc-1maeyfk-1"
     })([ "display:flex;min-width:max-content;a[aria-current]{font-weight:", ";color:", ";cursor:default;}" ], u.variables.fontWeightSemiBold, u.variables.contentColorActive);
-    var P = s().span.withConfig({
+    var P = c().span.withConfig({
         displayName: "BreadcrumbsStyles__StyledSeparator",
         componentId: "sc-1maeyfk-2"
     })([ "cursor:default;padding:0 ", ";color:", ";" ], u.variables.spacingSmall, u.variables.contentColorDefault);
     // CONCATENATED MODULE: ./src/Breadcrumbs/Breadcrumbs.tsx
-    function S() {
-        S = Object.assign || function(e) {
+    function w() {
+        w = Object.assign || function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -191,11 +207,11 @@
             }
             return e;
         };
-        return S.apply(this, arguments);
+        return w.apply(this, arguments);
     }
-    function j(e, r) {
+    function S(e, r) {
         if (e == null) return {};
-        var t = _(e, r);
+        var t = j(e, r);
         var n, a;
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
@@ -208,7 +224,7 @@
         }
         return t;
     }
-    function _(e, r) {
+    function j(e, r) {
         if (e == null) return {};
         var t = {};
         var n = Object.keys(e);
@@ -220,44 +236,51 @@
         }
         return t;
     }
-    var k = {
+    var x = {
         children: o().node.isRequired,
         elementRef: o().oneOfType([ o().func, o().object ]),
-        enableCurrentPage: o().bool
+        enableCurrentPage: o().bool,
+        onClick: o().func
     };
-    var x = {
+    var _ = {
         enableCurrentPage: false
     };
+    var E =  n().createContext({});
     function I(e) {
-        var r = e.children, a = e.elementRef, o = e.enableCurrentPage, i = j(e, [ "children", "elementRef", "enableCurrentPage" ]);
+        var r = e.children, a = e.elementRef, o = e.enableCurrentPage, i = e.onClick, c = S(e, [ "children", "elementRef", "enableCurrentPage", "onClick" ]);
         // @docs-props-type BreadcrumbsPropsBase
-                var s;
-        var u = t.Children.toArray(r).filter(t.isValidElement).map((function(e, a) {
+                var u;
+        var s = t.Children.toArray(r).filter(t.isValidElement).map((function(e, a) {
             if (false) {}
             if (false) {}
- // Set the last child as the current Breadcrumb.Item
+ // Set the last child as the current Breadcrumbs.Item
                         var l = a === t.Children.count(r) - 1;
             var i =  (0, t.cloneElement)(e, {
                 isCurrent: l,
                 enableCurrentPage: o
             });
             
-            return n().createElement(w, {
+            return n().createElement(k, {
                 key: e.props.to
             }, i, !l &&  n().createElement(P, {
                 "aria-hidden": "true"
             }, "/"));
         }));
+        var f = {
+            onClick: i
+        };
         
-        return n().createElement("nav", S({
+        return n().createElement(E.Provider, {
+            value: f
+        },  n().createElement("nav", w({
             "data-test": "breadcrumbs",
-            "aria-label": (0, l._)("Breadcrumb"),
+            "aria-label": (0, l._)("Breadcrumbs"),
             ref: a
-        }, i),  n().createElement(C, null, u));
+        }, c),  n().createElement(h, null, s)));
     }
-    I.propTypes = k;
-    I.defaultProps = x;
-    I.Item = h;
+    I.propTypes = x;
+    I.defaultProps = _;
+    I.Item = O;
     /* harmony default export */    const q = I;
     // CONCATENATED MODULE: ./src/Breadcrumbs/index.ts
     module.exports = r;

package/CHANGELOG.md

@@ -1,14 +1,54 @@
 Change Log
 ============
 
+4.27.0 - TBD
+----------
+New Features:
+* `CollapsiblePanel` now supports functionalities of `Accordion` (SUI-5719):
+    * The new `SingleOpenPanelGroup` component can be used wrap multiple `CollapsiblePanel` to replicate the   expand/collapse behavior of `Accordion`.
+    * `CollapsiblePanel` supports a new `inset` prop with similar functionality as the same prop in `Accordion`.
+    * A new `onChange` prop consolidates the callback behavior of the `onRequestClose` and `onRequestOpen` props.
+    * The separate `onRequestClose` and `onRequestOpen` props have been deprecated and will be removed in the next major version.
+* `ControlGroup` now supports `data-test-required` test hook. (SUI-6067).
+
+Bug Fixes:
+* `Text`'s focus style has been replaced with `@splunk/theme`'s `focusShadow` in Prisma themes to have a visible focus indicator (WCAG SC 2.4.7) (SUI-5321).
+  * Error state is now visible when inputs are focused.
+  * This change also affects the following components: `Combobox`, `Date`, `TextArea`, `Number`, `Select`'s and `Mutltiselect`'s filters, and `Search`.
+* `Table`'s column resize handle is now correctly announced by screen readers (SUI-5967).
+    * The element has been changed from a `button` to an `hr` to have the correct role of `separator`.
+* `Table`'s selectable row checkboxes are now accessible with VoiceOver keys (SUI-5958).
+* `Table`'s selectable row checkboxes will no longer receive focus when the row is `disabled` (SUI-5824).
+* `CollapsiblePanel`'s toggle has consistent spacing and improved focus styling when `titleWithActions` is enabled(SUI-5433).
+
+Typescript:
+* The `event` type for `TableRequestResizeColumnHandler` in the `Table` has been changed from a `button` event type to an `hr` event type: `event: React.MouseEvent<HTMLHRElement> | React.KeyboardEvent<HTMLHRElement> | MouseEvent`.
+
+4.26.0 - Feb 21, 2024
+----------
+New Features:
+* `Modal` automatically returns focus to the invoking element after close when a ref is provided to the new prop `returnFocus` (SUI-2834).
+* `Breadcrumbs` and `Breadcrumbs.Item` now support `onClick` prop (SUI-5911).
+
+Bug Fixes:
+* `TextArea`'s test selector is now `data-test="text-area"` rather than `data-test="text"` (SUI-5964).
+* The icon in `Modal.Header` is now aligned with the top of the title (SUI-5930).
+* `TextArea` renders at the correct size when `minRows={1}` (SUI-6010).
+* `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.
+
+API Changes:
+* Corrected the type of `Modal`'s `initialFocus` prop to include `React.Component & { focus: () => void }` instead of  `React.Component & { focus: () => {} }`.
+
 4.25.0 - Feb 6, 2024
 ----------
-New Features: 
-* Modal supports `subtitle` and `icon` props in Enterprise themes (SUI-5924).
+New Features:
+* `Modal` supports `subtitle` and `icon` props in Enterprise themes (SUI-5924).
 * `Button` now supports a new `"dimmed"` value for the `disabled` prop (SUI-5819).
 
 Bug Fixes:
-* Modal `subtitle` is used as the accessible description for the dialog (SUI-5264).
+* `Modal`'s `subtitle` is used as the accessible description for the dialog (SUI-5264).
 * `Color`'s `required` attribute is correctly applied when inside a `ControlGroup` in Prisma themes (SUI-5386).
 * `RadioList`'s `required` attribute is correctly applied when inside a `ControlGroup` (SUI-5386).
 
@@ -30,6 +70,7 @@ 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).
@@ -87,7 +128,7 @@ Docs:
 4.20.0 - September 5, 2023
 ----------
 New Features:
-* New `Breacrumbs` component (SUI-1819).
+* New `Breadcrumbs` component (SUI-1819).
 * `Code` now supports `language="splunk-spl"` (SUI-5737).
 
 Bug Fixes: