pds-dev-kit-web 2.2.233 → 2.2.235

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.
Files changed (33) hide show
  1. package/dist/index.d.ts +5 -5
  2. package/dist/index.js +7 -5
  3. package/dist/src/common/styles/editorContentStyle.d.ts +1 -0
  4. package/dist/src/common/styles/editorContentStyle.js +76 -0
  5. package/dist/src/common/types/{multilingual.d.ts → LocalizedContent.d.ts} +6 -5
  6. package/dist/src/common/types/index.d.ts +1 -1
  7. package/dist/src/common/types/index.js +1 -1
  8. package/dist/src/desktop/components/BasicFormGroup/BasicFormGroup.d.ts +4 -5
  9. package/dist/src/desktop/components/BasicFormGroup/BasicFormGroup.js +3 -53
  10. package/dist/src/desktop/components/BodyTextGroup/BodyTextGroup.d.ts +3 -5
  11. package/dist/src/desktop/components/BodyTextGroup/BodyTextGroup.js +3 -51
  12. package/dist/src/desktop/components/LocalizedButton/LocalizedButton.d.ts +8 -0
  13. package/dist/src/desktop/components/LocalizedButton/LocalizedButton.js +44 -0
  14. package/dist/src/desktop/components/LocalizedButton/index.d.ts +1 -0
  15. package/dist/src/desktop/components/LocalizedButton/index.js +8 -0
  16. package/dist/src/desktop/components/RichTextEditor/RichTextEditor.js +1 -1
  17. package/dist/src/desktop/components/index.d.ts +2 -1
  18. package/dist/src/desktop/components/index.js +3 -1
  19. package/dist/src/desktop/index.d.ts +2 -2
  20. package/dist/src/desktop/index.js +3 -1
  21. package/dist/src/desktop/panels/LocalizedContentModal/LocalizedContentModal.d.ts +24 -0
  22. package/dist/src/desktop/panels/LocalizedContentModal/LocalizedContentModal.js +81 -0
  23. package/dist/src/desktop/panels/LocalizedContentModal/index.d.ts +1 -0
  24. package/dist/src/desktop/panels/{MultilingualModal → LocalizedContentModal}/index.js +2 -2
  25. package/dist/src/desktop/panels/index.d.ts +2 -2
  26. package/dist/src/desktop/panels/index.js +3 -3
  27. package/dist/src/sub/DynamicLayout/gleStyles.js +1 -1
  28. package/package.json +2 -2
  29. package/release-note.md +2 -3
  30. package/dist/src/desktop/panels/MultilingualModal/MultilingualModal.d.ts +0 -13
  31. package/dist/src/desktop/panels/MultilingualModal/MultilingualModal.js +0 -206
  32. package/dist/src/desktop/panels/MultilingualModal/index.d.ts +0 -1
  33. /package/dist/src/common/types/{multilingual.js → LocalizedContent.js} +0 -0
package/dist/index.d.ts CHANGED
@@ -8,20 +8,20 @@ export { AdminListItemTransition, InputTransition, ButtonTransition } from './sr
8
8
  export { Form };
9
9
  import { Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch } from './src/hybrid';
10
10
  export { Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch };
11
- import { LayoutWF, WFContainersBox, LayoutWH, WHContainersBox, LayoutWS, WSGlobalMenuContainer, WSContainersBox, LayoutWT, WTGlobalMenuContainer, WTContainersBox, D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicButtonGroup, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_BoxItem, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_RichTextEditor, D_SegmentedButtonGroup, D_Select, D_Slider, D_Snackbar, D_StatusBlock, D_TextButton, D_PriceTextField, D_TextField, D_TextLabel, D_PriceTextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab, D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopBasicModalWithTab, DesktopBasicModalWithTabInfoType, D_DesktopHeadlessModal, D_DesktopTutorialModal, DesktopTutorialModalInfoType, D_SectionSheet, D_Calendar } from './src/desktop';
11
+ import { LayoutWF, WFContainersBox, LayoutWH, WHContainersBox, LayoutWS, WSGlobalMenuContainer, WSContainersBox, LayoutWT, WTGlobalMenuContainer, WTContainersBox, D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicButtonGroup, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_BoxItem, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_SegmentedButtonGroup, D_Select, D_Slider, D_Snackbar, D_StatusBlock, D_TextButton, D_PriceTextField, D_TextField, D_TextLabel, D_PriceTextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab, D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopBasicModalWithTab, DesktopBasicModalWithTabInfoType, D_DesktopHeadlessModal, D_DesktopTutorialModal, DesktopTutorialModalInfoType, D_SectionSheet, D_Calendar, D_RichTextEditor, D_LocalizedContentModal, LocalizedButton } from './src/desktop';
12
12
  export { LayoutWF, WFContainersBox };
13
13
  export { LayoutWH, WHContainersBox };
14
14
  export { LayoutWS, WSGlobalMenuContainer, WSContainersBox };
15
15
  export { LayoutWT, WTGlobalMenuContainer, WTContainersBox };
16
- export { D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicButtonGroup, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_BoxItem, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_RichTextEditor, D_SegmentedButtonGroup, D_Select, D_Slider, D_Snackbar, D_StatusBlock, D_TextButton, D_PriceTextField, D_TextField, D_TextLabel, D_PriceTextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab, D_Calendar };
17
- export { D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopBasicModalWithTab, D_DesktopHeadlessModal, D_DesktopTutorialModal, D_SectionSheet };
16
+ export { D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicButtonGroup, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_BoxItem, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_SegmentedButtonGroup, D_Select, D_Slider, D_Snackbar, D_StatusBlock, D_TextButton, D_PriceTextField, D_TextField, D_TextLabel, D_PriceTextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab, D_Calendar, D_RichTextEditor, LocalizedButton };
17
+ export { D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopBasicModalWithTab, D_DesktopHeadlessModal, D_DesktopTutorialModal, D_LocalizedContentModal, D_SectionSheet };
18
18
  export type { DesktopBasicModalWithTabInfoType, DesktopTutorialModalInfoType };
19
- import { LayoutMF, MFContainersBox, LayoutMM, MMNavigationContainer, MMContainersBox, LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox, LayoutMS, MSNavigationContainer, MSContainersBox, M_BasicButtonGroup, M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_BoxItem, M_Card, M_CardList, M_ChatBubbleListItem, M_ChatList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_DatePicker, M_Dropdown, M_FloatingActionButton, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_LottieReactionButton, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_RichTextEditor, M_SegmentedButtonGroup, M_Select, M_Slider, M_Snackbar, M_StatusBlock, M_TextButton, M_PriceTextField, M_TextField, M_TextLabel, M_PriceTextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton, M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet } from './src/mobile';
19
+ import { LayoutMF, MFContainersBox, LayoutMM, MMNavigationContainer, MMContainersBox, LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox, LayoutMS, MSNavigationContainer, MSContainersBox, M_BasicButtonGroup, M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_BoxItem, M_Card, M_CardList, M_ChatBubbleListItem, M_ChatList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_DatePicker, M_Dropdown, M_FloatingActionButton, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_LottieReactionButton, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_SegmentedButtonGroup, M_Select, M_Slider, M_Snackbar, M_StatusBlock, M_TextButton, M_PriceTextField, M_TextField, M_TextLabel, M_PriceTextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton, M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet, M_RichTextEditor } from './src/mobile';
20
20
  export { LayoutMF, MFContainersBox };
21
21
  export { LayoutMM, MMNavigationContainer, MMContainersBox };
22
22
  export { LayoutMP, MPNavigationContainer, MPTabContainer, MPContainersBox };
23
23
  export { LayoutMS, MSNavigationContainer, MSContainersBox };
24
- export { M_BasicButtonGroup, M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_BoxItem, M_Card, M_CardList, M_ChatBubbleListItem, M_ChatList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_DatePicker, M_Dropdown, M_FloatingActionButton, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_LottieReactionButton, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_RichTextEditor, M_SegmentedButtonGroup, M_Select, M_Slider, M_Snackbar, M_StatusBlock, M_TextButton, M_PriceTextField, M_TextField, M_TextLabel, M_PriceTextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton };
24
+ export { M_BasicButtonGroup, M_BasicChatListItem, M_BasicFormGroup, M_BasicList, M_BasicListItem, M_BlogTextField, M_BodyTextGroup, M_BoxItem, M_Card, M_CardList, M_ChatBubbleListItem, M_ChatList, M_Checkbox, M_Chip, M_ContextMenu, M_ContextMenuItem, M_DatePicker, M_Dropdown, M_FloatingActionButton, M_HorizontalFormGroup, M_IconButton, M_ImageSlide, M_LottieReactionButton, M_MainButton, M_MobileAlertDialog, M_MobileHeaderBar, M_MobileTabBar, M_Radio, M_ReactionButton, M_SegmentedButtonGroup, M_Select, M_Slider, M_Snackbar, M_StatusBlock, M_TextButton, M_PriceTextField, M_TextField, M_TextLabel, M_PriceTextLabel, M_UploadIconButton, M_UploadMainButton, M_UploadTextButton, M_RichTextEditor };
25
25
  export { M_AnnotationSheet, M_ContentSheet, M_MobileBasicModal, M_SectionSheet };
26
26
  import { DynamicLayout } from './src/sub';
27
27
  export { DynamicLayout };
package/dist/index.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.LayoutWF = exports.Switch = exports.Spacing = exports.LottieIcon = exports.LinearProgress = exports.ImageView = exports.Icon = exports.Divider = exports.Form = exports.ButtonTransition = exports.InputTransition = exports.AdminListItemTransition = exports.scaleBounceOutIncludeTranslate02 = exports.scaleBounceInIncludeTranslate02 = exports.scaleBounceOutIncludeTranslate = exports.scaleBounceInIncludeTranslate = exports.scaleBounceOut02 = exports.scaleBounceOut = exports.scaleBounceIn02 = exports.scaleBounceIn = exports.gelatine = exports.scaleDownIncludeTranslate = exports.scaleUpIncludeTranslate = exports.scaleDown = exports.scaleUp = exports.glow = exports.fadeOut = exports.fadeIn = exports.modalOverlayOffAni = exports.modalOverlayOnAni = exports.modalOffAni = exports.modalOnAni = exports.dialogOverlayOffAni = exports.dialogOverlayOnAni = exports.dialogOffAni = exports.dialogOnAni = exports.theme = exports.customTheme = exports.uiColors = exports.spacing = exports.boxShadow = exports.mobileEditorLineHeight = exports.mobileEditorFontSize = exports.mobileLineHeight = exports.mobileFontSize = exports.desktopEditorLineHeight = exports.desktopEditorFontSize = exports.desktopLineHeight = exports.desktopFontSize = exports.fontWeight = void 0;
4
- exports.D_Slider = exports.D_Select = exports.D_SegmentedButtonGroup = exports.D_RichTextEditor = exports.D_ReactionButton = exports.D_Radio = exports.D_PageTitleTextGroup = exports.D_MainButton = exports.D_LottieReactionButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DynamicDesktopNavBarTemplates = exports.D_DynamicDesktopNavBar = exports.D_Dropdown = exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_Chip = exports.D_Checkbox = exports.D_ChatList = exports.D_ChatBubbleListItem = exports.D_CardList = exports.D_Card = exports.D_BoxItem = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_BasicChatListItem = exports.D_BasicButtonGroup = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WHContainersBox = exports.LayoutWH = exports.WFContainersBox = void 0;
5
- exports.M_DatePicker = exports.M_ContextMenuItem = exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_ChatList = exports.M_ChatBubbleListItem = exports.M_CardList = exports.M_Card = exports.M_BoxItem = exports.M_BodyTextGroup = exports.M_BlogTextField = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.M_BasicChatListItem = exports.M_BasicButtonGroup = exports.MSContainersBox = exports.MSNavigationContainer = exports.LayoutMS = exports.MPContainersBox = exports.MPTabContainer = exports.MPNavigationContainer = exports.LayoutMP = exports.MMContainersBox = exports.MMNavigationContainer = exports.LayoutMM = exports.MFContainersBox = exports.LayoutMF = exports.D_SectionSheet = exports.D_DesktopTutorialModal = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModalWithTab = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.D_Calendar = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_PriceTextLabel = exports.D_TextLabel = exports.D_TextField = exports.D_PriceTextField = exports.D_TextButton = exports.D_StatusBlock = exports.D_Snackbar = void 0;
6
- exports.ToolBar = exports.BulkActionBar = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = exports.DynamicLayout = exports.M_SectionSheet = exports.M_MobileBasicModal = exports.M_ContentSheet = exports.M_AnnotationSheet = exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_PriceTextLabel = exports.M_TextLabel = exports.M_TextField = exports.M_PriceTextField = exports.M_TextButton = exports.M_StatusBlock = exports.M_Snackbar = exports.M_Slider = exports.M_Select = exports.M_SegmentedButtonGroup = exports.M_RichTextEditor = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.M_MobileAlertDialog = exports.M_MainButton = exports.M_LottieReactionButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_FloatingActionButton = exports.M_Dropdown = void 0;
4
+ exports.D_Snackbar = exports.D_Slider = exports.D_Select = exports.D_SegmentedButtonGroup = exports.D_ReactionButton = exports.D_Radio = exports.D_PageTitleTextGroup = exports.D_MainButton = exports.D_LottieReactionButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DynamicDesktopNavBarTemplates = exports.D_DynamicDesktopNavBar = exports.D_Dropdown = exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_Chip = exports.D_Checkbox = exports.D_ChatList = exports.D_ChatBubbleListItem = exports.D_CardList = exports.D_Card = exports.D_BoxItem = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_BasicChatListItem = exports.D_BasicButtonGroup = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WHContainersBox = exports.LayoutWH = exports.WFContainersBox = void 0;
5
+ exports.M_ContextMenu = exports.M_Chip = exports.M_Checkbox = exports.M_ChatList = exports.M_ChatBubbleListItem = exports.M_CardList = exports.M_Card = exports.M_BoxItem = exports.M_BodyTextGroup = exports.M_BlogTextField = exports.M_BasicListItem = exports.M_BasicList = exports.M_BasicFormGroup = exports.M_BasicChatListItem = exports.M_BasicButtonGroup = exports.MSContainersBox = exports.MSNavigationContainer = exports.LayoutMS = exports.MPContainersBox = exports.MPTabContainer = exports.MPNavigationContainer = exports.LayoutMP = exports.MMContainersBox = exports.MMNavigationContainer = exports.LayoutMM = exports.MFContainersBox = exports.LayoutMF = exports.D_SectionSheet = exports.D_LocalizedContentModal = exports.D_DesktopTutorialModal = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModalWithTab = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.LocalizedButton = exports.D_RichTextEditor = exports.D_Calendar = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_PriceTextLabel = exports.D_TextLabel = exports.D_TextField = exports.D_PriceTextField = exports.D_TextButton = exports.D_StatusBlock = void 0;
6
+ exports.ToolBar = exports.BulkActionBar = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = exports.DynamicLayout = exports.M_SectionSheet = exports.M_MobileBasicModal = exports.M_ContentSheet = exports.M_AnnotationSheet = exports.M_RichTextEditor = exports.M_UploadTextButton = exports.M_UploadMainButton = exports.M_UploadIconButton = exports.M_PriceTextLabel = exports.M_TextLabel = exports.M_TextField = exports.M_PriceTextField = exports.M_TextButton = exports.M_StatusBlock = exports.M_Snackbar = exports.M_Slider = exports.M_Select = exports.M_SegmentedButtonGroup = exports.M_ReactionButton = exports.M_Radio = exports.M_MobileTabBar = exports.M_MobileHeaderBar = exports.M_MobileAlertDialog = exports.M_MainButton = exports.M_LottieReactionButton = exports.M_ImageSlide = exports.M_IconButton = exports.M_HorizontalFormGroup = exports.M_FloatingActionButton = exports.M_Dropdown = exports.M_DatePicker = exports.M_ContextMenuItem = void 0;
7
7
  /* eslint-disable import/order */
8
8
  /* eslint-disable import/first */
9
9
  // common
@@ -114,7 +114,6 @@ Object.defineProperty(exports, "D_MainButton", { enumerable: true, get: function
114
114
  Object.defineProperty(exports, "D_PageTitleTextGroup", { enumerable: true, get: function () { return desktop_1.D_PageTitleTextGroup; } });
115
115
  Object.defineProperty(exports, "D_Radio", { enumerable: true, get: function () { return desktop_1.D_Radio; } });
116
116
  Object.defineProperty(exports, "D_ReactionButton", { enumerable: true, get: function () { return desktop_1.D_ReactionButton; } });
117
- Object.defineProperty(exports, "D_RichTextEditor", { enumerable: true, get: function () { return desktop_1.D_RichTextEditor; } });
118
117
  Object.defineProperty(exports, "D_SegmentedButtonGroup", { enumerable: true, get: function () { return desktop_1.D_SegmentedButtonGroup; } });
119
118
  Object.defineProperty(exports, "D_Select", { enumerable: true, get: function () { return desktop_1.D_Select; } });
120
119
  Object.defineProperty(exports, "D_Slider", { enumerable: true, get: function () { return desktop_1.D_Slider; } });
@@ -139,6 +138,9 @@ Object.defineProperty(exports, "D_DesktopHeadlessModal", { enumerable: true, get
139
138
  Object.defineProperty(exports, "D_DesktopTutorialModal", { enumerable: true, get: function () { return desktop_1.D_DesktopTutorialModal; } });
140
139
  Object.defineProperty(exports, "D_SectionSheet", { enumerable: true, get: function () { return desktop_1.D_SectionSheet; } });
141
140
  Object.defineProperty(exports, "D_Calendar", { enumerable: true, get: function () { return desktop_1.D_Calendar; } });
141
+ Object.defineProperty(exports, "D_RichTextEditor", { enumerable: true, get: function () { return desktop_1.D_RichTextEditor; } });
142
+ Object.defineProperty(exports, "D_LocalizedContentModal", { enumerable: true, get: function () { return desktop_1.D_LocalizedContentModal; } });
143
+ Object.defineProperty(exports, "LocalizedButton", { enumerable: true, get: function () { return desktop_1.LocalizedButton; } });
142
144
  // mobile
143
145
  var mobile_1 = require("./src/mobile");
144
146
  Object.defineProperty(exports, "LayoutMF", { enumerable: true, get: function () { return mobile_1.LayoutMF; } });
@@ -182,7 +184,6 @@ Object.defineProperty(exports, "M_MobileHeaderBar", { enumerable: true, get: fun
182
184
  Object.defineProperty(exports, "M_MobileTabBar", { enumerable: true, get: function () { return mobile_1.M_MobileTabBar; } });
183
185
  Object.defineProperty(exports, "M_Radio", { enumerable: true, get: function () { return mobile_1.M_Radio; } });
184
186
  Object.defineProperty(exports, "M_ReactionButton", { enumerable: true, get: function () { return mobile_1.M_ReactionButton; } });
185
- Object.defineProperty(exports, "M_RichTextEditor", { enumerable: true, get: function () { return mobile_1.M_RichTextEditor; } });
186
187
  Object.defineProperty(exports, "M_SegmentedButtonGroup", { enumerable: true, get: function () { return mobile_1.M_SegmentedButtonGroup; } });
187
188
  Object.defineProperty(exports, "M_Select", { enumerable: true, get: function () { return mobile_1.M_Select; } });
188
189
  Object.defineProperty(exports, "M_Slider", { enumerable: true, get: function () { return mobile_1.M_Slider; } });
@@ -200,6 +201,7 @@ Object.defineProperty(exports, "M_AnnotationSheet", { enumerable: true, get: fun
200
201
  Object.defineProperty(exports, "M_ContentSheet", { enumerable: true, get: function () { return mobile_1.M_ContentSheet; } });
201
202
  Object.defineProperty(exports, "M_MobileBasicModal", { enumerable: true, get: function () { return mobile_1.M_MobileBasicModal; } });
202
203
  Object.defineProperty(exports, "M_SectionSheet", { enumerable: true, get: function () { return mobile_1.M_SectionSheet; } });
204
+ Object.defineProperty(exports, "M_RichTextEditor", { enumerable: true, get: function () { return mobile_1.M_RichTextEditor; } });
203
205
  // sub
204
206
  // dynamicLayout
205
207
  var sub_1 = require("./src/sub");
@@ -0,0 +1 @@
1
+ export declare const editorContentStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
@@ -0,0 +1,76 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ Object.defineProperty(exports, "__esModule", { value: true });
7
+ exports.editorContentStyle = void 0;
8
+ var styled_components_1 = require("styled-components");
9
+ exports.editorContentStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n line-height: ", ";\n text-align: left;\n white-space: pre-wrap;\n width: 100%;\n word-break: break-word;\n\n & pre {\n white-space: pre-wrap;\n }\n\n div,\n p {\n overflow: hidden;\n }\n\n h1 {\n font-size: ", ";\n line-height: ", ";\n }\n\n h2 {\n font-size: ", ";\n line-height: ", ";\n }\n\n h3 {\n font-size: ", ";\n line-height: ", ";\n }\n\n p,\n li,\n ol {\n font-size: ", ";\n line-height: ", ";\n }\n\n p {\n margin-top: 25px;\n margin-bottom: 25px;\n }\n\n ul {\n margin-top: 25px;\n margin-bottom: 25px;\n }\n\n a {\n color: ", ";\n font-size: ", ";\n line-height: ", ";\n }\n\n img {\n max-width: 100%;\n height: auto;\n margin-top: 30px;\n margin-bottom: 30px;\n }\n\n figure {\n margin: 0;\n max-width: 100%;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n\n iframe,\n video {\n max-width: 100%;\n border: none;\n max-height: 404px;\n }\n\n blockquote {\n border-left: 4px solid ", ";\n margin: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n\n p {\n font-size: ", ";\n font-style: oblique;\n line-height: ", ";\n margin: 0;\n }\n }\n\n span {\n font-weight: inherit;\n }\n"], ["\n color: ", ";\n font-size: ", ";\n line-height: ", ";\n text-align: left;\n white-space: pre-wrap;\n width: 100%;\n word-break: break-word;\n\n & pre {\n white-space: pre-wrap;\n }\n\n div,\n p {\n overflow: hidden;\n }\n\n h1 {\n font-size: ", ";\n line-height: ", ";\n }\n\n h2 {\n font-size: ", ";\n line-height: ", ";\n }\n\n h3 {\n font-size: ", ";\n line-height: ", ";\n }\n\n p,\n li,\n ol {\n font-size: ", ";\n line-height: ", ";\n }\n\n p {\n margin-top: 25px;\n margin-bottom: 25px;\n }\n\n ul {\n margin-top: 25px;\n margin-bottom: 25px;\n }\n\n a {\n color: ", ";\n font-size: ", ";\n line-height: ", ";\n }\n\n img {\n max-width: 100%;\n height: auto;\n margin-top: 30px;\n margin-bottom: 30px;\n }\n\n figure {\n margin: 0;\n max-width: 100%;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n\n iframe,\n video {\n max-width: 100%;\n border: none;\n max-height: 404px;\n }\n\n blockquote {\n border-left: 4px solid ", ";\n margin: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n\n p {\n font-size: ", ";\n font-style: oblique;\n line-height: ", ";\n margin: 0;\n }\n }\n\n span {\n font-weight: inherit;\n }\n"])), function (_a) {
10
+ var theme = _a.theme;
11
+ return theme.ui_temp_grey_01;
12
+ }, function (_a) {
13
+ var theme = _a.theme;
14
+ return theme.desktopEditorFontSize.p;
15
+ }, function (_a) {
16
+ var theme = _a.theme;
17
+ return theme.desktopEditorLineHeight.p;
18
+ }, function (_a) {
19
+ var theme = _a.theme;
20
+ return theme.desktopEditorFontSize.h1;
21
+ }, function (_a) {
22
+ var theme = _a.theme;
23
+ return theme.desktopEditorLineHeight.h1;
24
+ }, function (_a) {
25
+ var theme = _a.theme;
26
+ return theme.desktopEditorFontSize.h2;
27
+ }, function (_a) {
28
+ var theme = _a.theme;
29
+ return theme.desktopEditorLineHeight.h2;
30
+ }, function (_a) {
31
+ var theme = _a.theme;
32
+ return theme.desktopEditorFontSize.h3;
33
+ }, function (_a) {
34
+ var theme = _a.theme;
35
+ return theme.desktopEditorLineHeight.h3;
36
+ }, function (_a) {
37
+ var theme = _a.theme;
38
+ return theme.desktopEditorFontSize.p;
39
+ }, function (_a) {
40
+ var theme = _a.theme;
41
+ return theme.desktopEditorLineHeight.p;
42
+ }, function (_a) {
43
+ var theme = _a.theme;
44
+ return theme.ui_papp_post_notice_link;
45
+ }, function (_a) {
46
+ var theme = _a.theme;
47
+ return theme.desktopEditorFontSize.p;
48
+ }, function (_a) {
49
+ var theme = _a.theme;
50
+ return theme.desktopEditorLineHeight.p;
51
+ }, function (_a) {
52
+ var theme = _a.theme;
53
+ return theme.ui_temp_grey_03;
54
+ }, function (_a) {
55
+ var theme = _a.theme;
56
+ return theme.spacing.spacingD;
57
+ }, function (_a) {
58
+ var theme = _a.theme;
59
+ return theme.spacing.spacingA;
60
+ }, function (_a) {
61
+ var theme = _a.theme;
62
+ return theme.spacing.spacingC;
63
+ }, function (_a) {
64
+ var theme = _a.theme;
65
+ return theme.spacing.spacingA;
66
+ }, function (_a) {
67
+ var theme = _a.theme;
68
+ return theme.spacing.spacingA;
69
+ }, function (_a) {
70
+ var theme = _a.theme;
71
+ return theme.desktopEditorFontSize.p;
72
+ }, function (_a) {
73
+ var theme = _a.theme;
74
+ return theme.desktopEditorLineHeight.p;
75
+ });
76
+ var templateObject_1;
@@ -1,16 +1,17 @@
1
+ import type { RichEditorConfig } from '../../desktop/panels/LocalizedContentModal/LocalizedContentModal';
1
2
  type LanguageCode = 'en' | 'ko' | 'ja' | 'zh' | 'zh-Hant' | 'fr' | 'de' | 'es' | 'it' | 'pt' | 'ru' | 'vi' | 'th' | 'id' | 'ms' | 'ar' | 'tr' | 'pl' | 'nl' | 'sv' | 'fi' | 'no' | 'da' | 'he' | 'hi' | 'bn' | 'ta' | 'el' | 'cs' | 'ro';
2
- type MultilingualConfig = {
3
+ type LocalizedContentConfig = {
4
+ size?: 'large' | 'medium' | 'small' | 'rlarge';
3
5
  textFieldLineType?: 'single' | 'multi' | 'auto' | 'tinyeditor';
4
6
  originalText?: string;
5
7
  initialValues?: {
6
8
  [key in LanguageCode]?: string;
7
9
  };
8
10
  visibleLanguages?: LanguageCode[];
9
- readonlyLanguages?: LanguageCode[];
10
- hiddenInputId: string;
11
+ readonly?: boolean;
12
+ richEditorConfig?: RichEditorConfig;
11
13
  onApply?: (values: {
12
14
  [key in LanguageCode]?: string;
13
15
  }) => void;
14
- onTinyEditorAction?: () => void;
15
16
  };
16
- export type { LanguageCode, MultilingualConfig };
17
+ export type { LanguageCode, LocalizedContentConfig };
@@ -3,4 +3,4 @@ export * from './styled-components';
3
3
  export * from './text';
4
4
  export * from './uiColors';
5
5
  export * from './components';
6
- export * from './multilingual';
6
+ export * from './LocalizedContent';
@@ -19,4 +19,4 @@ __exportStar(require("./styled-components"), exports);
19
19
  __exportStar(require("./text"), exports);
20
20
  __exportStar(require("./uiColors"), exports);
21
21
  __exportStar(require("./components"), exports);
22
- __exportStar(require("./multilingual"), exports);
22
+ __exportStar(require("./LocalizedContent"), exports);
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
- import type { PDSTextType, MultilingualConfig } from '../../../common/types';
2
+ import type { LocalizedButton } from '../LocalizedButton';
3
+ import type { PDSTextType } from '../../../common/types';
3
4
  type BasicFormGroupProps = {
4
5
  titleStyleTheme?: 'headingBold' | 'leadParaBold' | 'subTitleBold';
5
6
  headerSize?: 'small' | 'medium' | 'large' | 'rlarge';
@@ -8,9 +9,7 @@ type BasicFormGroupProps = {
8
9
  captionText?: PDSTextType;
9
10
  inputForm?: JSX.Element;
10
11
  titleRequirementMode?: 'use' | 'none';
11
- multilingualBtnMode?: 'use' | 'none';
12
- multilingualBtnState?: 'normal' | 'disabled';
13
- multilingualConfig?: MultilingualConfig;
12
+ localizedButton?: React.ReactElement<React.ComponentProps<typeof LocalizedButton>>;
14
13
  };
15
- declare function BasicFormGroup({ titleStyleTheme, headerSize, titleText, descText, captionText, inputForm, titleRequirementMode, multilingualBtnMode, multilingualBtnState, multilingualConfig }: BasicFormGroupProps): JSX.Element;
14
+ declare function BasicFormGroup({ titleStyleTheme, headerSize, titleText, descText, captionText, inputForm, titleRequirementMode, localizedButton }: BasicFormGroupProps): JSX.Element;
16
15
  export default BasicFormGroup;
@@ -19,58 +19,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
19
19
  };
20
20
  Object.defineProperty(exports, "__esModule", { value: true });
21
21
  var jsx_runtime_1 = require("react/jsx-runtime");
22
- var react_1 = require("react");
23
- var MultilingualModal_1 = __importDefault(require("../../panels/MultilingualModal"));
24
22
  var components_1 = require("../../../hybrid/components");
25
23
  var styled_components_1 = __importDefault(require("styled-components"));
26
- var IconButton_1 = require("../IconButton");
27
24
  var TextLabel_1 = require("../TextLabel");
28
25
  function BasicFormGroup(_a) {
29
- var _b = _a.titleStyleTheme, titleStyleTheme = _b === void 0 ? 'subTitleBold' : _b, _c = _a.headerSize, headerSize = _c === void 0 ? 'rlarge' : _c, titleText = _a.titleText, descText = _a.descText, captionText = _a.captionText, inputForm = _a.inputForm, _d = _a.titleRequirementMode, titleRequirementMode = _d === void 0 ? 'none' : _d, _e = _a.multilingualBtnMode, multilingualBtnMode = _e === void 0 ? 'none' : _e, _f = _a.multilingualBtnState, multilingualBtnState = _f === void 0 ? 'normal' : _f, multilingualConfig = _a.multilingualConfig;
30
- var _g = (0, react_1.useState)(false), isMultiLanguageModalOpen = _g[0], setIsMultiLanguageModalOpen = _g[1];
31
- var _h = (0, react_1.useState)(false), hasMultilingualValues = _h[0], setHasMultilingualValues = _h[1];
32
- var _j = (0, react_1.useState)(function () {
33
- return JSON.stringify((multilingualConfig === null || multilingualConfig === void 0 ? void 0 : multilingualConfig.initialValues) || {});
34
- }), hiddenInputValue = _j[0], setHiddenInputValue = _j[1];
35
- // hiddenInput의 값이 있는지 확인하는 함수
36
- var checkMultilingualValues = function () {
37
- try {
38
- var values = JSON.parse(hiddenInputValue || '{}');
39
- var hasValues = Object.values(values).some(function (value) { return value && value.toString().trim() !== ''; });
40
- setHasMultilingualValues(hasValues);
41
- }
42
- catch (_a) {
43
- setHasMultilingualValues(false);
44
- }
45
- };
46
- // initialValues가 변경될 때 hiddenInputValue 업데이트
47
- (0, react_1.useEffect)(function () {
48
- var newValue = JSON.stringify((multilingualConfig === null || multilingualConfig === void 0 ? void 0 : multilingualConfig.initialValues) || {});
49
- setHiddenInputValue(newValue);
50
- }, [multilingualConfig === null || multilingualConfig === void 0 ? void 0 : multilingualConfig.initialValues]);
51
- // hiddenInputValue가 변경될 때마다 체크
52
- (0, react_1.useEffect)(function () {
53
- checkMultilingualValues();
54
- }, [hiddenInputValue]);
55
- var handleLanguageButtonClick = function () {
56
- // TinyEditor 모드일 때는 모달을 열지 않고 onTinyEditorAction 실행
57
- if ((multilingualConfig === null || multilingualConfig === void 0 ? void 0 : multilingualConfig.textFieldLineType) === 'tinyeditor') {
58
- if (multilingualConfig.onTinyEditorAction) {
59
- multilingualConfig.onTinyEditorAction();
60
- }
61
- return;
62
- }
63
- setIsMultiLanguageModalOpen(true);
64
- };
65
- var handleLanguageModalClose = function () {
66
- setIsMultiLanguageModalOpen(false);
67
- };
68
- var handleHiddenInputUpdate = function (newValue) {
69
- setHiddenInputValue(newValue);
70
- };
71
- return ((0, jsx_runtime_1.jsxs)("div", __assign({ "x-pds-name": "BasicFormGroup", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [titleText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(S_TitleTextWrapper, __assign({ "$headerSize": headerSize }, { children: [(0, jsx_runtime_1.jsxs)(S_TitleText, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, styleTheme: titleStyleTheme, colorTheme: "sysTextPrimary" }), titleRequirementMode === 'use' && ((0, jsx_runtime_1.jsx)(S_IconWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: "ic_requirement", size: 16, fillType: "line", colorKey: "ui_cpnt_icon_sys_error_01" }) }))] }), multilingualBtnMode === 'use' && ((0, jsx_runtime_1.jsx)(S_MultilingualButtonWrapper, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconFillType: "line", iconName: "ic_translate", baseSize: "small", shapeType: "round", baseColorKey: "ui_cpnt_button_fill_base_default", iconColorKey: hasMultilingualValues
72
- ? 'ui_cpnt_button_icon_primary'
73
- : 'ui_cpnt_icon_sys_grey_02', state: multilingualBtnState, onClick: multilingualBtnState === 'normal' ? handleLanguageButtonClick : undefined }) }))] })), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" })] })), multilingualBtnMode === 'use' && multilingualConfig && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "hidden", id: "hiddenInput_".concat(multilingualConfig.hiddenInputId), name: multilingualConfig.hiddenInputId, value: hiddenInputValue }), (0, jsx_runtime_1.jsx)(MultilingualModal_1.default, { isOpen: isMultiLanguageModalOpen, onClose: handleLanguageModalClose, config: multilingualConfig, onHiddenInputUpdate: handleHiddenInputUpdate })] })), descText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: descText, styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_d" })] })), inputForm, captionText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: captionText, styleTheme: "caption1Regular", colorTheme: "sysTextPrimary" })] }))] })));
26
+ var _b = _a.titleStyleTheme, titleStyleTheme = _b === void 0 ? 'subTitleBold' : _b, _c = _a.headerSize, headerSize = _c === void 0 ? 'rlarge' : _c, titleText = _a.titleText, descText = _a.descText, captionText = _a.captionText, inputForm = _a.inputForm, _d = _a.titleRequirementMode, titleRequirementMode = _d === void 0 ? 'none' : _d, localizedButton = _a.localizedButton;
27
+ return ((0, jsx_runtime_1.jsxs)("div", __assign({ "x-pds-name": "BasicFormGroup", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [titleText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(S_TitleTextWrapper, __assign({ "$headerSize": headerSize }, { children: [(0, jsx_runtime_1.jsxs)(S_TitleText, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, styleTheme: titleStyleTheme, colorTheme: "sysTextPrimary" }), titleRequirementMode === 'use' && ((0, jsx_runtime_1.jsx)(S_IconWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: "ic_requirement", size: 16, fillType: "line", colorKey: "ui_cpnt_icon_sys_error_01" }) }))] }), localizedButton && localizedButton] })), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" })] })), descText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: descText, styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_d" })] })), inputForm, captionText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: captionText, styleTheme: "caption1Regular", colorTheme: "sysTextPrimary" })] }))] })));
74
28
  }
75
29
  var S_TitleTextWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n justify-content: space-between;\n width: ", ";\n"], ["\n align-items: center;\n display: flex;\n justify-content: space-between;\n width: ", ";\n"])), function (_a) {
76
30
  var $headerSize = _a.$headerSize;
@@ -88,9 +42,5 @@ var S_IconWrapper = styled_components_1.default.div(templateObject_3 || (templat
88
42
  var theme = _a.theme;
89
43
  return theme.spacing.spacingA;
90
44
  });
91
- var S_MultilingualButtonWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n margin-left: ", ";\n"], ["\n align-items: center;\n display: flex;\n margin-left: ", ";\n"])), function (_a) {
92
- var theme = _a.theme;
93
- return theme.spacing.spacingB;
94
- });
95
45
  exports.default = BasicFormGroup;
96
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
46
+ var templateObject_1, templateObject_2, templateObject_3;
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import type { PDSTextType } from '../../../common';
3
- import type { MultilingualConfig } from '../../../common/types';
3
+ import type { LocalizedButton } from '../LocalizedButton';
4
4
  type BodyTextGroupProps = {
5
5
  titleStyleTheme?: 'headingBold' | 'leadParaBold' | 'subTitleBold';
6
6
  headerSize?: 'small' | 'medium' | 'large' | 'rlarge';
@@ -11,9 +11,7 @@ type BodyTextGroupProps = {
11
11
  descTextWordBreak?: 'normal' | 'break_all' | 'keep_all' | 'break_word';
12
12
  contentTextWordBreak?: 'normal' | 'break_all' | 'keep_all' | 'break_word';
13
13
  contentFontWeight?: 'regular' | 'bold';
14
- multilingualBtnMode?: 'use' | 'none';
15
- multilingualBtnState?: 'normal' | 'disabled';
16
- multilingualConfig?: MultilingualConfig;
14
+ localizedButton?: React.ReactElement<React.ComponentProps<typeof LocalizedButton>>;
17
15
  };
18
- declare function BodyTextGroup({ titleStyleTheme, headerSize, titleText, descText, contentText, titleTextWordBreak, descTextWordBreak, contentTextWordBreak, contentFontWeight, multilingualBtnMode, multilingualBtnState, multilingualConfig }: BodyTextGroupProps): JSX.Element;
16
+ declare function BodyTextGroup({ titleStyleTheme, headerSize, titleText, descText, contentText, titleTextWordBreak, descTextWordBreak, contentTextWordBreak, contentFontWeight, localizedButton }: BodyTextGroupProps): JSX.Element;
19
17
  export default BodyTextGroup;
@@ -19,56 +19,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
19
19
  };
20
20
  Object.defineProperty(exports, "__esModule", { value: true });
21
21
  var jsx_runtime_1 = require("react/jsx-runtime");
22
- var react_1 = require("react");
23
- var panels_1 = require("../../panels");
24
22
  var styled_components_1 = __importDefault(require("styled-components"));
25
23
  var hybrid_1 = require("../../../hybrid");
26
- var IconButton_1 = require("../IconButton");
27
24
  var TextLabel_1 = require("../TextLabel");
28
25
  function BodyTextGroup(_a) {
29
- var _b = _a.titleStyleTheme, titleStyleTheme = _b === void 0 ? 'subTitleBold' : _b, _c = _a.headerSize, headerSize = _c === void 0 ? 'rlarge' : _c, titleText = _a.titleText, descText = _a.descText, contentText = _a.contentText, _d = _a.titleTextWordBreak, titleTextWordBreak = _d === void 0 ? 'keep_all' : _d, _e = _a.descTextWordBreak, descTextWordBreak = _e === void 0 ? 'keep_all' : _e, _f = _a.contentTextWordBreak, contentTextWordBreak = _f === void 0 ? 'keep_all' : _f, _g = _a.contentFontWeight, contentFontWeight = _g === void 0 ? 'regular' : _g, _h = _a.multilingualBtnMode, multilingualBtnMode = _h === void 0 ? 'none' : _h, _j = _a.multilingualBtnState, multilingualBtnState = _j === void 0 ? 'normal' : _j, multilingualConfig = _a.multilingualConfig;
30
- var _k = (0, react_1.useState)(false), isMultiLanguageModalOpen = _k[0], setIsMultiLanguageModalOpen = _k[1];
31
- var _l = (0, react_1.useState)(false), hasMultilingualValues = _l[0], setHasMultilingualValues = _l[1];
32
- var _m = (0, react_1.useState)(function () {
33
- return JSON.stringify((multilingualConfig === null || multilingualConfig === void 0 ? void 0 : multilingualConfig.initialValues) || {});
34
- }), hiddenInputValue = _m[0], setHiddenInputValue = _m[1];
35
- // hiddenInput의 값이 있는지 확인하는 함수
36
- var checkMultilingualValues = function () {
37
- try {
38
- var values = JSON.parse(hiddenInputValue || '{}');
39
- var hasValues = Object.values(values).some(function (value) { return value && value.toString().trim() !== ''; });
40
- setHasMultilingualValues(hasValues);
41
- }
42
- catch (_a) {
43
- setHasMultilingualValues(false);
44
- }
45
- };
46
- // initialValues가 변경될 때 hiddenInputValue 업데이트
47
- (0, react_1.useEffect)(function () {
48
- var newValue = JSON.stringify((multilingualConfig === null || multilingualConfig === void 0 ? void 0 : multilingualConfig.initialValues) || {});
49
- setHiddenInputValue(newValue);
50
- }, [multilingualConfig === null || multilingualConfig === void 0 ? void 0 : multilingualConfig.initialValues]);
51
- // hiddenInputValue가 변경될 때마다 체크
52
- (0, react_1.useEffect)(function () {
53
- checkMultilingualValues();
54
- }, [hiddenInputValue]);
55
- var handleLanguageButtonClick = function () {
56
- // TinyEditor 모드일 때는 모달을 열지 않고 onTinyEditorAction 실행
57
- if ((multilingualConfig === null || multilingualConfig === void 0 ? void 0 : multilingualConfig.textFieldLineType) === 'tinyeditor') {
58
- if (multilingualConfig.onTinyEditorAction) {
59
- multilingualConfig.onTinyEditorAction();
60
- }
61
- return;
62
- }
63
- setIsMultiLanguageModalOpen(true);
64
- };
65
- var handleLanguageModalClose = function () {
66
- setIsMultiLanguageModalOpen(false);
67
- };
68
- var handleHiddenInputUpdate = function (newValue) {
69
- setHiddenInputValue(newValue);
70
- };
71
- return ((0, jsx_runtime_1.jsxs)("div", __assign({ "x-pds-name": "BodyTextGroup", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsxs)(S_TitleTextWrapper, __assign({ "$headerSize": headerSize }, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, wordBreak: titleTextWordBreak, styleTheme: titleStyleTheme, colorTheme: "sysTextPrimary" }), multilingualBtnMode === 'use' && ((0, jsx_runtime_1.jsx)(S_MultilingualButtonWrapper, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconFillType: "line", iconName: "ic_translate", baseSize: "small", shapeType: "round", baseColorKey: "ui_cpnt_button_fill_base_default", iconColorKey: hasMultilingualValues ? 'ui_cpnt_button_icon_primary' : 'ui_cpnt_icon_sys_grey_02', state: multilingualBtnState, onClick: multilingualBtnState === 'normal' ? handleLanguageButtonClick : undefined }) }))] })), multilingualBtnMode === 'use' && multilingualConfig && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "hidden", id: "hiddenInput_".concat(multilingualConfig.hiddenInputId), name: multilingualConfig.hiddenInputId, value: hiddenInputValue }), (0, jsx_runtime_1.jsx)(panels_1.MultilingualModal, { isOpen: isMultiLanguageModalOpen, onClose: handleLanguageModalClose, config: multilingualConfig, onHiddenInputUpdate: handleHiddenInputUpdate })] })), descText && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: descText, wordBreak: descTextWordBreak, styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" })] })), contentText && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: contentText, wordBreak: contentTextWordBreak, styleTheme: contentFontWeight === 'regular' ? 'body2Regular' : 'body2Bold', colorTheme: "sysTextPrimary" })] }))] })));
26
+ var _b = _a.titleStyleTheme, titleStyleTheme = _b === void 0 ? 'subTitleBold' : _b, _c = _a.headerSize, headerSize = _c === void 0 ? 'rlarge' : _c, titleText = _a.titleText, descText = _a.descText, contentText = _a.contentText, _d = _a.titleTextWordBreak, titleTextWordBreak = _d === void 0 ? 'keep_all' : _d, _e = _a.descTextWordBreak, descTextWordBreak = _e === void 0 ? 'keep_all' : _e, _f = _a.contentTextWordBreak, contentTextWordBreak = _f === void 0 ? 'keep_all' : _f, _g = _a.contentFontWeight, contentFontWeight = _g === void 0 ? 'regular' : _g, localizedButton = _a.localizedButton;
27
+ return ((0, jsx_runtime_1.jsxs)("div", __assign({ "x-pds-name": "BodyTextGroup", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsxs)(S_TitleTextWrapper, __assign({ "$headerSize": headerSize }, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, wordBreak: titleTextWordBreak, styleTheme: titleStyleTheme, colorTheme: "sysTextPrimary" }), localizedButton && localizedButton] })), descText && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: descText, wordBreak: descTextWordBreak, styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" })] })), contentText && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: contentText, wordBreak: contentTextWordBreak, styleTheme: contentFontWeight === 'regular' ? 'body2Regular' : 'body2Bold', colorTheme: "sysTextPrimary" })] }))] })));
72
28
  }
73
29
  var S_TitleTextWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n justify-content: space-between;\n width: ", ";\n"], ["\n align-items: center;\n display: flex;\n justify-content: space-between;\n width: ", ";\n"])), function (_a) {
74
30
  var $headerSize = _a.$headerSize;
@@ -81,9 +37,5 @@ var S_TitleTextWrapper = styled_components_1.default.div(templateObject_1 || (te
81
37
  if ($headerSize === 'rlarge')
82
38
  return '100%';
83
39
  });
84
- var S_MultilingualButtonWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n margin-left: ", ";\n"], ["\n align-items: center;\n display: flex;\n margin-left: ", ";\n"])), function (_a) {
85
- var theme = _a.theme;
86
- return theme.spacing.spacingB;
87
- });
88
40
  exports.default = BodyTextGroup;
89
- var templateObject_1, templateObject_2;
41
+ var templateObject_1;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import type { LocalizedContentConfig } from '../../../common/types';
3
+ export type LocalizedButtonProps = {
4
+ localizedContentModalConfig: LocalizedContentConfig;
5
+ state?: 'normal' | 'disabled' | undefined;
6
+ };
7
+ declare function LocalizedButton({ localizedContentModalConfig, state }: LocalizedButtonProps): JSX.Element;
8
+ export default LocalizedButton;
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ var jsx_runtime_1 = require("react/jsx-runtime");
15
+ var react_1 = require("react");
16
+ var panels_1 = require("../../panels");
17
+ var IconButton_1 = require("../IconButton");
18
+ function LocalizedButton(_a) {
19
+ var localizedContentModalConfig = _a.localizedContentModalConfig, _b = _a.state, state = _b === void 0 ? 'normal' : _b;
20
+ var _c = (0, react_1.useState)(false), isLocalizedContentModalOpen = _c[0], setIsLocalizedContentModalOpen = _c[1];
21
+ var _d = (0, react_1.useState)(false), hasValues = _d[0], setHasValues = _d[1];
22
+ var checkMultilingualValues = function () {
23
+ try {
24
+ var values = localizedContentModalConfig.initialValues || '{}';
25
+ var hasValues_1 = Object.values(values).some(function (value) { return value && value.toString().trim() !== ''; });
26
+ setHasValues(hasValues_1);
27
+ }
28
+ catch (_a) {
29
+ setHasValues(false);
30
+ }
31
+ };
32
+ // initialValues 변경될 때마다 체크
33
+ (0, react_1.useEffect)(function () {
34
+ checkMultilingualValues();
35
+ }, [localizedContentModalConfig.initialValues]);
36
+ var handleLanguageButtonClick = function () {
37
+ setIsLocalizedContentModalOpen(true);
38
+ };
39
+ var handleLanguageModalClose = function () {
40
+ setIsLocalizedContentModalOpen(false);
41
+ };
42
+ return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconFillType: "line", iconName: "ic_translate", baseSize: "small", shapeType: "round", baseColorKey: "ui_cpnt_button_fill_base_default", iconColorKey: hasValues ? 'ui_cpnt_button_icon_primary' : 'ui_cpnt_icon_sys_grey_02', state: state, onClick: state === 'normal' ? handleLanguageButtonClick : undefined }), isLocalizedContentModalOpen && ((0, jsx_runtime_1.jsx)(panels_1.LocalizedContentModal, __assign({}, localizedContentModalConfig, { isOpen: isLocalizedContentModalOpen, onClose: handleLanguageModalClose })))] }));
43
+ }
44
+ exports.default = LocalizedButton;
@@ -0,0 +1 @@
1
+ export { default as LocalizedButton } from './LocalizedButton';
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.LocalizedButton = void 0;
7
+ var LocalizedButton_1 = require("./LocalizedButton");
8
+ Object.defineProperty(exports, "LocalizedButton", { enumerable: true, get: function () { return __importDefault(LocalizedButton_1).default; } });
@@ -254,7 +254,7 @@ function RichTextEditor(_a) {
254
254
  }
255
255
  } }), validationText] }), isFileValidationAlertDialogOpen && ((0, jsx_runtime_1.jsx)(DesktopAlertDialog_1.DesktopAlertDialog, { contentText: fileSizeValidationText, tBtn1Text: t('str_confirm'), onClickTBtn1: function () { return setIsFilValidationAlertDialogOpen(false); } }))] }));
256
256
  }
257
- var S_Editor = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-height: 500px;\n position: relative;\n\n .tox-statusbar__wordcount {\n visibility: hidden;\n }\n"], ["\n min-height: 500px;\n position: relative;\n\n .tox-statusbar__wordcount {\n visibility: hidden;\n }\n"])));
257
+ var S_Editor = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-height: 500px;\n position: relative;\n\n .tox-statusbar__wordcount {\n visibility: hidden;\n }\n\n .tox-editor-header {\n z-index: 0 !important;\n }\n"], ["\n min-height: 500px;\n position: relative;\n\n .tox-statusbar__wordcount {\n visibility: hidden;\n }\n\n .tox-editor-header {\n z-index: 0 !important;\n }\n"])));
258
258
  var S_LoadingWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 1000;\n"], ["\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 1000;\n"])));
259
259
  var S_Error = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n"], ["\n color: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n margin-top: ", ";\n text-align: left;\n"])), function (_a) {
260
260
  var theme = _a.theme;
@@ -30,6 +30,7 @@ import { Hero } from './Hero';
30
30
  import { HorizontalFormGroup } from './HorizontalFormGroup';
31
31
  import { IconButton } from './IconButton';
32
32
  import { ImageSlide } from './ImageSlide';
33
+ import { LocalizedButton } from './LocalizedButton';
33
34
  import { LottieReactionButton } from './LottieReactionButton';
34
35
  import { MainButton } from './MainButton';
35
36
  import { PageTitleTextGroup } from './PageTitleTextGroup';
@@ -52,4 +53,4 @@ import { UploadTextButton } from './UploadTextButton';
52
53
  import { UserDesktopNavBar } from './UserDesktopNavBar';
53
54
  import { UserDesktopSideTab } from './UserDesktopSideTab';
54
55
  import { UserDesktopTabBar } from './UserDesktopTabBar';
55
- export { AdminList, AdminListHeader, AdminListItem, BasicButtonGroup, BasicChatListItem, BasicFormGroup, BasicList, BasicListItem, BlogTextField, BodyTextGroup, BoxItem, Card, CardList, ChatBubbleListItem, ChatList, Checkbox, Chip, ContextMenu, ContextMenuItem, DesktopAlertDialog, DesktopHeaderBar, DesktopTabBar, Dropdown, DynamicDesktopNavBar, DynamicDesktopNavBarTemplates, EditApplyTextField, FilterBar, FloatingActionButton, Hero, HorizontalFormGroup, IconButton, ImageSlide, LottieReactionButton, MainButton, PageTitleTextGroup, PriceTextField, Radio, ReactionButton, RichTextEditor, SegmentedButtonGroup, Select, Slider, Snackbar, StatusBlock, TextButton, TextField, TextLabel, PriceTextLabel, UploadIconButton, UploadMainButton, UploadTextButton, UserDesktopNavBar, UserDesktopTabBar, UserDesktopSideTab, Calendar };
56
+ export { AdminList, AdminListHeader, AdminListItem, BasicButtonGroup, BasicChatListItem, BasicFormGroup, BasicList, BasicListItem, BlogTextField, BodyTextGroup, BoxItem, Card, CardList, ChatBubbleListItem, ChatList, Checkbox, Chip, ContextMenu, ContextMenuItem, DesktopAlertDialog, DesktopHeaderBar, DesktopTabBar, Dropdown, DynamicDesktopNavBar, DynamicDesktopNavBarTemplates, EditApplyTextField, FilterBar, FloatingActionButton, Hero, HorizontalFormGroup, IconButton, ImageSlide, LottieReactionButton, MainButton, PageTitleTextGroup, PriceTextField, Radio, ReactionButton, RichTextEditor, SegmentedButtonGroup, Select, Slider, Snackbar, StatusBlock, TextButton, TextField, TextLabel, PriceTextLabel, UploadIconButton, UploadMainButton, UploadTextButton, UserDesktopNavBar, UserDesktopTabBar, UserDesktopSideTab, Calendar, LocalizedButton };
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.UploadMainButton = exports.UploadIconButton = exports.PriceTextLabel = exports.TextLabel = exports.TextField = exports.TextButton = exports.StatusBlock = exports.Snackbar = exports.Slider = exports.Select = exports.SegmentedButtonGroup = exports.RichTextEditor = exports.ReactionButton = exports.Radio = exports.PriceTextField = exports.PageTitleTextGroup = exports.MainButton = exports.LottieReactionButton = exports.ImageSlide = exports.IconButton = exports.HorizontalFormGroup = exports.Hero = exports.FloatingActionButton = exports.FilterBar = exports.EditApplyTextField = exports.DynamicDesktopNavBarTemplates = exports.DynamicDesktopNavBar = exports.Dropdown = exports.DesktopTabBar = exports.DesktopHeaderBar = exports.DesktopAlertDialog = exports.ContextMenuItem = exports.ContextMenu = exports.Chip = exports.Checkbox = exports.ChatList = exports.ChatBubbleListItem = exports.CardList = exports.Card = exports.BoxItem = exports.BodyTextGroup = exports.BlogTextField = exports.BasicListItem = exports.BasicList = exports.BasicFormGroup = exports.BasicChatListItem = exports.BasicButtonGroup = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = void 0;
4
- exports.Calendar = exports.UserDesktopSideTab = exports.UserDesktopTabBar = exports.UserDesktopNavBar = exports.UploadTextButton = void 0;
4
+ exports.LocalizedButton = exports.Calendar = exports.UserDesktopSideTab = exports.UserDesktopTabBar = exports.UserDesktopNavBar = exports.UploadTextButton = void 0;
5
5
  var AdminList_1 = require("./AdminList");
6
6
  Object.defineProperty(exports, "AdminList", { enumerable: true, get: function () { return AdminList_1.AdminList; } });
7
7
  var AdminListHeader_1 = require("./AdminListHeader");
@@ -67,6 +67,8 @@ var IconButton_1 = require("./IconButton");
67
67
  Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return IconButton_1.IconButton; } });
68
68
  var ImageSlide_1 = require("./ImageSlide");
69
69
  Object.defineProperty(exports, "ImageSlide", { enumerable: true, get: function () { return ImageSlide_1.ImageSlide; } });
70
+ var LocalizedButton_1 = require("./LocalizedButton");
71
+ Object.defineProperty(exports, "LocalizedButton", { enumerable: true, get: function () { return LocalizedButton_1.LocalizedButton; } });
70
72
  var LottieReactionButton_1 = require("./LottieReactionButton");
71
73
  Object.defineProperty(exports, "LottieReactionButton", { enumerable: true, get: function () { return LottieReactionButton_1.LottieReactionButton; } });
72
74
  var MainButton_1 = require("./MainButton");
@@ -8,5 +8,5 @@ export { ContainersBox as WSContainersBox } from './layout/LayoutWS/ContainersBo
8
8
  export { LayoutWT } from './layout/LayoutWT';
9
9
  export { GlobalMenuContainer as WTGlobalMenuContainer } from './layout/LayoutWT/Containers';
10
10
  export { ContainersBox as WTContainersBox } from './layout/LayoutWT/ContainersBox';
11
- export { AdminList as D_AdminList, AdminListHeader as D_AdminListHeader, AdminListItem as D_AdminListItem, BasicButtonGroup as D_BasicButtonGroup, BasicChatListItem as D_BasicChatListItem, BasicFormGroup as D_BasicFormGroup, BasicList as D_BasicList, BasicListItem as D_BasicListItem, BlogTextField as D_BlogTextField, BodyTextGroup as D_BodyTextGroup, BoxItem as D_BoxItem, Card as D_Card, CardList as D_CardList, ChatBubbleListItem as D_ChatBubbleListItem, ChatList as D_ChatList, Checkbox as D_Checkbox, Chip as D_Chip, ContextMenu as D_ContextMenu, ContextMenuItem as D_ContextMenuItem, DesktopAlertDialog as D_DesktopAlertDialog, DesktopHeaderBar as D_DesktopHeaderBar, DesktopTabBar as D_DesktopTabBar, Dropdown as D_Dropdown, DynamicDesktopNavBar as D_DynamicDesktopNavBar, DynamicDesktopNavBarTemplates as D_DynamicDesktopNavBarTemplates, EditApplyTextField as D_EditApplyTextField, FilterBar as D_FilterBar, FloatingActionButton as D_FloatingActionButton, Hero as D_Hero, HorizontalFormGroup as D_HorizontalFormGroup, IconButton as D_IconButton, ImageSlide as D_ImageSlide, LottieReactionButton as D_LottieReactionButton, MainButton as D_MainButton, PageTitleTextGroup as D_PageTitleTextGroup, Radio as D_Radio, ReactionButton as D_ReactionButton, RichTextEditor as D_RichTextEditor, SegmentedButtonGroup as D_SegmentedButtonGroup, Select as D_Select, Slider as D_Slider, Snackbar as D_Snackbar, StatusBlock as D_StatusBlock, TextButton as D_TextButton, PriceTextField as D_PriceTextField, TextField as D_TextField, TextLabel as D_TextLabel, PriceTextLabel as D_PriceTextLabel, UploadIconButton as D_UploadIconButton, UploadMainButton as D_UploadMainButton, UploadTextButton as D_UploadTextButton, UserDesktopNavBar as D_UserDesktopNavBar, UserDesktopTabBar as D_UserDesktopTabBar, UserDesktopSideTab as D_UserDesktopSideTab, Calendar as D_Calendar } from './components';
12
- export { AnnotationSheet as D_AnnotationSheet, ContentSheet as D_ContentSheet, DesktopBasicModal as D_DesktopBasicModal, DesktopBasicModalWithTab as D_DesktopBasicModalWithTab, DesktopBasicModalWithTabInfoType, DesktopHeadlessModal as D_DesktopHeadlessModal, DesktopTutorialModal as D_DesktopTutorialModal, DesktopTutorialModalInfoType, SectionSheet as D_SectionSheet } from './panels';
11
+ export { AdminList as D_AdminList, AdminListHeader as D_AdminListHeader, AdminListItem as D_AdminListItem, BasicButtonGroup as D_BasicButtonGroup, BasicChatListItem as D_BasicChatListItem, BasicFormGroup as D_BasicFormGroup, BasicList as D_BasicList, BasicListItem as D_BasicListItem, BlogTextField as D_BlogTextField, BodyTextGroup as D_BodyTextGroup, BoxItem as D_BoxItem, Card as D_Card, CardList as D_CardList, ChatBubbleListItem as D_ChatBubbleListItem, ChatList as D_ChatList, Checkbox as D_Checkbox, Chip as D_Chip, ContextMenu as D_ContextMenu, ContextMenuItem as D_ContextMenuItem, DesktopAlertDialog as D_DesktopAlertDialog, DesktopHeaderBar as D_DesktopHeaderBar, DesktopTabBar as D_DesktopTabBar, Dropdown as D_Dropdown, DynamicDesktopNavBar as D_DynamicDesktopNavBar, DynamicDesktopNavBarTemplates as D_DynamicDesktopNavBarTemplates, EditApplyTextField as D_EditApplyTextField, FilterBar as D_FilterBar, FloatingActionButton as D_FloatingActionButton, Hero as D_Hero, HorizontalFormGroup as D_HorizontalFormGroup, IconButton as D_IconButton, ImageSlide as D_ImageSlide, LottieReactionButton as D_LottieReactionButton, MainButton as D_MainButton, PageTitleTextGroup as D_PageTitleTextGroup, Radio as D_Radio, ReactionButton as D_ReactionButton, RichTextEditor as D_RichTextEditor, SegmentedButtonGroup as D_SegmentedButtonGroup, Select as D_Select, Slider as D_Slider, Snackbar as D_Snackbar, StatusBlock as D_StatusBlock, TextButton as D_TextButton, PriceTextField as D_PriceTextField, TextField as D_TextField, TextLabel as D_TextLabel, PriceTextLabel as D_PriceTextLabel, UploadIconButton as D_UploadIconButton, UploadMainButton as D_UploadMainButton, UploadTextButton as D_UploadTextButton, UserDesktopNavBar as D_UserDesktopNavBar, UserDesktopTabBar as D_UserDesktopTabBar, UserDesktopSideTab as D_UserDesktopSideTab, Calendar as D_Calendar, LocalizedButton } from './components';
12
+ export { AnnotationSheet as D_AnnotationSheet, ContentSheet as D_ContentSheet, DesktopBasicModal as D_DesktopBasicModal, DesktopBasicModalWithTab as D_DesktopBasicModalWithTab, DesktopBasicModalWithTabInfoType, DesktopHeadlessModal as D_DesktopHeadlessModal, DesktopTutorialModal as D_DesktopTutorialModal, DesktopTutorialModalInfoType, SectionSheet as D_SectionSheet, LocalizedContentModal as D_LocalizedContentModal } from './panels';
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.D_Select = exports.D_SegmentedButtonGroup = exports.D_RichTextEditor = exports.D_ReactionButton = exports.D_Radio = exports.D_PageTitleTextGroup = exports.D_MainButton = exports.D_LottieReactionButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DynamicDesktopNavBarTemplates = exports.D_DynamicDesktopNavBar = exports.D_Dropdown = exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_Chip = exports.D_Checkbox = exports.D_ChatList = exports.D_ChatBubbleListItem = exports.D_CardList = exports.D_Card = exports.D_BoxItem = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_BasicChatListItem = exports.D_BasicButtonGroup = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WHContainersBox = exports.LayoutWH = exports.WFContainersBox = exports.LayoutWF = void 0;
4
- exports.D_SectionSheet = exports.D_DesktopTutorialModal = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModalWithTab = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.D_Calendar = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_PriceTextLabel = exports.D_TextLabel = exports.D_TextField = exports.D_PriceTextField = exports.D_TextButton = exports.D_StatusBlock = exports.D_Snackbar = exports.D_Slider = void 0;
4
+ exports.D_LocalizedContentModal = exports.D_SectionSheet = exports.D_DesktopTutorialModal = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModalWithTab = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.LocalizedButton = exports.D_Calendar = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_PriceTextLabel = exports.D_TextLabel = exports.D_TextField = exports.D_PriceTextField = exports.D_TextButton = exports.D_StatusBlock = exports.D_Snackbar = exports.D_Slider = void 0;
5
5
  // layoutWF
6
6
  var LayoutWF_1 = require("./layout/LayoutWF");
7
7
  Object.defineProperty(exports, "LayoutWF", { enumerable: true, get: function () { return LayoutWF_1.LayoutWF; } });
@@ -83,6 +83,7 @@ Object.defineProperty(exports, "D_UserDesktopNavBar", { enumerable: true, get: f
83
83
  Object.defineProperty(exports, "D_UserDesktopTabBar", { enumerable: true, get: function () { return components_1.UserDesktopTabBar; } });
84
84
  Object.defineProperty(exports, "D_UserDesktopSideTab", { enumerable: true, get: function () { return components_1.UserDesktopSideTab; } });
85
85
  Object.defineProperty(exports, "D_Calendar", { enumerable: true, get: function () { return components_1.Calendar; } });
86
+ Object.defineProperty(exports, "LocalizedButton", { enumerable: true, get: function () { return components_1.LocalizedButton; } });
86
87
  // panels
87
88
  var panels_1 = require("./panels");
88
89
  Object.defineProperty(exports, "D_AnnotationSheet", { enumerable: true, get: function () { return panels_1.AnnotationSheet; } });
@@ -92,3 +93,4 @@ Object.defineProperty(exports, "D_DesktopBasicModalWithTab", { enumerable: true,
92
93
  Object.defineProperty(exports, "D_DesktopHeadlessModal", { enumerable: true, get: function () { return panels_1.DesktopHeadlessModal; } });
93
94
  Object.defineProperty(exports, "D_DesktopTutorialModal", { enumerable: true, get: function () { return panels_1.DesktopTutorialModal; } });
94
95
  Object.defineProperty(exports, "D_SectionSheet", { enumerable: true, get: function () { return panels_1.SectionSheet; } });
96
+ Object.defineProperty(exports, "D_LocalizedContentModal", { enumerable: true, get: function () { return panels_1.LocalizedContentModal; } });