@designbasekorea/figma-ui 0.1.65 → 0.1.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +14 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +14 -2
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
package/dist/index.js
CHANGED
|
@@ -296,12 +296,24 @@ const PaymentBadge = ({ isActive, onClick, isLoading = false, text, t = (key) =>
|
|
|
296
296
|
};
|
|
297
297
|
PaymentBadge.displayName = 'PaymentBadge';
|
|
298
298
|
|
|
299
|
+
let useTranslation = null;
|
|
300
|
+
try {
|
|
301
|
+
const reactI18next = require('react-i18next');
|
|
302
|
+
useTranslation = reactI18next.useTranslation;
|
|
303
|
+
}
|
|
304
|
+
catch (e) {
|
|
305
|
+
}
|
|
299
306
|
const DEFAULT_LANGUAGES = [
|
|
300
307
|
{ code: 'ko', label: 'KO' },
|
|
301
308
|
{ code: 'en', label: 'EN' },
|
|
302
309
|
];
|
|
303
|
-
const LanguageSelector = ({ currentLanguage
|
|
310
|
+
const LanguageSelector = ({ currentLanguage, languages = DEFAULT_LANGUAGES, onLanguageChange, size = 's', className, t }) => {
|
|
311
|
+
const i18n = useTranslation ? useTranslation().i18n : null;
|
|
312
|
+
const activeLanguage = currentLanguage || (i18n?.language) || 'ko';
|
|
304
313
|
const handleLanguageChange = (languageCode) => {
|
|
314
|
+
if (i18n) {
|
|
315
|
+
i18n.changeLanguage(languageCode);
|
|
316
|
+
}
|
|
305
317
|
if (onLanguageChange) {
|
|
306
318
|
onLanguageChange(languageCode);
|
|
307
319
|
}
|
|
@@ -312,7 +324,7 @@ const LanguageSelector = ({ currentLanguage = 'ko', languages = DEFAULT_LANGUAGE
|
|
|
312
324
|
disabled: false
|
|
313
325
|
}));
|
|
314
326
|
return (React.createElement("div", { className: `designbase-figma-language-selector ${className || ''}` },
|
|
315
|
-
React.createElement(ui.SegmentControl, { options: segmentOptions, value:
|
|
327
|
+
React.createElement(ui.SegmentControl, { options: segmentOptions, value: activeLanguage, onChange: handleLanguageChange, size: size, className: "designbase-figma-language-selector__segment" })));
|
|
316
328
|
};
|
|
317
329
|
LanguageSelector.displayName = 'LanguageSelector';
|
|
318
330
|
|