@pepperi-addons/ngx-lib-react 0.0.3 → 0.0.5

package/index.d.ts

@@ -1,13 +1,14 @@
-export * from './pep-select.js';
-export * from './pep-button.js';
-export * from './pep-textbox.js';
-export * from './pep-textarea.js';
-export * from './pep-date.js';
-export * from './pep-chips.js';
-export * from './pep-link.js';
-export * from './pep-files-uploader.js';
-export * from './pep-quantity-selector.js';
-export * from './pep-color.js';
-export * from './pep-slider.js';
-export * from './pep-group-buttons.js';
-export * from './pep-menu.js';
+export * from './pep-select';
+export * from './pep-button';
+export * from './pep-textbox';
+export * from './pep-textarea';
+export * from './pep-date';
+export * from './pep-chips';
+export * from './pep-link';
+export * from './pep-files-uploader';
+export * from './pep-quantity-selector';
+export * from './pep-color';
+export * from './pep-slider';
+export * from './pep-group-buttons';
+export * from './pep-menu';
+export * from './pep-separator';

package/index.js

@@ -1,14 +1,15 @@
-export * from './pep-select.js';
-export * from './pep-button.js';
-export * from './pep-textbox.js';
-export * from './pep-textarea.js';
-export * from './pep-date.js';
-export * from './pep-chips.js';
-export * from './pep-link.js';
-export * from './pep-files-uploader.js';
-export * from './pep-quantity-selector.js';
-export * from './pep-color.js';
-export * from './pep-slider.js';
-export * from './pep-group-buttons.js';
-export * from './pep-menu.js';
+export * from './pep-select';
+export * from './pep-button';
+export * from './pep-textbox';
+export * from './pep-textarea';
+export * from './pep-date';
+export * from './pep-chips';
+export * from './pep-link';
+export * from './pep-files-uploader';
+export * from './pep-quantity-selector';
+export * from './pep-color';
+export * from './pep-slider';
+export * from './pep-group-buttons';
+export * from './pep-menu';
+export * from './pep-separator';
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pepperi-addons/ngx-lib-react",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Thin React wrappers for Pepperi Angular Elements (Web Components) to improve DX in React.",
   "license": "MIT",
   "author": "Pepperi",
@@ -28,4 +28,17 @@
     "README.md",
     "elements/*"
   ]
+  ,
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./index.js"
+    },
+    "./elements/register.js": "./elements/register.js",
+    "./elements/register.auto.js": "./elements/register.auto.js",
+    "./elements/styles.css": "./elements/styles.css",
+    "./elements/main.js": "./elements/main.js",
+    "./elements/runtime.js": "./elements/runtime.js",
+    "./elements/polyfills.js": "./elements/polyfills.js"
+  }
 }

package/pep-separator.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface PepSeparatorProps extends React.HTMLAttributes<HTMLElement> {
+    keyProp?: string;
+    label?: string;
+    xAlignment?: 'start' | 'center' | 'end' | string;
+    visible?: boolean;
+}
+export declare const PepSeparator: React.FC<PepSeparatorProps>;

package/pep-separator.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+export const PepSeparator = ({ keyProp, label, xAlignment, visible, className, ...rest }) => {
+    const ref = useRef(null);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        if (typeof keyProp !== 'undefined')
+            el.key = keyProp;
+        if (typeof xAlignment !== 'undefined')
+            el.xAlignment = xAlignment;
+        if (typeof visible !== 'undefined')
+            el.visible = !!visible;
+    }, [keyProp, xAlignment, visible]);
+    return (_jsx("pep-separator", { ref: ref, className: className, label: label, ...rest }));
+};
+//# sourceMappingURL=pep-separator.js.map