@pepperi-addons/ngx-composite-lib-react 0.0.4 → 0.5.0

package/README.md

@@ -0,0 +1,79 @@
+# @pepperi-addons/ngx-composite-lib-react
+
+Thin React wrappers for Pepperi ngx-composite-lib Angular Elements.
+
+## Version 0.5.0
+
+This package provides React wrappers for 10 fully converted Angular Elements from ngx-composite-lib:
+
+## Available Components
+
+```tsx
+import {
+    PepColorSettings,
+    PepGroupButtonsSettings,
+    PepFlowPickerButton,
+    PepIconPicker,
+    PepPaddingSettings,
+    PepShadowSettings,
+    PepRichText,
+    PepShowIfBadge,
+    PepGenericList,
+    PepFileStatusPanel,
+} from '@pepperi-addons/ngx-composite-lib-react';
+```
+
+## Component Details
+
+- **PepColorSettings** - Color picker and settings component
+- **PepGroupButtonsSettings** - Group button configuration component
+- **PepFlowPickerButton** - Flow selection button component
+- **PepIconPicker** - Icon selection component
+- **PepPaddingSettings** - Padding configuration component
+- **PepShadowSettings** - Shadow configuration component
+- **PepRichText** - Rich text editor with Quill integration
+- **PepShowIfBadge** - Conditional badge display component
+- **PepGenericList** - Advanced data list with filtering and actions
+- **PepFileStatusPanel** - File status display with snackbar support
+
+## Prerequisites
+
+Load the Elements bundle from `@pepperi-addons/ngx-composite-lib-elements` before using wrappers:
+
+```html
+<script src="path/to/elements/main.js"></script>
+```
+
+## Usage Example
+
+```tsx
+import React from 'react';
+import { PepRichText, PepGenericList } from '@pepperi-addons/ngx-composite-lib-react';
+
+function MyComponent() {
+    return (
+        <div>
+            <PepRichText
+                value="<p>Hello World</p>"
+                onValueChange={(event) => console.log('Value changed:', event.detail)}
+            />
+            <PepGenericList
+                dataSource={myData}
+                onSelectionChanged={(event) => console.log('Selection:', event.detail)}
+            />
+        </div>
+    );
+}
+```
+
+## Features
+
+- ✅ Full Input/Output parity with Angular components
+- ✅ TypeScript support with proper type definitions
+- ✅ Event handling with React-friendly patterns
+- ✅ Consistent API across all components
+- ✅ Optimized for React 17+ and React 18+
+
+## License
+
+MIT

package/elements/3rdpartylicenses.txt

@@ -332,32 +332,6 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 
 
-node-fetch
-MIT
-The MIT License (MIT)
-
-Copyright (c) 2016 David Frank
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-
-
-
 quill
 BSD-3-Clause
 Copyright (c) 2014, Jason Chen