@splunk/react-ui 4.28.2 → 4.29.0

package/WaitSpinner.js

@@ -77,16 +77,16 @@
     const l = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "styled-components"
     const c = require("styled-components");
-    var m =  e.n(c);
+    var f =  e.n(c);
     // CONCATENATED MODULE: ./src/WaitSpinner/WaitSpinnerStyles.ts
-    var p = m().div.withConfig({
+    var m = f().div.withConfig({
         displayName: "WaitSpinnerStyles__Styled",
         componentId: "sc-1nu971z-0"
     })([ "", ";align-items:center;" ], o.mixins.reset("inline-flex"));
-    var f = (0, c.keyframes)([ "100%{transform:rotate(360deg);}" ]);
+    var p = (0, c.keyframes)([ "100%{transform:rotate(360deg);}" ]);
     var d = (0, c.keyframes)([ "0%{transform:scale(0);opacity:0;}100%{transform:scale(1);opacity:1;}" ]);
     var u = "2.07s";
-    var y = m().svg.withConfig({
+    var y = f().svg.withConfig({
         displayName: "WaitSpinnerStyles__StyledSvg",
         componentId: "sc-1nu971z-1"
     })([ "", " ", "" ], (0, o.pickVariant)("$size", {
@@ -105,20 +105,20 @@
     }), (function(e) {
         var t = e.$animated;
         return t && (0, o.pick)({
-            enterprise: (0, c.css)([ "transform-origin:center;animation:", " 1.2s steps(64) infinite;" ], f),
-            prisma: (0, c.css)([ "animation:", " ", " infinite linear,", " 500ms cubic-bezier(0.01,0,0,1);" ], f, u, d)
+            enterprise: (0, c.css)([ "transform-origin:center;animation:", " 1.2s steps(64) infinite;" ], p),
+            prisma: (0, c.css)([ "animation:", " ", " infinite linear,", " 500ms cubic-bezier(0.01,0,0,1);" ], p, u, d)
         });
     }));
     var h = (0, c.keyframes)([ "0%{stroke-dasharray:110 10;stroke-dashoffset:-5.5;animation-timing-function:cubic-bezier(0.8,0,0.83,1);}50%{stroke-dasharray:26 94;stroke-dashoffset:-152;}100%{stroke-dasharray:110 10;stroke-dashoffset:-246.5;animation-timing-function:cubic-bezier(0.33,0,0.67,1);}" ]);
     var v = (0, c.keyframes)([ "0%{stroke-dasharray:7 113;stroke-dashoffset:3;animation-timing-function:cubic-bezier(0.8,0,0.83,1);}50%{stroke-dasharray:90 30;stroke-dashoffset:-60;}100%{stroke-dasharray:7 113;stroke-dashoffset:-238;animation-timing-function:cubic-bezier(0.33,0,0.67,1);}" ]);
-    var g = m().circle.withConfig({
+    var g = f().circle.withConfig({
         displayName: "WaitSpinnerStyles__StyledPrismaBasePath",
         componentId: "sc-1nu971z-2"
     })([ "stroke:", ";stroke-width:2;fill:transparent;", " stroke-dasharray:110 10;stroke-dashoffset:-5.5;" ], o.variables.contentColorDisabled, (function(e) {
         var t = e.$animated;
         return t && (0, c.css)([ "animation:", " ", " infinite;animation-fill-mode:backwards;" ], h, u);
     }));
-    var k = m().circle.withConfig({
+    var k = f().circle.withConfig({
         displayName: "WaitSpinnerStyles__StyledPrismaFillPath",
         componentId: "sc-1nu971z-3"
     })([ "fill:transparent;stroke-width:2;stroke:", ";stroke-dasharray:7 113;stroke-dashoffset:3;", "" ], (0, 
@@ -130,7 +130,7 @@
         var t = e.$animated;
         return t && (0, c.css)([ "animation:", " ", " infinite;" ], v, u);
     }));
-    var b = m().circle.withConfig({
+    var b = f().circle.withConfig({
         displayName: "WaitSpinnerStyles__StyledEnterpriseCircle",
         componentId: "sc-1nu971z-4"
     })([ "fill:transparent;stroke:", ";stroke-width:2px;", "" ], (0, o.pick)({
@@ -190,32 +190,33 @@
         size: a().oneOf([ "small", "medium", "large" ])
     };
     function z(e) {
-        var t = e.elementRef, r = e.screenReaderText, n = r === void 0 ? (0, l._)("Waiting") : r, a = e.size, c = a === void 0 ? "small" : a, m = x(e, [ "elementRef", "screenReaderText", "size" ]);
+        var t = e.elementRef, r = e.screenReaderText, n = r === void 0 ? (0, l._)("Waiting") : r, a = e.size, c = a === void 0 ? "small" : a, f = x(e, [ "elementRef", "screenReaderText", "size" ]);
         // @docs-props-type WaitSpinnerPropsBase
-                var f = (0, s.useAnimationToggle)() === "on";
+                if (false) {}
+        var p = (0, s.useAnimationToggle)() === "on";
         var d = (0, o.useSplunkTheme)(), u = d.isPrisma;
         var h = u ? "0 0 40 40" : "0 0 19 19";
         
-        return i().createElement(p, w({
+        return i().createElement(m, w({
             "data-test": "wait-spinner"
-        }, m),  i().createElement(y, {
+        }, f),  i().createElement(y, {
             viewBox: h,
             version: "1.1",
             xmlns: "http://www.w3.org/2000/svg",
             ref: t,
-            $animated: f,
+            $animated: p,
             $size: c
         }, n &&  i().createElement("title", null, n),  i().createElement("g", null, u ?  i().createElement(i().Fragment, null,  i().createElement(g, {
             r: "19",
             cx: "20",
             cy: "20",
-            $animated: f,
+            $animated: p,
             $size: c
         }),  i().createElement(k, {
             r: "19",
             cx: "20",
             cy: "20",
-            $animated: f,
+            $animated: p,
             $size: c
         })) :  i().createElement(b, {
             cx: "9.5",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.28.2",
+  "version": "4.29.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -42,7 +42,7 @@
     "@dnd-kit/core": "6.0.8",
     "@dnd-kit/sortable": "7.0.2",
     "@dnd-kit/utilities": "3.2.1",
-    "@splunk/react-icons": "^4.3.0",
+    "@splunk/react-icons": "^4.4.0",
     "@splunk/themes": "^0.17.0",
     "@splunk/ui-utils": "^1.6.0",
     "commonmark": "^0.30.0",

package/types/src/Chip/docs/examples/RemovableWithNonStringChildren.d.ts

@@ -0,0 +1,2 @@
+declare const RemovableWithNonStringChildren: () => JSX.Element;
+export default RemovableWithNonStringChildren;

package/types/src/Markdown/Markdown.d.ts

@@ -76,7 +76,7 @@ interface MarkdownPropsBase {
     codeRenderer?: CodeRenderer;
     /**
      * A custom code block renderer. The function is passed an object containing `language`,
-     * `literal`, and `nodeKey`.
+     * `literal`, and `nodeKey`. It supports the same languages as used in the `Code` component.
      */
     codeBlockRenderer?: CodeBlockRenderer;
     /**

package/types/src/MessageBar/docs/examples/Basic.d.ts

@@ -0,0 +1,2 @@
+declare function Basic(): JSX.Element;
+export default Basic;

package/types/src/Paginator/Button.d.ts

@@ -1,5 +1,6 @@
-import React, { Component } from 'react';
-import { ClassComponentProps } from '../utils/types';
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ComponentProps } from '../utils/types';
 declare type PaginatorButtonClickHandler = (event: React.MouseEvent<HTMLButtonElement>, data: {
     page?: number;
 }) => void;
@@ -16,13 +17,17 @@ interface PaginatorButtonPropsBase {
     /** @private */
     selected?: boolean;
 }
-declare const defaultProps: Required<Pick<PaginatorButtonPropsBase, 'selected'>>;
-declare type PaginatorButtonProps = ClassComponentProps<PaginatorButtonPropsBase, typeof defaultProps, 'button'>;
-declare class PaginatorButton extends Component<PaginatorButtonProps, {}> {
-    static propTypes: React.WeakValidationMap<ClassComponentProps<PaginatorButtonPropsBase, Required<Pick<PaginatorButtonPropsBase, "selected">>, "button", never>>;
-    static defaultProps: Required<Pick<PaginatorButtonPropsBase, "selected">>;
-    handleClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    render(): JSX.Element;
+declare type PaginatorButtonProps = ComponentProps<PaginatorButtonPropsBase, 'button'>;
+declare function PaginatorButton({ children, disabled, onClick, page, selected, ...otherProps }: PaginatorButtonProps): JSX.Element;
+declare namespace PaginatorButton {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        disabled: PropTypes.Requireable<string | boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        page: PropTypes.Requireable<number>;
+        /** @private */
+        selected: PropTypes.Requireable<boolean>;
+    };
 }
 export default PaginatorButton;
 export { PaginatorButtonClickHandler };

package/types/src/WaitSpinner/WaitSpinner.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../utils/types';
 interface WaitSpinnerPropsBase {
+    /** @deprecated This prop is deprecated and will be removed in the next major version. */
     children?: never;
     /**
      * A React ref which is set to the DOM element when the component mounts and null when it unmounts.