@splunk/react-ui 5.7.1 → 5.9.0

package/Select.js

@@ -77,12 +77,12 @@
     var l =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
     const u = require("@splunk/react-ui/useControlled");
-    var c =  e.n(u);
+    var d =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
     const s = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: ./src/Select/Option.tsx
-    function d() {
-        return d = Object.assign ? Object.assign.bind() : function(e) {
+    function c() {
+        return c = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var o = arguments[n];
                 for (var t in o) {
@@ -90,7 +90,7 @@
                 }
             }
             return e;
-        }, d.apply(null, arguments);
+        }, c.apply(null, arguments);
     }
     function f(e, n) {
         if (null == e) return {};
@@ -114,13 +114,13 @@
         }
         return o;
     }
-    var v = {
+    var b = {
         /** @private */
         active: a().bool,
         children: a().node,
         description: a().string,
         descriptionPosition: a().oneOf([ "right", "bottom" ]),
-        disabled: a().bool,
+        disabled: a().oneOfType([ a().bool, a().oneOf([ "dimmed", "disabled" ]) ]),
         elementRef: a().oneOfType([ a().func, a().object ]),
         /** @private */
         endAdornment: a().node,
@@ -142,21 +142,22 @@
     };
     /**
  * An option within a `Select`. Any elements passed to it should be memoized.
- */    function b(e) {
-        var n = e.children, o = e.descriptionPosition, r = o === void 0 ? "bottom" : o, a = e.elementRef, l = e.label, u = f(e, [ "children", "descriptionPosition", "elementRef", "label" ]);
+ */    function v(e) {
+        var n = e.children, o = e.descriptionPosition, r = o === void 0 ? "bottom" : o, a = e.disabled, l = e.elementRef, u = e.label, d = f(e, [ "children", "descriptionPosition", "disabled", "elementRef", "label" ]);
         // @docs-props-type OptionPropsBase
                 
-        return t().createElement(i.Option, d({
+        return t().createElement(i.Option, c({
             descriptionPosition: r,
-            label: l
-        }, u, {
-            elementRef: a,
+            disabled: a,
+            label: u
+        }, d, {
+            elementRef: l,
             multiple: false
-        }), n || l);
+        }), n || u);
     }
-    var g =  (0, o.memo)(b);
+    var g =  (0, o.memo)(v);
     // @ts-expect-error Need to set propTypes on OptionMemoized so that javascript propType validation will work
-        g.propTypes = v;
+        g.propTypes = b;
     /* harmony default export */    const m = g;
     // CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
     var O = "is deprecated and will be removed in the next major version.";
@@ -223,7 +224,7 @@
         defaultPlacement: a().oneOf([ "above", "below", "vertical" ]),
         defaultValue: a().oneOfType([ a().string, a().number, a().bool ]),
         describedBy: a().string,
-        disabled: a().bool,
+        disabled: a().oneOfType([ a().bool, a().oneOf([ "dimmed", "disabled" ]) ]),
         elementRef: a().oneOfType([ a().func, a().object ]),
         error: a().bool,
         filter: a().oneOf([ false, true, "controlled" ]),
@@ -257,9 +258,9 @@
         virtualization: a().number
     };
     var C = (0, s._)("No matches");
-    var R = (0, s._)("Select...");
-    function T(e) {
-        var n = e.allowKeyMatching, r = n === void 0 ? true : n, a = e.appearance, i = a === void 0 ? "default" : a, u = e.defaultPlacement, s = u === void 0 ? "vertical" : u, d = e.defaultValue, f = e.inline, p = f === void 0 ? true : f, v = e.noOptionsMessage, b = v === void 0 ? C : v, g = e.onChange, m = e.placeholder, O = m === void 0 ? R : m, y = e.toggleContent, h = y === void 0 ? "optionChildren" : y, S = e.value, w = j(e, [ "allowKeyMatching", "appearance", "defaultPlacement", "defaultValue", "inline", "noOptionsMessage", "onChange", "placeholder", "toggleContent", "value" ]);
+    var T = (0, s._)("Select...");
+    function R(e) {
+        var n = e.allowKeyMatching, r = n === void 0 ? true : n, a = e.appearance, i = a === void 0 ? "default" : a, u = e.defaultPlacement, s = u === void 0 ? "vertical" : u, c = e.defaultValue, f = e.disabled, p = e.inline, b = p === void 0 ? true : p, v = e.noOptionsMessage, g = v === void 0 ? C : v, m = e.onChange, O = e.placeholder, y = O === void 0 ? T : O, h = e.toggleContent, S = h === void 0 ? "optionChildren" : h, w = e.value, R = j(e, [ "allowKeyMatching", "appearance", "defaultPlacement", "defaultValue", "disabled", "inline", "noOptionsMessage", "onChange", "placeholder", "toggleContent", "value" ]);
         // @docs-props-type SelectPropsBase
                 P({
             componentName: "Select",
@@ -267,24 +268,24 @@
             propName: "appearance",
             propValue: i
         });
-        var T = c()({
+        var x = d()({
             componentName: "Select",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0]
         });
-        var x = (0, o.useMemo)((function() {
+        var q = (0, o.useMemo)((function() {
             // wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
-            if (d != null) {
-                return [ d ];
+            if (c != null) {
+                return [ c ];
             }
             return [];
-        }), [ d ]);
+        }), [ c ]);
         // Converts the provided props into a structure suitable for SelectBase.
-                var q = (0, o.useMemo)((function() {
-            var e = T ? undefined : x;
+                var N = (0, o.useMemo)((function() {
+            var e = x ? undefined : q;
             var n = function e(n, o) {
                 var t = o.name, r = o.values;
-                g === null || g === void 0 ? void 0 : g(n, {
+                m === null || m === void 0 ? void 0 : m(n, {
                     name: t,
                     value: r[0]
                 });
@@ -292,31 +293,32 @@
             var o = {
                 onChange: n
             };
-            if (T) {
-                o.values = S != null ? [ S ] : [];
+            if (x) {
+                o.values = w != null ? [ w ] : [];
             } else if (e != null) {
                 o.defaultValues = e;
             }
             return o;
-        }), [ x, g, T, S ]);
+        }), [ q, m, x, w ]);
         
         return t().createElement(l(), M({
             allowKeyMatching: r,
             appearance: i,
             defaultPlacement: s,
-            inline: p,
-            noOptionsMessage: b,
-            placeholder: O,
-            toggleContent: h
-        }, w, q, {
+            disabled: f,
+            inline: b,
+            noOptionsMessage: g,
+            placeholder: y,
+            toggleContent: S
+        }, R, N, {
             multiple: false
         }));
     }
-    T.propTypes = w;
-    T.Option = m;
-    T.Heading = i.Heading;
-    T.Divider = i.Divider;
-    /* harmony default export */    const x = T;
+    R.propTypes = w;
+    R.Option = m;
+    R.Heading = i.Heading;
+    R.Divider = i.Divider;
+    /* harmony default export */    const x = R;
     // CONCATENATED MODULE: ./src/Select/index.ts
     module.exports = n;
     /******/})();