@modular-component/with-conditional-render 0.2.1 → 0.2.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @modular-component/with-conditional-render
 
+## 0.2.2
+
+### Patch Changes
+
+- 77c46f4: Fix an issue in core rendering system
+- Updated dependencies [77c46f4]
+  - @modular-component/core@0.2.2
+
 ## 0.2.1
 
 ### Patch Changes

package/README.md

@@ -13,20 +13,28 @@ Provides three stages that allow conditional rendering in `ModularComponent`s:
 
 ```tsx
 import { ModularComponent } from '@modular-component/core'
-import { condition, conditionalFallback, conditionalRender } from '@modular-component/with-conditional-render'
+import {
+  condition,
+  conditionalFallback,
+  conditionalRender,
+} from '@modular-component/with-conditional-render'
 
 const ConditionalComponent = ModularComponent<{ enabled?: boolean }>()
   .with(condition('disabled', ({ props }) => props.enabled !== true))
   .with(conditionalFallback('disabled', () => <>I'm disabled!</>))
-  .with(lifecycle(() => {
-    // Some data fetching logic...
-    return { loading, data }
-  }))
+  .with(
+    lifecycle(() => {
+      // Some data fetching logic...
+      return { loading, data }
+    }),
+  )
   .with(condition('loading', ({ lifecycle }) => lifecycle.loading === false))
   .with(conditionalFallback('loading', () => <>I'm loading!</>))
-  .with(conditionalRender(({ lifecycle }) => (
-    <>I'm enabled and loaded, here is the content: {lifecycle.data}</>
-  )))
+  .with(
+    conditionalRender(({ lifecycle }) => (
+      <>I'm enabled and loaded, here is the content: {lifecycle.data}</>
+    )),
+  )
 ```
 
 ## Multiple conditions and fallbacks

package/package.json

@@ -8,7 +8,7 @@
     "Default",
     "Conditional"
   ],
-  "version": "0.2.1",
+  "version": "0.2.2",
   "type": "module",
   "license": "MIT",
   "publishConfig": {
@@ -26,7 +26,7 @@
     "license": "cp ../../LICENSE ./LICENSE"
   },
   "dependencies": {
-    "@modular-component/core": "0.2.1"
+    "@modular-component/core": "0.2.2"
   },
   "peerDependencies": {
     "react": ">=17 <19"