@meonode/ui 0.1.35 → 0.1.37
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 +6 -3
- package/package.json +20 -2
package/README.md
CHANGED
|
@@ -628,7 +628,7 @@ import store from '/path/to/redux/store'
|
|
|
628
628
|
* available to the entire component tree.
|
|
629
629
|
*
|
|
630
630
|
* @constant
|
|
631
|
-
* @type {
|
|
631
|
+
* @type {NodeElement}
|
|
632
632
|
* @param {Object} store - The Redux store instance to be passed down to the application.
|
|
633
633
|
*/
|
|
634
634
|
const ReduxProvider = Node(Provider, { store })
|
|
@@ -644,15 +644,18 @@ const ReduxProvider = Node(Provider, { store })
|
|
|
644
644
|
*
|
|
645
645
|
* Dependencies:
|
|
646
646
|
* - ReduxProvider: Ensures the modal has access to the Redux store.
|
|
647
|
-
* - Portal: Renders the modal outside of its parent hierarchy
|
|
647
|
+
* - Portal: Renders the modal outside of its parent hierarchy and provides
|
|
648
|
+
* control methods such as `unmount` for cleaning up the modal.
|
|
648
649
|
* - useSelector: Accesses specific data from the Redux state.
|
|
649
650
|
*
|
|
650
651
|
* Side Effects:
|
|
651
652
|
* - The component logs the specific Redux state changes to the console
|
|
652
653
|
* when the state is updated.
|
|
654
|
+
* - The modal listens for specific user interactions (e.g., clicking outside
|
|
655
|
+
* the modal area) and programmatically unmounts itself using `portal.unmount()`.
|
|
653
656
|
*
|
|
654
657
|
* Props:
|
|
655
|
-
* - portal:
|
|
658
|
+
* - portal: Includes a method `unmount` to remove the modal from the DOM.
|
|
656
659
|
*/
|
|
657
660
|
const Modal = Portal(ReduxProvider, ({ portal }) => {
|
|
658
661
|
const someReduxState = useSelector(state => state.someReduxState)
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@meonode/ui",
|
|
3
3
|
"description": "A structured approach to component composition with built-in theming, prop separation, and dynamic children handling.",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.37",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/main.js",
|
|
7
7
|
"types": "./dist/main.d.ts",
|
|
@@ -66,5 +66,23 @@
|
|
|
66
66
|
"publishConfig": {
|
|
67
67
|
"access": "public"
|
|
68
68
|
},
|
|
69
|
-
"license": "MIT"
|
|
69
|
+
"license": "MIT",
|
|
70
|
+
"keywords": [
|
|
71
|
+
"react",
|
|
72
|
+
"typescript",
|
|
73
|
+
"ui-framework",
|
|
74
|
+
"theme-engine",
|
|
75
|
+
"jsx-free",
|
|
76
|
+
"type-safe",
|
|
77
|
+
"component-composition",
|
|
78
|
+
"css-in-js",
|
|
79
|
+
"design-system",
|
|
80
|
+
"react-components",
|
|
81
|
+
"dynamic-theming",
|
|
82
|
+
"frontend",
|
|
83
|
+
"web-development",
|
|
84
|
+
"no-jsx",
|
|
85
|
+
"component-library",
|
|
86
|
+
"accessible-components"
|
|
87
|
+
]
|
|
70
88
|
}
|