@oliasoft-open-source/react-ui-library 4.16.0 → 4.16.1-beta-2

package/README.md

@@ -37,7 +37,7 @@ To quickly start a new project using the React UI Library with Vite, you can use
     ```bash
    cd my-new-project
     ```
-   
+
 3. **Install React UI Library: Add the React UI Library to your project:**
 
    ```bash
@@ -48,13 +48,13 @@ To quickly start a new project using the React UI Library with Vite, you can use
    ```bash
     yarn add @oliasoft-open-source/react-ui-library
    ```
-   
+
 4. **Modify the Sample Page:** Open the src/App.jsx file and import a component from the React UI Library to use it:
 
     ```bash
     import React from 'react';
     import { Text } from '@oliasoft-open-source/react-ui-library';
-    
+
     function App() {
       return (
         <div className="App">
@@ -62,7 +62,7 @@ To quickly start a new project using the React UI Library with Vite, you can use
         </div>
       );
     }
-    
+
     export default App;
     ```
 
@@ -358,6 +358,7 @@ The `Button` component is a versatile interface element that supports various st
 | `disabled`    | If true, disables the button.                              | `false`        |
 | `groupOrder`  | Specifies the button's position in a group (e.g., start, middle, end). | None (optional) |
 | `icon`        | An icon to be displayed on the button. Deprecated in favor of using `label`. | None (optional) |
+| `ignoreDisabledContext`        | Allows the button to be enabled even when inside `DisabledContext`. | `false` |
 | `label`       | The content of the button, which can be text or a ReactNode. | None (optional) |
 | `loading`     | Shows an activity indicator, suggesting that an action is in progress. | `false`    |
 | `name`        | The name of the button, which can be used in forms.        | None (optional) |

package/dist/index.d.ts

@@ -43,7 +43,7 @@ export declare enum BreadcrumbLinkType {
     CUSTOM = "custom"
 }
 
-export declare const Button: ({ active, basic, colored, disabled, groupOrder, icon, label, loading, name, pill, round, small, styles, width, title, type, onClick, error, warning, testId, tooltip, inverted, component: Component, url, }: IButtonProps) => JSX_2.Element;
+export declare const Button: ({ active, basic, colored, disabled, ignoreDisabledContext, groupOrder, icon, label, loading, name, pill, round, small, styles, width, title, type, onClick, error, warning, testId, tooltip, inverted, component: Component, url, }: IButtonProps) => JSX_2.Element;
 
 export declare const ButtonGroup: (props: IButtonGroupProps) => JSX_2.Element;
 
@@ -206,6 +206,7 @@ export declare interface IButtonProps {
     basic?: boolean;
     colored?: boolean | string;
     disabled?: boolean;
+    ignoreDisabledContext?: boolean;
     groupOrder?: string | null;
     icon?: ReactNode | string;
     label?: ReactNode | string | null;

package/dist/index.js

@@ -4078,6 +4078,7 @@ const Button$1 = ({
   basic: basic2 = false,
   colored: colored2 = false,
   disabled: disabled2 = false,
+  ignoreDisabledContext = false,
   groupOrder = null,
   icon: icon2 = null,
   label: label2 = "",
@@ -4133,6 +4134,7 @@ const Button$1 = ({
     }
     return "";
   })();
+  const isDisabled = disabled2 || disabledContext && !ignoreDisabledContext;
   return /* @__PURE__ */ jsx(ButtonTooltipWrapper, { tooltip: tooltip2, children: /* @__PURE__ */ jsxs(
     Component2,
     {
@@ -4142,7 +4144,7 @@ const Button$1 = ({
         active2 ? buttonStyles.active : "",
         basic2 ? buttonStyles.basic : "",
         color2,
-        disabled2 || disabledContext ? buttonStyles.disabled : "",
+        isDisabled ? buttonStyles.disabled : "",
         (icon2 || loading) && !label2 ? buttonStyles.iconOnly : "",
         inverted2 ? buttonStyles.inverted : "",
         order2,
@@ -4151,7 +4153,7 @@ const Button$1 = ({
         small2 ? buttonStyles.small : "",
         styles2
       ),
-      disabled: disabled2 || disabledContext,
+      disabled: isDisabled,
       name: name2 ?? "",
       onClick,
       ...title2 ? { title: title2 } : {},
@@ -6688,7 +6690,8 @@ const Dialog = ({ dialog: dialog2 }) => {
               small: true,
               colored: "muted",
               onClick: onClose,
-              testId: testId && `${testId}-dismiss`
+              testId: testId && `${testId}-dismiss`,
+              ignoreDisabledContext: true
             }
           ) }) : null
         ] }),