@pepperi-addons/ngx-composite-lib-react 0.5.4 → 0.5.6

package/pep-rich-text.js

@@ -1,77 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-export const PepRichText = ({ keyProp, value, label, mandatory, disabled, readonly, maxFieldCharacters, xAlignment, sanitize, rowSpan, visible, isActive, showTitle, renderTitle, renderEnlargeButton, layoutType, inlineMode, useAssetsForImages, toolbarOptions, onValueChange, className, style, }) => {
-    const ref = useRef(null);
-    useEffect(() => {
-        const el = ref.current;
-        if (!el)
-            return;
-        if (keyProp !== undefined)
-            el.key = keyProp;
-        if (value !== undefined)
-            el.value = value;
-        if (label !== undefined)
-            el.label = label;
-        if (mandatory !== undefined)
-            el.mandatory = mandatory;
-        if (disabled !== undefined)
-            el.disabled = disabled;
-        if (readonly !== undefined)
-            el.readonly = readonly;
-        if (maxFieldCharacters !== undefined)
-            el.maxFieldCharacters = maxFieldCharacters;
-        if (xAlignment !== undefined)
-            el.xAlignment = xAlignment;
-        if (sanitize !== undefined)
-            el.sanitize = sanitize;
-        if (rowSpan !== undefined)
-            el.rowSpan = rowSpan;
-        if (visible !== undefined)
-            el.visible = visible;
-        if (isActive !== undefined)
-            el.isActive = isActive;
-        if (showTitle !== undefined)
-            el.showTitle = showTitle;
-        if (renderTitle !== undefined)
-            el.renderTitle = renderTitle;
-        if (renderEnlargeButton !== undefined)
-            el.renderEnlargeButton = renderEnlargeButton;
-        if (layoutType !== undefined)
-            el.layoutType = layoutType;
-        if (inlineMode !== undefined)
-            el.inlineMode = inlineMode;
-        if (useAssetsForImages !== undefined)
-            el.useAssetsForImages = useAssetsForImages;
-        if (toolbarOptions !== undefined)
-            el.toolbarOptions = toolbarOptions;
-    }, [
-        keyProp,
-        value,
-        label,
-        mandatory,
-        disabled,
-        readonly,
-        maxFieldCharacters,
-        xAlignment,
-        sanitize,
-        rowSpan,
-        visible,
-        isActive,
-        showTitle,
-        renderTitle,
-        renderEnlargeButton,
-        layoutType,
-        inlineMode,
-        useAssetsForImages,
-        toolbarOptions,
-    ]);
-    useEffect(() => {
-        const el = ref.current;
-        if (!el)
-            return;
-        const handler = (e) => onValueChange?.(e.detail ?? ref.current?.value);
-        el.addEventListener('valueChange', handler);
-        return () => el.removeEventListener('valueChange', handler);
-    }, [onValueChange]);
-    return React.createElement('pep-rich-text-element', { ref, class: className, style });
-};
-//# sourceMappingURL=pep-rich-text.js.map

package/pep-shadow-settings.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export declare type PepSizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | string;
-export interface PepShadowSettings {
-    use?: boolean;
-    size?: PepSizeType;
-    intensity?: 'soft' | 'regular' | 'hard' | string;
-}
-export interface PepShadowSettingsProps {
-    titleSize?: PepSizeType;
-    shadow?: PepShadowSettings;
-    onShadowChange?: (value: PepShadowSettings) => void;
-    className?: string;
-    style?: React.CSSProperties;
-}
-export declare const PepShadowSettings: React.FC<PepShadowSettingsProps>;

package/pep-shadow-settings.js

@@ -1,23 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-export const PepShadowSettings = ({ titleSize, shadow, onShadowChange, className, style, }) => {
-    const ref = useRef(null);
-    useEffect(() => {
-        const el = ref.current;
-        if (!el)
-            return;
-        if (titleSize !== undefined)
-            el.titleSize = titleSize;
-        if (shadow !== undefined)
-            el.shadow = shadow;
-    }, [titleSize, shadow]);
-    useEffect(() => {
-        const el = ref.current;
-        if (!el)
-            return;
-        const handler = (e) => onShadowChange?.(e.detail ?? ref.current?.shadow);
-        el.addEventListener('shadowChange', handler);
-        return () => el.removeEventListener('shadowChange', handler);
-    }, [onShadowChange]);
-    return React.createElement('pep-shadow-settings-element', { ref, class: className, style });
-};
-//# sourceMappingURL=pep-shadow-settings.js.map

package/pep-show-if-badge.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export declare type PepIconType = string;
-export interface PepShowIfBadgeProps {
-    showIf?: boolean;
-    iconName?: PepIconType;
-    backgroundColor?: string;
-    className?: string;
-    style?: React.CSSProperties;
-}
-export declare const PepShowIfBadge: React.FC<PepShowIfBadgeProps>;

package/pep-show-if-badge.js

@@ -1,17 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-export const PepShowIfBadge = ({ showIf, iconName, backgroundColor, className, style, }) => {
-    const ref = useRef(null);
-    useEffect(() => {
-        const el = ref.current;
-        if (!el)
-            return;
-        if (showIf !== undefined)
-            el.showIf = showIf;
-        if (iconName !== undefined)
-            el.iconName = iconName;
-        if (backgroundColor !== undefined)
-            el.backgroundColor = backgroundColor;
-    }, [showIf, iconName, backgroundColor]);
-    return React.createElement('pep-show-if-badge-element', { ref, class: className, style });
-};
-//# sourceMappingURL=pep-show-if-badge.js.map