@ballistix.digital/react-components 0.4.104 → 0.4.106

package/dist/index.d.ts

@@ -105,7 +105,7 @@ type TProps$c = {
     trigger?: ReactNode;
     type?: 'button' | 'compact';
     direction?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
-    hasRelativeParent?: boolean;
+    isEscapingOverflow?: boolean;
     styles?: TDropdownElementStyles;
 };
 declare const DropdownElement: {
@@ -529,6 +529,7 @@ type TNavigationItemProps$1 = {
     isInitial?: boolean;
     onClick?: ((accessor: MouseEvent) => void) | any;
     styles?: Pick<TTabNavigationStyles, 'tab'>;
+    isLoading?: boolean;
 };
 type TViewProps$1 = {
     children: ReactNode;

package/dist/index.esm.js

@@ -3382,7 +3382,7 @@ var styles$k = {
 };
 
 var Container$3 = function (props) {
-    var children = props.children, label = props.label, trigger = props.trigger, _a = props.type, type = _a === void 0 ? 'button' : _a, _b = props.direction, direction = _b === void 0 ? 'bottom-left' : _b, _c = props.hasRelativeParent, hasRelativeParent = _c === void 0 ? false : _c, stylesOverrides = props.styles;
+    var children = props.children, label = props.label, trigger = props.trigger, _a = props.type, type = _a === void 0 ? 'button' : _a, _b = props.direction, direction = _b === void 0 ? 'bottom-left' : _b, _c = props.isEscapingOverflow, isEscapingOverflow = _c === void 0 ? false : _c, stylesOverrides = props.styles;
     var handleGenerateStyle = function () {
         var result = deepCopyObject(styles$j.base);
         var keys = calculateNestedKeys(styles$j.base);
@@ -3392,7 +3392,7 @@ var Container$3 = function (props) {
         return result;
     };
     var styles = handleGenerateStyle();
-    return (jsxs(Menu, __assign({ as: "div", className: toClassName(styles.container, !hasRelativeParent && 'relative') }, { children: [jsxs("div", { children: [type === 'button' &&
+    return (jsxs(Menu, __assign({ as: "div", className: toClassName(styles.container, !isEscapingOverflow && 'relative') }, { children: [jsxs("div", { children: [type === 'button' &&
                         (!trigger ? (jsxs(Menu.Button, __assign({ className: styles.button }, { children: [label, jsx(ChevronDownIcon, { className: "-mr-1 ml-2 h-5 w-5", "aria-hidden": "true" })] }))) : (jsx(Menu.Button, { children: trigger }))), type === 'compact' && (jsxs(Menu.Button, __assign({ className: styles.compact }, { children: [jsx("span", __assign({ className: "sr-only" }, { children: label })), jsx(EllipsisVerticalIcon, { className: styles.dots, "aria-hidden": "true" })] })))] }), jsx(Transition, __assign({ as: Fragment, enter: "transition ease-out duration-100", enterFrom: "transform opacity-0 scale-95", enterTo: "transform opacity-100 scale-100", leave: "transition ease-in duration-75", leaveFrom: "transform opacity-100 scale-100", leaveTo: "transform opacity-0 scale-95" }, { children: jsx(Menu.Items, __assign({ className: styles.items }, { children: children })) }))] })));
 };
 var DropdownElement = {
@@ -4612,7 +4612,7 @@ var List$1 = function (props) {
                         }) }))] })), jsx("div", __assign({ className: styles.list.body }, { children: jsx("nav", __assign({ className: styles.list.navigation }, { children: children })) }))] })));
 };
 var Item$2 = function (props) {
-    var children = props.children, _a = props.as, LinkComponent = _a === void 0 ? 'a' : _a, _b = props.type, type = _b === void 0 ? 'underline' : _b, href = props.href, isCurrent = props.isCurrent, onClick = props.onClick, stylesOverrides = props.styles;
+    var children = props.children, _a = props.as, LinkComponent = _a === void 0 ? 'a' : _a, _b = props.type, type = _b === void 0 ? 'underline' : _b, href = props.href, isCurrent = props.isCurrent, onClick = props.onClick, stylesOverrides = props.styles, isLoading = props.isLoading;
     var handleGenerateStyle = function () {
         var result = deepCopyObject(styles$7.base);
         var keys = calculateNestedKeys(styles$7.base);
@@ -4623,9 +4623,9 @@ var Item$2 = function (props) {
     };
     var styles = handleGenerateStyle();
     if (href && LinkComponent) {
-        return (jsx(LinkComponent, __assign({ href: href, className: toClassName(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive), onClick: onClick }, { children: children })));
+        return (jsx(LinkComponent, __assign({ href: href, className: toClassName(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 !text-gray-300 !cursor-default', isLoading && styles.tab.inactive), onClick: onClick }, { children: children })));
     }
-    return (jsx("div", __assign({ className: toClassName(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive), onClick: onClick }, { children: children })));
+    return (jsx("div", __assign({ className: toClassName(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 !text-gray-300 !cursor-default', isLoading && styles.tab.inactive), onClick: !isLoading ? onClick : function () { return null; } }, { children: children })));
 };
 var View$1 = function (props) {
     var children = props.children;

package/dist/index.js

@@ -3393,7 +3393,7 @@ var styles$k = {
 };
 
 var Container$3 = function (props) {
-    var children = props.children, label = props.label, trigger = props.trigger, _a = props.type, type = _a === void 0 ? 'button' : _a, _b = props.direction, direction = _b === void 0 ? 'bottom-left' : _b, _c = props.hasRelativeParent, hasRelativeParent = _c === void 0 ? false : _c, stylesOverrides = props.styles;
+    var children = props.children, label = props.label, trigger = props.trigger, _a = props.type, type = _a === void 0 ? 'button' : _a, _b = props.direction, direction = _b === void 0 ? 'bottom-left' : _b, _c = props.isEscapingOverflow, isEscapingOverflow = _c === void 0 ? false : _c, stylesOverrides = props.styles;
     var handleGenerateStyle = function () {
         var result = deepCopyObject(styles$j.base);
         var keys = calculateNestedKeys(styles$j.base);
@@ -3403,7 +3403,7 @@ var Container$3 = function (props) {
         return result;
     };
     var styles = handleGenerateStyle();
-    return (jsxRuntime.jsxs(react.Menu, __assign({ as: "div", className: toClassName(styles.container, !hasRelativeParent && 'relative') }, { children: [jsxRuntime.jsxs("div", { children: [type === 'button' &&
+    return (jsxRuntime.jsxs(react.Menu, __assign({ as: "div", className: toClassName(styles.container, !isEscapingOverflow && 'relative') }, { children: [jsxRuntime.jsxs("div", { children: [type === 'button' &&
                         (!trigger ? (jsxRuntime.jsxs(react.Menu.Button, __assign({ className: styles.button }, { children: [label, jsxRuntime.jsx(solid.ChevronDownIcon, { className: "-mr-1 ml-2 h-5 w-5", "aria-hidden": "true" })] }))) : (jsxRuntime.jsx(react.Menu.Button, { children: trigger }))), type === 'compact' && (jsxRuntime.jsxs(react.Menu.Button, __assign({ className: styles.compact }, { children: [jsxRuntime.jsx("span", __assign({ className: "sr-only" }, { children: label })), jsxRuntime.jsx(solid.EllipsisVerticalIcon, { className: styles.dots, "aria-hidden": "true" })] })))] }), jsxRuntime.jsx(react.Transition, __assign({ as: React.Fragment, enter: "transition ease-out duration-100", enterFrom: "transform opacity-0 scale-95", enterTo: "transform opacity-100 scale-100", leave: "transition ease-in duration-75", leaveFrom: "transform opacity-100 scale-100", leaveTo: "transform opacity-0 scale-95" }, { children: jsxRuntime.jsx(react.Menu.Items, __assign({ className: styles.items }, { children: children })) }))] })));
 };
 var DropdownElement = {
@@ -4623,7 +4623,7 @@ var List$1 = function (props) {
                         }) }))] })), jsxRuntime.jsx("div", __assign({ className: styles.list.body }, { children: jsxRuntime.jsx("nav", __assign({ className: styles.list.navigation }, { children: children })) }))] })));
 };
 var Item$2 = function (props) {
-    var children = props.children, _a = props.as, LinkComponent = _a === void 0 ? 'a' : _a, _b = props.type, type = _b === void 0 ? 'underline' : _b, href = props.href, isCurrent = props.isCurrent, onClick = props.onClick, stylesOverrides = props.styles;
+    var children = props.children, _a = props.as, LinkComponent = _a === void 0 ? 'a' : _a, _b = props.type, type = _b === void 0 ? 'underline' : _b, href = props.href, isCurrent = props.isCurrent, onClick = props.onClick, stylesOverrides = props.styles, isLoading = props.isLoading;
     var handleGenerateStyle = function () {
         var result = deepCopyObject(styles$7.base);
         var keys = calculateNestedKeys(styles$7.base);
@@ -4634,9 +4634,9 @@ var Item$2 = function (props) {
     };
     var styles = handleGenerateStyle();
     if (href && LinkComponent) {
-        return (jsxRuntime.jsx(LinkComponent, __assign({ href: href, className: toClassName(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive), onClick: onClick }, { children: children })));
+        return (jsxRuntime.jsx(LinkComponent, __assign({ href: href, className: toClassName(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 !text-gray-300 !cursor-default', isLoading && styles.tab.inactive), onClick: onClick }, { children: children })));
     }
-    return (jsxRuntime.jsx("div", __assign({ className: toClassName(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive), onClick: onClick }, { children: children })));
+    return (jsxRuntime.jsx("div", __assign({ className: toClassName(styles.tab.base, isCurrent ? styles.tab.active : styles.tab.inactive, isLoading && 'opacity-30 !text-gray-300 !cursor-default', isLoading && styles.tab.inactive), onClick: !isLoading ? onClick : function () { return null; } }, { children: children })));
 };
 var View$1 = function (props) {
     var children = props.children;

package/package.json

@@ -7,7 +7,7 @@
     "email": "info@ballistix.digital",
     "url": "https://ballistix.digital"
   },
-  "version": "0.4.104",
+  "version": "0.4.106",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.esm.js",