@ballistix.digital/react-components 6.0.3-next-42.0 → 6.0.3-next-43.0

package/dist/index.js

@@ -1142,6 +1142,10 @@ var $87a4b9b6cee76290$var$topLeft = {
 var $87a4b9b6cee76290$var$topRight = {
     items: 'origin-bottom-left left-0 bottom-0'
 };
+var $87a4b9b6cee76290$var$disabled = {
+    button: 'opacity-50 cursor-not-allowed',
+    compact: 'opacity-50 cursor-not-allowed'
+};
 var $87a4b9b6cee76290$var$styles = {
     base: $87a4b9b6cee76290$var$base,
     button: $87a4b9b6cee76290$var$button,
@@ -1149,18 +1153,19 @@ var $87a4b9b6cee76290$var$styles = {
     'bottom-left': $87a4b9b6cee76290$var$bottomLeft,
     'bottom-right': $87a4b9b6cee76290$var$bottomRight,
     'top-left': $87a4b9b6cee76290$var$topLeft,
-    'top-right': $87a4b9b6cee76290$var$topRight
+    'top-right': $87a4b9b6cee76290$var$topRight,
+    disabled: $87a4b9b6cee76290$var$disabled
 };
 var $87a4b9b6cee76290$export$2e2bcd8739ae039 = $87a4b9b6cee76290$var$styles;
 
 
 var $6f7275eb03c2b93c$var$Container = function(props) {
-    var children = props.children, label = props.label, trigger = props.trigger, dataCy = props.dataCy, _a = props.type, type = _a === void 0 ? 'button' : _a, _b = props.direction, direction = _b === void 0 ? 'bottom end' : _b, _c = props.isEscapingOverflow, isEscapingOverflow = _c === void 0 ? false : _c, stylesOverrides = props.styles;
+    var children = props.children, label = props.label, trigger = props.trigger, dataCy = props.dataCy, _a = props.type, type = _a === void 0 ? 'button' : _a, _b = props.direction, direction = _b === void 0 ? 'bottom end' : _b, _c = props.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = props.isEscapingOverflow, isEscapingOverflow = _d === void 0 ? false : _d, stylesOverrides = props.styles;
     var handleGenerateStyle = function() {
         var result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $87a4b9b6cee76290$export$2e2bcd8739ae039).base);
         var keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $87a4b9b6cee76290$export$2e2bcd8739ae039).base);
         keys.forEach(function(key) {
-            (0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $87a4b9b6cee76290$export$2e2bcd8739ae039).base, key), type && (0, $iA2ta$lodash.get)((0, $87a4b9b6cee76290$export$2e2bcd8739ae039)[type], key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
+            (0, $iA2ta$lodash.set)(result, key, (0, $622cd2936b18c771$export$4370d69198e9314a)((0, $iA2ta$lodash.get)((0, $87a4b9b6cee76290$export$2e2bcd8739ae039).base, key), type && (0, $iA2ta$lodash.get)((0, $87a4b9b6cee76290$export$2e2bcd8739ae039)[type], key), isDisabled && (0, $iA2ta$lodash.get)((0, $87a4b9b6cee76290$export$2e2bcd8739ae039).disabled, key), (0, $iA2ta$lodash.get)(stylesOverrides, key)));
         });
         return result;
     };
@@ -1172,6 +1177,7 @@ var $6f7275eb03c2b93c$var$Container = function(props) {
             (0, $iA2ta$reactjsxruntime.jsxs)("div", {
                 children: [
                     type === 'button' && (!trigger ? (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$headlessuireact.MenuButton), {
+                        disabled: isDisabled,
                         className: styles.button,
                         "data-cy": dataCy,
                         children: [
@@ -1182,10 +1188,12 @@ var $6f7275eb03c2b93c$var$Container = function(props) {
                             })
                         ]
                     }) : (0, $iA2ta$reactjsxruntime.jsx)((0, $iA2ta$headlessuireact.MenuButton), {
+                        disabled: isDisabled,
                         "data-cy": dataCy,
                         children: trigger
                     })),
                     type === 'compact' && (0, $iA2ta$reactjsxruntime.jsxs)((0, $iA2ta$headlessuireact.MenuButton), {
+                        disabled: isDisabled,
                         className: styles.compact,
                         "data-cy": dataCy,
                         children: [