@designbasekorea/figma-ui 0.1.45 → 0.1.48

package/dist/index.js

@@ -327,6 +327,70 @@ const LanguageSelector = ({ currentLanguage = 'ko', languages = DEFAULT_LANGUAGE
 };
 LanguageSelector.displayName = 'LanguageSelector';
 
+const defaultLinks = [
+    {
+        name: 'officialWebsite',
+        url: 'https://designbase.co.kr',
+        icon: React.createElement(icons.AppWindowIcon, { size: 20 }),
+    },
+    {
+        name: 'youtube',
+        url: 'https://youtube.com/designbase',
+        icon: React.createElement(icons.YoutubeIcon, { size: 20 }),
+    },
+    {
+        name: 'instagram',
+        url: 'https://instagram.com/designbase',
+        icon: React.createElement(icons.InstagramIcon, { size: 20 }),
+    },
+    {
+        name: 'figmaCommunity',
+        url: 'https://www.figma.com/@designbasekorea',
+        icon: React.createElement(icons.FigmaIcon, { size: 20 }),
+    },
+    {
+        name: 'contact',
+        url: 'mailto:designbasekorea@gmail.com',
+        icon: React.createElement(icons.MailIcon, { size: 20 }),
+    },
+];
+const defaultTranslations$1 = {
+    officialWebsite: '공식 웹사이트',
+    youtube: '유튜브',
+    instagram: '인스타그램',
+    figmaCommunity: '피그마 커뮤니티',
+    contact: '문의하기',
+};
+const defaultT$1 = (key) => defaultTranslations$1[key] || key;
+const LogoDropdown = ({ logoSrc, logoAlt = 'DesignBase', logoType = 'designbase', logoSize = 'xs', links = defaultLinks, position = 'top-left', className, t = defaultT$1, }) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const toggleDropdown = () => setIsOpen(!isOpen);
+    const handleLinkClick = (url) => {
+        if (url.startsWith('mailto:')) {
+            return;
+        }
+        window.open(url, '_blank', 'noopener,noreferrer');
+    };
+    const classes = clsx('designbase-figma-logo-dropdown', `designbase-figma-logo-dropdown--${position}`, {
+        'designbase-figma-logo-dropdown--open': isOpen,
+    }, className);
+    const renderLogo = () => {
+        if (logoSrc) {
+            return (React.createElement("img", { className: "designbase-figma-logo-dropdown__logo", src: logoSrc, alt: logoAlt, onClick: toggleDropdown }));
+        }
+        return (React.createElement("div", { className: "designbase-figma-logo-dropdown__logo", onClick: toggleDropdown },
+            React.createElement(ui.Logo, { type: logoType, size: logoSize, variant: "default" })));
+    };
+    return (React.createElement("div", { className: classes },
+        renderLogo(),
+        isOpen && (React.createElement("ul", { className: "designbase-figma-logo-dropdown__menu" }, links.map((link, index) => (React.createElement("li", { key: index, className: "designbase-figma-logo-dropdown__item" },
+            React.createElement("button", { type: "button", className: "designbase-figma-logo-dropdown__link", onClick: () => handleLinkClick(link.url) },
+                link.icon && (React.createElement("span", { className: "designbase-figma-logo-dropdown__icon" }, link.icon)),
+                React.createElement("span", { className: "designbase-figma-logo-dropdown__text" }, t(link.name)),
+                React.createElement(icons.ExternalLinkIcon, { size: 16, className: "designbase-figma-logo-dropdown__arrow" })))))))));
+};
+LogoDropdown.displayName = 'LogoDropdown';
+
 const defaultTranslations = {
     unlimitedUsage: '무제한 사용',
     perDay: '일',
@@ -334,7 +398,7 @@ const defaultTranslations = {
     donationPrompt: '이 플러그인이 유용했나요?',
 };
 const defaultT = (key) => defaultTranslations[key] || key;
-const FigmaFooter = ({ onLicensePageClick, paymentStatus = 'FREE', usageCount = 0, isLoading = false, showPaymentStatus = true, maxDailyUsage = 20, showDonation = true, donationUrl = 'https://buymeacoffee.com/designbase', donationText = 'Buy me a coffee', showDonationText = true, donationPromptText, showLanguageSelector = false, currentLanguage = 'ko', languages, onLanguageChange, className, t = defaultT, children, }) => {
+const FigmaFooter = ({ onLicensePageClick, paymentStatus = 'FREE', usageCount = 0, isLoading = false, showPaymentStatus = true, maxDailyUsage = 20, showDonation = true, donationUrl = 'https://buymeacoffee.com/designbase', donationText = 'Buy me a coffee', showDonationText = true, donationPromptText, showLanguageSelector = false, currentLanguage = 'ko', languages, onLanguageChange, logoSrc, logoAlt = 'DesignBase', logoType = 'designbase', logoSize = 'xs', logoLinks, className, t = defaultT, children, }) => {
     const isActive = paymentStatus === 'PAID';
     const hasChildren = React.Children.count(children) > 0;
     const classes = clsx('designbase-figma-footer', {
@@ -342,7 +406,9 @@ const FigmaFooter = ({ onLicensePageClick, paymentStatus = 'FREE', usageCount =
     }, className);
     return (React.createElement("footer", { className: classes },
         React.createElement("div", { className: "designbase-figma-footer__wrap" },
-            React.createElement("div", { className: "designbase-figma-footer__left" }, showLanguageSelector && (React.createElement(LanguageSelector, { currentLanguage: currentLanguage, languages: languages, onLanguageChange: onLanguageChange, size: "s" }))),
+            React.createElement("div", { className: "designbase-figma-footer__left" },
+                React.createElement(LogoDropdown, { logoSrc: logoSrc, logoAlt: logoAlt, logoType: logoType, logoSize: logoSize, links: logoLinks, t: t }),
+                showLanguageSelector && (React.createElement(LanguageSelector, { currentLanguage: currentLanguage, languages: languages, onLanguageChange: onLanguageChange, size: "s" }))),
             showPaymentStatus && (React.createElement("div", { className: "designbase-figma-footer__payment-states" },
                 !isLoading && (React.createElement("div", { className: "designbase-figma-footer__usage-info" }, isActive ? (React.createElement("span", { className: "designbase-figma-footer__unlimited-usage" }, t('unlimitedUsage'))) : (React.createElement(React.Fragment, null,
                     React.createElement("span", { className: "designbase-figma-footer__usage-count" }, usageCount),
@@ -369,10 +435,9 @@ const FormWithSubmit = ({ onLicenseSubmit, disabled = false, isSubmitting = fals
         e.preventDefault();
         await onLicenseSubmit(inputValue);
     };
-    const handleChange = (e) => {
-        const newValue = e.target.value;
-        setInputValue(newValue);
-        onValueChange?.(newValue);
+    const handleChange = (value) => {
+        setInputValue(value);
+        onValueChange?.(value);
     };
     const displayLabel = resolveText(t, label, 'License Key');
     const displayPlaceholder = resolveText(t, placeholder, 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx');
@@ -855,6 +920,7 @@ exports.FigmaSidebar = FigmaSidebar;
 exports.FormWithSubmit = FormWithSubmit;
 exports.InteractionFeedback = InteractionFeedback;
 exports.LanguageSelector = LanguageSelector;
+exports.LogoDropdown = LogoDropdown;
 exports.PageLicense = PageLicense;
 exports.PaymentBadge = PaymentBadge;
 exports.PaymentStatusSection = PaymentStatusSection;