@oliasoft-open-source/react-ui-library 4.16.4-beta-1 → 4.17.0-beta-2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -12
- package/dist/global.css +157 -130
- package/dist/index.d.ts +34 -29
- package/dist/index.js +7241 -11267
- package/dist/index.js.map +1 -1
- package/package.json +7 -6
package/README.md
CHANGED
|
@@ -37,7 +37,7 @@ To quickly start a new project using the React UI Library with Vite, you can use
|
|
|
37
37
|
```bash
|
|
38
38
|
cd my-new-project
|
|
39
39
|
```
|
|
40
|
-
|
|
40
|
+
|
|
41
41
|
3. **Install React UI Library: Add the React UI Library to your project:**
|
|
42
42
|
|
|
43
43
|
```bash
|
|
@@ -48,13 +48,13 @@ To quickly start a new project using the React UI Library with Vite, you can use
|
|
|
48
48
|
```bash
|
|
49
49
|
yarn add @oliasoft-open-source/react-ui-library
|
|
50
50
|
```
|
|
51
|
-
|
|
51
|
+
|
|
52
52
|
4. **Modify the Sample Page:** Open the src/App.jsx file and import a component from the React UI Library to use it:
|
|
53
53
|
|
|
54
54
|
```bash
|
|
55
55
|
import React from 'react';
|
|
56
56
|
import { Text } from '@oliasoft-open-source/react-ui-library';
|
|
57
|
-
|
|
57
|
+
|
|
58
58
|
function App() {
|
|
59
59
|
return (
|
|
60
60
|
<div className="App">
|
|
@@ -62,7 +62,7 @@ To quickly start a new project using the React UI Library with Vite, you can use
|
|
|
62
62
|
</div>
|
|
63
63
|
);
|
|
64
64
|
}
|
|
65
|
-
|
|
65
|
+
|
|
66
66
|
export default App;
|
|
67
67
|
```
|
|
68
68
|
|
|
@@ -358,6 +358,7 @@ The `Button` component is a versatile interface element that supports various st
|
|
|
358
358
|
| `disabled` | If true, disables the button. | `false` |
|
|
359
359
|
| `groupOrder` | Specifies the button's position in a group (e.g., start, middle, end). | None (optional) |
|
|
360
360
|
| `icon` | An icon to be displayed on the button. Deprecated in favor of using `label`. | None (optional) |
|
|
361
|
+
| `ignoreDisabledContext` | Allows the button to be enabled even when inside `DisabledContext`. | `false` |
|
|
361
362
|
| `label` | The content of the button, which can be text or a ReactNode. | None (optional) |
|
|
362
363
|
| `loading` | Shows an activity indicator, suggesting that an action is in progress. | `false` |
|
|
363
364
|
| `name` | The name of the button, which can be used in forms. | None (optional) |
|
|
@@ -1093,12 +1094,8 @@ The `List` component renders a list of data items with various customization opt
|
|
|
1093
1094
|
|
|
1094
1095
|
| Prop | Description | Default Value |
|
|
1095
1096
|
|-----------------------------|-----------------------------------------------------------------------------------------------------------------|--------------------------|
|
|
1096
|
-
| `scrollable` | Determines whether the list is scrollable. | `false` |
|
|
1097
1097
|
| `hideScrollbar` | Determines whether to hide the scrollbar when scrolling. | `false` |
|
|
1098
1098
|
| `triggerScrollToActiveItem` | Specifies whether scrolling should be triggered to display the active item. | `false` |
|
|
1099
|
-
| `infiniteScroll` | Specifies whether to enable infinite scroll functionality. | `false` |
|
|
1100
|
-
| `limit` | The limit of items to load per page when using infinite scroll. | `10` |
|
|
1101
|
-
| `infiniteScrollTarget` | The target element for infinite scroll (e.g., the list container). | - |
|
|
1102
1099
|
|
|
1103
1100
|
### Usage Example
|
|
1104
1101
|
|
|
@@ -1113,12 +1110,8 @@ The `List` component renders a list of data items with various customization opt
|
|
|
1113
1110
|
height={300}
|
|
1114
1111
|
testId="my-list"
|
|
1115
1112
|
scrollDetails={{
|
|
1116
|
-
scrollable: true,
|
|
1117
1113
|
hideScrollbar: true,
|
|
1118
1114
|
triggerScrollToActiveItem: true,
|
|
1119
|
-
infiniteScroll: true,
|
|
1120
|
-
limit: 10,
|
|
1121
|
-
infiniteScrollTarget: document.getElementById('list-container'),
|
|
1122
1115
|
}}
|
|
1123
1116
|
/>
|
|
1124
1117
|
```
|