@vaneui/ui 0.0.3 → 0.0.5

package/dist/components/complex/index.d.ts

@@ -0,0 +1 @@
+export { SocialShare } from "./sharer";

package/dist/components/complex/index.js

@@ -0,0 +1,135 @@
+import { jsx } from 'react/jsx-runtime';
+
+const buildQueryString = (params) => {
+    const validKeys = Object.keys(params).filter(key => params[key] !== undefined && params[key] !== '');
+    return validKeys.length > 0
+        ? '?' +
+            validKeys
+                .map(key => `${key}=${encodeURIComponent(String(params[key]))}`)
+                .join('&')
+        : '';
+};
+const SocialShare = ({ url = window.location.href, text = '', width = 600, height = 480, isLink = false, isBlank = true, platforms, containerComponent, buttonComponent, buttonComponents, facebookProps = {}, twitterProps = {}, emailProps = {}, whatsappProps = {}, }) => {
+    const shareConfigs = {
+        fb: {
+            shareUrl: 'https://www.facebook.com/sharer/sharer.php',
+            getParams: () => ({
+                u: url,
+                hashtag: facebookProps.hashtag
+                    ? facebookProps.hashtag.startsWith('#')
+                        ? facebookProps.hashtag
+                        : `#${facebookProps.hashtag}`
+                    : '',
+                quote: text,
+            }),
+        },
+        li: {
+            shareUrl: 'https://www.linkedin.com/shareArticle',
+            getParams: () => ({
+                url,
+            }),
+        },
+        x: {
+            shareUrl: 'https://x.com/intent/tweet',
+            getParams: () => ({
+                text,
+                url,
+                hashtags: twitterProps.hashtags,
+                via: twitterProps.via,
+                related: twitterProps.related,
+                in_reply_to: twitterProps.inReplyTo,
+            }),
+        },
+        th: {
+            shareUrl: 'https://threads.net/intent/post',
+            getParams: () => ({
+                text: `${text} ${url}`,
+            }),
+        },
+        em: {
+            shareUrl: 'mailto:' + (emailProps.to || ''),
+            getParams: () => ({
+                subject: emailProps.title,
+                body: `${text}\n${url}`,
+            }),
+        },
+        wa: {
+            shareUrl: whatsappProps.web
+                ? 'https://web.whatsapp.com/send'
+                : 'https://wa.me/',
+            getParams: () => ({
+                phone: whatsappProps.to,
+                text: `${text} ${url}`,
+            }),
+        },
+        tg: {
+            shareUrl: 'https://t.me/share',
+            getParams: () => ({
+                text,
+                url,
+            }),
+        },
+        re: {
+            shareUrl: 'https://www.reddit.com/submit',
+            getParams: () => ({
+                url,
+                title: text,
+            }),
+        },
+    };
+    const platformLabels = {
+        fb: 'Facebook',
+        li: 'LinkedIn',
+        x: 'X',
+        th: 'Threads',
+        em: 'Email',
+        wa: 'WhatsApp',
+        tg: 'Telegram',
+        re: 'Reddit',
+    };
+    const buildShareUrl = (config) => {
+        const params = config.getParams();
+        const queryString = buildQueryString(params);
+        return config.shareUrl + queryString;
+    };
+    const openShareWindow = (shareUrl) => {
+        if (isLink) {
+            if (isBlank) {
+                window.open(shareUrl, '_blank');
+            }
+            else {
+                window.location.href = shareUrl;
+            }
+        }
+        else {
+            const left = window.innerWidth / 2 - width / 2 + window.screenX;
+            const top = window.innerHeight / 2 - height / 2 + window.screenY;
+            const popParams = `scrollbars=no, width=${width}, height=${height}, top=${top}, left=${left}`;
+            const newWindow = window.open(shareUrl, '', popParams);
+            if (newWindow) {
+                newWindow.focus();
+            }
+        }
+    };
+    const handleShare = (key) => {
+        const config = shareConfigs[key];
+        if (!config)
+            return;
+        const shareUrl = buildShareUrl(config);
+        openShareWindow(shareUrl);
+    };
+    // Use the provided container component or default to 'div'
+    const Container = containerComponent || 'div';
+    // Default button component to use if no platform-specific component is provided
+    const DefaultButton = buttonComponent || 'button';
+    const platformsToShow = platforms || Object.keys(shareConfigs);
+    return (jsx(Container, { children: platformsToShow.map(key => {
+            // Use a specific button component if defined for the key
+            const Button = (buttonComponents && buttonComponents[key]) || DefaultButton;
+            const label = platformLabels[key] || key;
+            return (jsx(Button, { onClick: () => handleShare(key), title: `Share on ${label}`, children: label }, key));
+        }) }));
+};
+
+export { SocialShare };
+//# sourceMappingURL=index.js.map

package/dist/components/complex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/complex/sharer.d.ts

@@ -35,5 +35,5 @@ interface SocialShareProps extends SocialShareCommonProps {
     emailProps?: EmailShareProps;
     whatsappProps?: WhatsAppShareProps;
 }
-declare const SocialShare: React.FC<SocialShareProps>;
-export default SocialShare;
+export declare const SocialShare: React.FC<SocialShareProps>;
+export {};

package/dist/components/ui/badge.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { TypographyComponentProps } from "./props";
+import { TypographyComponentProps } from "./props/props";
 export declare const Badge: React.FC<TypographyComponentProps>;

package/dist/components/ui/button.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { TypographyComponentProps } from "./props";
+import { TypographyComponentProps } from "./props/props";
 export declare const Button: React.FC<TypographyComponentProps>;

package/dist/components/ui/chip.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { TypographyComponentProps } from "./props";
+import { TypographyComponentProps } from "./props/props";
 export declare const Chip: React.FC<TypographyComponentProps>;

package/dist/components/ui/divider.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { BaseComponentProps } from "./props";
+import { BaseComponentProps } from "./props/props";
 export declare const Divider: React.FC<BaseComponentProps>;

package/dist/components/ui/layout.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { GridProps, LayoutComponentProps, ColProps, RowProps } from "./props";
+import { GridProps, LayoutComponentProps, ColProps, RowProps } from "./props/props";
 export declare const Section: React.FC<LayoutComponentProps>;
 export declare const Container: React.FC<LayoutComponentProps>;
 export declare const Col: React.FC<ColProps>;

package/dist/components/ui/settings.d.ts

@@ -1,4 +1,4 @@
-import { CommonAppearanceProps, FontFamilyProps, FontStyleProps, FontWeightProps, TextAppearanceProps, TextDecorationProps, TextTransformProps } from "./props";
+import { CommonAppearanceProps, FontFamilyProps, FontStyleProps, FontWeightProps, TextAppearanceProps, TextDecorationProps, TextTransformProps } from "./props/props";
 export type CommonAppearanceSettings = {
     [key in keyof CommonAppearanceProps]: boolean;
 };

package/dist/components/ui/typography.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypographyComponentProps } from "./props";
+import { TypographyComponentProps } from "./props/props";
 export declare const PageTitle: React.FC<TypographyComponentProps>;
 export declare const SectionTitle: React.FC<TypographyComponentProps>;
 export declare const Title: React.FC<TypographyComponentProps>;

package/dist/components/{ui/utils.d.ts → utils/componentBuilder.d.ts}

@@ -1,5 +1,5 @@
-import { BaseComponentProps, BreakpointProps, CenteredProps, CommonAppearanceProps, FontFamilyProps, FontStyleProps, FontWeightProps, GapProps, HideProps, PositionProps, ReverseProps, TextAppearanceProps, TextDecorationProps, TextTransformProps, SizeProps } from "./props";
-import { CommonAppearanceSettings, FontFamilySettings, FontStyleSettings, FontWeightSettings, TextAppearanceSettings, TextDecorationSettings, TextTransformSettings, TypographySettings } from "./settings";
+import { BaseComponentProps, BreakpointProps, CenteredProps, CommonAppearanceProps, FontFamilyProps, FontStyleProps, FontWeightProps, GapProps, HideProps, PositionProps, ReverseProps, TextAppearanceProps, TextDecorationProps, TextTransformProps, SizeProps } from "../ui/props/props";
+import { CommonAppearanceSettings, FontFamilySettings, FontStyleSettings, FontWeightSettings, TextAppearanceSettings, TextDecorationSettings, TextTransformSettings, TypographySettings } from "../ui/settings";
 export declare function componentBuilder(baseProps: BaseComponentProps, defaultTag: string, baseClasses?: string): {
     withBooleanProps: <T extends Record<string, string>>(propMap: Record<keyof T, string>, fallbackKey?: keyof T, settings?: {
         [key: string]: boolean;