@oliasoft-open-source/react-ui-library 4.16.1-beta-1 → 4.16.1-beta-3

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

@@ -4077,7 +4077,8 @@ const Button$1 = ({
   active: active2 = false,
   basic: basic2 = false,
   colored: colored2 = false,
-  disabled: disabled2,
+  disabled: disabled2 = false,
+  ignoreDisabledContext = false,
   groupOrder = null,
   icon: icon2 = null,
   label: label2 = "",
@@ -4133,7 +4134,7 @@ const Button$1 = ({
     }
     return "";
   })();
-  const isDisabled = disabled2 || disabledContext && disabled2 !== false;
+  const isDisabled = disabled2 || disabledContext && !ignoreDisabledContext;
   return /* @__PURE__ */ jsx(ButtonTooltipWrapper, { tooltip: tooltip2, children: /* @__PURE__ */ jsxs(
     Component2,
     {
@@ -6690,7 +6691,7 @@ const Dialog = ({ dialog: dialog2 }) => {
               colored: "muted",
               onClick: onClose,
               testId: testId && `${testId}-dismiss`,
-              disabled: false
+              ignoreDisabledContext: true
             }
           ) }) : null
         ] }),