@bigbinary/neeto-molecules 3.7.20 → 3.7.22
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/Breadcrumbs.js +1 -1
- package/dist/BrowserSupport.js +3 -3
- package/dist/Builder.js +37 -23
- package/dist/Builder.js.map +1 -1
- package/dist/CalendarView.js +2 -2
- package/dist/{Chevron-a5e99340.js → Chevron-DWt0ncDv.js} +2 -2
- package/dist/{Chevron-a5e99340.js.map → Chevron-DWt0ncDv.js.map} +1 -1
- package/dist/Codeblock.js +1 -1
- package/dist/Columns.js +2 -2
- package/dist/ConfigurePageSidebar.js +2 -2
- package/dist/Container.js +3 -3
- package/dist/CopyToClipboardButton.js +1 -1
- package/dist/CustomDomain.js +2 -2
- package/dist/CustomDomainDashboard.js +5 -5
- package/dist/DeviceIncompatibilityMessage.js +2 -2
- package/dist/DocumentEditor.js +1 -1
- package/dist/DownloadMobileAppCallout.js +2 -2
- package/dist/DynamicVariables.js +1 -1
- package/dist/EmailForm.js +3 -3
- package/dist/EmailPreview.js +2 -2
- package/dist/ErrorPage.js +1 -1
- package/dist/FileUpload.js +1 -1
- package/dist/FloatingActionMenu.js +3 -3
- package/dist/Header.js +1 -1
- package/dist/IconPicker.js +1 -1
- package/dist/IconPicker.js.map +1 -1
- package/dist/InlineInput.js +1 -1
- package/dist/IntegrationCard.js +1 -1
- package/dist/IpRestriction.js +44 -44
- package/dist/IpRestriction.js.map +1 -1
- package/dist/KeyboardShortcuts.js +3 -3
- package/dist/MadeWith.js +1 -1
- package/dist/MenuBar.js +6 -8
- package/dist/MenuBar.js.map +1 -1
- package/dist/Metadata.js +1 -1
- package/dist/MoreDropdown.js +1 -1
- package/dist/NavigationHeader.js +1 -1
- package/dist/NeetoWidget.js +2 -4
- package/dist/NeetoWidget.js.map +1 -1
- package/dist/Onboarding.js +1 -1
- package/dist/PageLoader.js +1 -1
- package/dist/PhoneNumber.js +5 -5
- package/dist/ProductEmbed.js +1 -1
- package/dist/PublishBlock.js +1 -1
- package/dist/PublishYourItem.js +2 -2
- package/dist/Rename.js +1 -1
- package/dist/Schedule.js +2 -2
- package/dist/Scrollable.js +1 -1
- package/dist/Search.js +1 -1
- package/dist/SendToFields.js +2 -3
- package/dist/SendToFields.js.map +1 -1
- package/dist/SessionEnvironment.js +3 -3
- package/dist/Settings.js +1 -1
- package/dist/ShareRecordingPane.js +1 -1
- package/dist/ShareViaEmail.js +2 -2
- package/dist/ShareViaLink.js +1 -1
- package/dist/ShareViaLink.js.map +1 -1
- package/dist/Sidebar.js +2 -2
- package/dist/StatusDropdown.js +1 -1
- package/dist/StickyRibbonsContainer.js +1 -1
- package/dist/SubHeader.js +2 -2
- package/dist/SuffixedInput.js +1 -1
- package/dist/TableWrapper.js +1 -1
- package/dist/Taxonomy.js +4 -4
- package/dist/ToggleFeatureCard.js +1 -1
- package/dist/{_commonjsHelpers-1789f0cf.js → _commonjsHelpers-BFTU3MAI.js} +1 -1
- package/dist/_commonjsHelpers-BFTU3MAI.js.map +1 -0
- package/dist/cjs/Breadcrumbs.js +3 -8
- package/dist/cjs/Breadcrumbs.js.map +1 -1
- package/dist/cjs/BrowserSupport.js +7 -14
- package/dist/cjs/BrowserSupport.js.map +1 -1
- package/dist/cjs/Builder.js +76 -80
- package/dist/cjs/Builder.js.map +1 -1
- package/dist/cjs/CalendarView.js +26 -43
- package/dist/cjs/CalendarView.js.map +1 -1
- package/dist/cjs/{Chevron-bb98447f.js → Chevron-DpYyQWkK.js} +13 -22
- package/dist/cjs/{Chevron-bb98447f.js.map → Chevron-DpYyQWkK.js.map} +1 -1
- package/dist/cjs/Codeblock.js +2 -6
- package/dist/cjs/Codeblock.js.map +1 -1
- package/dist/cjs/Columns.js +3 -3
- package/dist/cjs/ConfigurePageSidebar.js +6 -12
- package/dist/cjs/ConfigurePageSidebar.js.map +1 -1
- package/dist/cjs/ConfirmationModal.js +12 -20
- package/dist/cjs/ConfirmationModal.js.map +1 -1
- package/dist/cjs/Container.js +4 -8
- package/dist/cjs/Container.js.map +1 -1
- package/dist/cjs/CopyToClipboardButton.js +8 -18
- package/dist/cjs/CopyToClipboardButton.js.map +1 -1
- package/dist/cjs/Currency.js +6 -15
- package/dist/cjs/Currency.js.map +1 -1
- package/dist/cjs/CustomDomain.js +8 -16
- package/dist/cjs/CustomDomain.js.map +1 -1
- package/dist/cjs/CustomDomainDashboard.js +24 -38
- package/dist/cjs/CustomDomainDashboard.js.map +1 -1
- package/dist/cjs/DateFormat.js +4 -11
- package/dist/cjs/DateFormat.js.map +1 -1
- package/dist/cjs/DateRangeFilter.js +4 -11
- package/dist/cjs/DateRangeFilter.js.map +1 -1
- package/dist/cjs/DeleteArchiveModal.js +10 -18
- package/dist/cjs/DeleteArchiveModal.js.map +1 -1
- package/dist/cjs/DeviceIncompatibilityMessage.js +8 -14
- package/dist/cjs/DeviceIncompatibilityMessage.js.map +1 -1
- package/dist/cjs/DocumentEditor.js +11 -21
- package/dist/cjs/DocumentEditor.js.map +1 -1
- package/dist/cjs/DownloadMobileAppCallout.js +3 -7
- package/dist/cjs/DownloadMobileAppCallout.js.map +1 -1
- package/dist/cjs/DynamicVariables.js +7 -15
- package/dist/cjs/DynamicVariables.js.map +1 -1
- package/dist/cjs/EmailForm.js +23 -40
- package/dist/cjs/EmailForm.js.map +1 -1
- package/dist/cjs/EmailPreview.js +12 -20
- package/dist/cjs/EmailPreview.js.map +1 -1
- package/dist/cjs/EmojiPicker.js +5 -13
- package/dist/cjs/EmojiPicker.js.map +1 -1
- package/dist/cjs/EmojiReactions.js +4 -11
- package/dist/cjs/EmojiReactions.js.map +1 -1
- package/dist/cjs/ErrorPage.js +9 -15
- package/dist/cjs/ErrorPage.js.map +1 -1
- package/dist/cjs/FileUpload.js +19 -36
- package/dist/cjs/FileUpload.js.map +1 -1
- package/dist/cjs/FloatingActionMenu.js +67 -90
- package/dist/cjs/FloatingActionMenu.js.map +1 -1
- package/dist/cjs/Header.js +6 -13
- package/dist/cjs/Header.js.map +1 -1
- package/dist/cjs/HelpPopover.js +9 -19
- package/dist/cjs/HelpPopover.js.map +1 -1
- package/dist/cjs/IconPicker.js +24 -42
- package/dist/cjs/IconPicker.js.map +1 -1
- package/dist/cjs/ImageWithFallback.js +6 -13
- package/dist/cjs/ImageWithFallback.js.map +1 -1
- package/dist/cjs/InlineInput.js +20 -38
- package/dist/cjs/InlineInput.js.map +1 -1
- package/dist/cjs/Insights.js +13 -21
- package/dist/cjs/Insights.js.map +1 -1
- package/dist/cjs/IntegrationCard.js +14 -27
- package/dist/cjs/IntegrationCard.js.map +1 -1
- package/dist/cjs/IpRestriction.js +83 -104
- package/dist/cjs/IpRestriction.js.map +1 -1
- package/dist/cjs/KeyboardShortcuts.js +23 -36
- package/dist/cjs/KeyboardShortcuts.js.map +1 -1
- package/dist/cjs/LoginPage.js +16 -27
- package/dist/cjs/LoginPage.js.map +1 -1
- package/dist/cjs/MadeWith.js +3 -8
- package/dist/cjs/MadeWith.js.map +1 -1
- package/dist/cjs/MenuBar.js +46 -66
- package/dist/cjs/MenuBar.js.map +1 -1
- package/dist/cjs/Metadata.js +18 -29
- package/dist/cjs/Metadata.js.map +1 -1
- package/dist/cjs/MobilePreviewHeader.js +2 -7
- package/dist/cjs/MobilePreviewHeader.js.map +1 -1
- package/dist/cjs/MoreDropdown.js +21 -32
- package/dist/cjs/MoreDropdown.js.map +1 -1
- package/dist/cjs/NavigationHeader.js +9 -18
- package/dist/cjs/NavigationHeader.js.map +1 -1
- package/dist/cjs/NeetoWidget.js +69 -95
- package/dist/cjs/NeetoWidget.js.map +1 -1
- package/dist/cjs/Onboarding.js +22 -34
- package/dist/cjs/Onboarding.js.map +1 -1
- package/dist/cjs/OptionFields.js +34 -51
- package/dist/cjs/OptionFields.js.map +1 -1
- package/dist/cjs/PageLoader.js +4 -10
- package/dist/cjs/PageLoader.js.map +1 -1
- package/dist/cjs/PhoneNumber.js +10 -20
- package/dist/cjs/PhoneNumber.js.map +1 -1
- package/dist/cjs/ProductEmbed.js +57 -80
- package/dist/cjs/ProductEmbed.js.map +1 -1
- package/dist/cjs/PublishBlock.js +41 -60
- package/dist/cjs/PublishBlock.js.map +1 -1
- package/dist/cjs/PublishYourItem.js +5 -10
- package/dist/cjs/PublishYourItem.js.map +1 -1
- package/dist/cjs/Rename.js +20 -35
- package/dist/cjs/Rename.js.map +1 -1
- package/dist/cjs/ResponsiveDevicePicker.js +9 -20
- package/dist/cjs/ResponsiveDevicePicker.js.map +1 -1
- package/dist/cjs/Schedule.js +47 -69
- package/dist/cjs/Schedule.js.map +1 -1
- package/dist/cjs/Scrollable.js +4 -10
- package/dist/cjs/Scrollable.js.map +1 -1
- package/dist/cjs/Search.js +11 -22
- package/dist/cjs/Search.js.map +1 -1
- package/dist/cjs/SendToFields.js +31 -49
- package/dist/cjs/SendToFields.js.map +1 -1
- package/dist/cjs/SessionEnvironment.js +39 -69
- package/dist/cjs/SessionEnvironment.js.map +1 -1
- package/dist/cjs/Settings.js +18 -29
- package/dist/cjs/Settings.js.map +1 -1
- package/dist/cjs/ShareRecordingPane.js +17 -29
- package/dist/cjs/ShareRecordingPane.js.map +1 -1
- package/dist/cjs/ShareViaEmail.js +31 -51
- package/dist/cjs/ShareViaEmail.js.map +1 -1
- package/dist/cjs/ShareViaLink.js +46 -64
- package/dist/cjs/ShareViaLink.js.map +1 -1
- package/dist/cjs/Sidebar.js +22 -35
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/StatusDropdown.js +8 -16
- package/dist/cjs/StatusDropdown.js.map +1 -1
- package/dist/cjs/StickyRibbonsContainer.js +6 -14
- package/dist/cjs/StickyRibbonsContainer.js.map +1 -1
- package/dist/cjs/SubHeader.js +15 -25
- package/dist/cjs/SubHeader.js.map +1 -1
- package/dist/cjs/SuffixedInput.js +5 -12
- package/dist/cjs/SuffixedInput.js.map +1 -1
- package/dist/cjs/TableWrapper.js +3 -7
- package/dist/cjs/TableWrapper.js.map +1 -1
- package/dist/cjs/Taxonomy.js +46 -64
- package/dist/cjs/Taxonomy.js.map +1 -1
- package/dist/cjs/TimezoneMismatchModal.js +14 -23
- package/dist/cjs/TimezoneMismatchModal.js.map +1 -1
- package/dist/cjs/ToggleFeatureCard.js +18 -34
- package/dist/cjs/ToggleFeatureCard.js.map +1 -1
- package/dist/cjs/{_commonjsHelpers-b3309d7b.js → _commonjsHelpers-BJu3ubxk.js} +1 -1
- package/dist/cjs/_commonjsHelpers-BJu3ubxk.js.map +1 -0
- package/dist/cjs/{index-3ab0acb9.js → index-Dfq9GJPm.js} +64 -84
- package/dist/cjs/{index-3ab0acb9.js.map → index-Dfq9GJPm.js.map} +1 -1
- package/dist/cjs/{index-57253dc4.js → index-JY2zVpnv.js} +2 -2
- package/dist/cjs/{index-57253dc4.js.map → index-JY2zVpnv.js.map} +1 -1
- package/dist/cjs/{inject-css-80a5faa3.js → inject-css-vQvjPR2x.js} +1 -1
- package/dist/cjs/{inject-css-80a5faa3.js.map → inject-css-vQvjPR2x.js.map} +1 -1
- package/dist/cjs/{phone-number-7119ec88.js → phone-number-BtEbUAse.js} +24 -39
- package/dist/cjs/phone-number-BtEbUAse.js.map +1 -0
- package/dist/cjs/{platform-4e0a3b75.js → platform-BUcCb8Jx.js} +2 -2
- package/dist/cjs/{platform-4e0a3b75.js.map → platform-BUcCb8Jx.js.map} +1 -1
- package/dist/cjs/{useColumns-8894f767.js → useColumns-E3db4ucs.js} +19 -32
- package/dist/cjs/{useColumns-8894f767.js.map → useColumns-E3db4ucs.js.map} +1 -1
- package/dist/{index-1f87fe13.js → index-DAYCJu79.js} +2 -2
- package/dist/{index-1f87fe13.js.map → index-DAYCJu79.js.map} +1 -1
- package/dist/{index-2f9a2a41.js → index-YZ7vuBmP.js} +2 -2
- package/dist/{index-2f9a2a41.js.map → index-YZ7vuBmP.js.map} +1 -1
- package/dist/{inject-css-c86de496.js → inject-css-DmrvuTKK.js} +1 -1
- package/dist/{inject-css-c86de496.js.map → inject-css-DmrvuTKK.js.map} +1 -1
- package/dist/{phone-number-aa7dd15f.js → phone-number-B2DdoQZX.js} +4 -5
- package/dist/phone-number-B2DdoQZX.js.map +1 -0
- package/dist/{platform-9320726a.js → platform-F44zJ4Xh.js} +2 -2
- package/dist/{platform-9320726a.js.map → platform-F44zJ4Xh.js.map} +1 -1
- package/dist/{useColumns-13263cd8.js → useColumns-B8JL1GjK.js} +2 -2
- package/dist/{useColumns-13263cd8.js.map → useColumns-B8JL1GjK.js.map} +1 -1
- package/package.json +4 -4
- package/types/Builder.d.ts +1 -0
- package/dist/_commonjsHelpers-1789f0cf.js.map +0 -1
- package/dist/cjs/_commonjsHelpers-b3309d7b.js.map +0 -1
- package/dist/cjs/phone-number-7119ec88.js.map +0 -1
- package/dist/phone-number-aa7dd15f.js.map +0 -1
|
@@ -9,21 +9,11 @@ var FormikEditor = require('@bigbinary/neeto-editor/FormikEditor');
|
|
|
9
9
|
var Typography = require('@bigbinary/neetoui/Typography');
|
|
10
10
|
var Textarea = require('@bigbinary/neetoui/formik/Textarea');
|
|
11
11
|
var reactI18next = require('react-i18next');
|
|
12
|
-
var injectCss = require('./inject-css-
|
|
12
|
+
var injectCss = require('./inject-css-vQvjPR2x.js');
|
|
13
13
|
var formik = require('formik');
|
|
14
14
|
var useHotkeys = require('@bigbinary/neeto-hotkeys');
|
|
15
15
|
var jsxRuntime = require('react/jsx-runtime');
|
|
16
16
|
|
|
17
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
|
-
|
|
19
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
20
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
21
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
22
|
-
var FormikEditor__default = /*#__PURE__*/_interopDefaultLegacy(FormikEditor);
|
|
23
|
-
var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
|
|
24
|
-
var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
|
|
25
|
-
var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
|
|
26
|
-
|
|
27
17
|
var EDITOR_ADDONS = ["highlight", "emoji", "video-upload", "code-block", "block-quote", "image-upload", "image-upload-unsplash", "divider", "video-embed", "undo", "redo", "table"];
|
|
28
18
|
var DEFAULT_EDITOR_PROPS = {
|
|
29
19
|
isCharacterCountActive: true,
|
|
@@ -70,14 +60,14 @@ var useEditor = function useEditor(_ref) {
|
|
|
70
60
|
titleRef.current.setSelectionRange(title === null || title === void 0 ? void 0 : title.length, title === null || title === void 0 ? void 0 : title.length);
|
|
71
61
|
}
|
|
72
62
|
};
|
|
73
|
-
var titleHotkeyRef =
|
|
63
|
+
var titleHotkeyRef = useHotkeys("return", function () {
|
|
74
64
|
var _editorRef$current2, _editorRef$current2$e, _editorRef$current2$e2, _editorRef$current3, _editorRef$current3$e, _editorRef$current3$e2;
|
|
75
65
|
(_editorRef$current2 = editorRef.current) === null || _editorRef$current2 === void 0 ? void 0 : (_editorRef$current2$e = _editorRef$current2.editor) === null || _editorRef$current2$e === void 0 ? void 0 : (_editorRef$current2$e2 = _editorRef$current2$e.commands) === null || _editorRef$current2$e2 === void 0 ? void 0 : _editorRef$current2$e2.insertContentAt(0, "<p />");
|
|
76
66
|
(_editorRef$current3 = editorRef.current) === null || _editorRef$current3 === void 0 ? void 0 : (_editorRef$current3$e = _editorRef$current3.editor) === null || _editorRef$current3$e === void 0 ? void 0 : (_editorRef$current3$e2 = _editorRef$current3$e.commands) === null || _editorRef$current3$e2 === void 0 ? void 0 : _editorRef$current3$e2.focus("start");
|
|
77
67
|
}, {
|
|
78
68
|
mode: "scoped"
|
|
79
69
|
});
|
|
80
|
-
var editorHotkeyRef =
|
|
70
|
+
var editorHotkeyRef = useHotkeys("backspace", handleEditorBackspaceKeypress, {
|
|
81
71
|
mode: "scoped"
|
|
82
72
|
});
|
|
83
73
|
return {
|
|
@@ -91,16 +81,16 @@ var useEditor = function useEditor(_ref) {
|
|
|
91
81
|
};
|
|
92
82
|
|
|
93
83
|
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
94
|
-
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) {
|
|
84
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
95
85
|
var getUniqueAttachments = function getUniqueAttachments(attachments) {
|
|
96
86
|
var uniqueAttachments = attachments === null || attachments === void 0 ? void 0 : attachments.reduce(function (uniqueAttachments, attachment) {
|
|
97
|
-
return _objectSpread$1(_objectSpread$1({}, uniqueAttachments), {},
|
|
87
|
+
return _objectSpread$1(_objectSpread$1({}, uniqueAttachments), {}, _defineProperty({}, attachment.signedId, attachment));
|
|
98
88
|
}, {});
|
|
99
89
|
return Object.values(uniqueAttachments || {});
|
|
100
90
|
};
|
|
101
91
|
|
|
102
92
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
103
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
|
93
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
104
94
|
var Editor = function Editor(_ref) {
|
|
105
95
|
var initialAttachments = _ref.attachments,
|
|
106
96
|
onContentChange = _ref.onContentChange,
|
|
@@ -126,7 +116,7 @@ var Editor = function Editor(_ref) {
|
|
|
126
116
|
var _useState = React.useState(function () {
|
|
127
117
|
return getUniqueAttachments(initialAttachments);
|
|
128
118
|
}),
|
|
129
|
-
_useState2 =
|
|
119
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
130
120
|
attachments = _useState2[0],
|
|
131
121
|
setAttachments = _useState2[1];
|
|
132
122
|
var _useEditor = useEditor({
|
|
@@ -161,7 +151,7 @@ var Editor = function Editor(_ref) {
|
|
|
161
151
|
className: "neeto-molecules-document__wrapper",
|
|
162
152
|
"data-testid": "document-editor-container",
|
|
163
153
|
ref: editorHotkeyRef,
|
|
164
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
154
|
+
children: /*#__PURE__*/jsxRuntime.jsx(FormikEditor, _objectSpread(_objectSpread({
|
|
165
155
|
attachmentsClassName: "editor-content-attachments w-full flex-shrink-0",
|
|
166
156
|
className: "h-full w-full",
|
|
167
157
|
contentClassName: "editor-content__wrapper neeto-molecules-document__container",
|
|
@@ -170,7 +160,7 @@ var Editor = function Editor(_ref) {
|
|
|
170
160
|
errorWrapperClassName: "w-full min-h-full flex flex-col items-center",
|
|
171
161
|
name: editorContentFieldName,
|
|
172
162
|
ref: setEditorRef,
|
|
173
|
-
menuClassName:
|
|
163
|
+
menuClassName: classnames("neeto-molecules-document-editor__menubar", menuClassName)
|
|
174
164
|
}, _objectSpread(_objectSpread({
|
|
175
165
|
attachments: attachments
|
|
176
166
|
}, editorProps), {}, {
|
|
@@ -181,7 +171,7 @@ var Editor = function Editor(_ref) {
|
|
|
181
171
|
onChangeAttachments: handleAttachmentChange,
|
|
182
172
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
183
173
|
className: "neeto-molecules-document__container px-4",
|
|
184
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
174
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Textarea, _objectSpread({
|
|
185
175
|
nakedTextarea: true,
|
|
186
176
|
className: "neeto-molecules-document__title",
|
|
187
177
|
"data-cy": "neeto-molecules-document-title-text-field",
|
|
@@ -193,7 +183,7 @@ var Editor = function Editor(_ref) {
|
|
|
193
183
|
onKeyDown: function onKeyDown(e) {
|
|
194
184
|
return e.key === "Enter" && !e.shiftKey && e.preventDefault();
|
|
195
185
|
}
|
|
196
|
-
}, titleProps)), errors[editorContentFieldName] && /*#__PURE__*/jsxRuntime.jsx(
|
|
186
|
+
}, titleProps)), errors[editorContentFieldName] && /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
197
187
|
className: "neeto-ui-input__error neeto-molecules-editor-content__error",
|
|
198
188
|
"data-cy": "articles-content-input-error",
|
|
199
189
|
style: "body3",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DocumentEditor.js","sources":["../../src/components/DocumentEditor/constants.js","../../src/components/DocumentEditor/hooks/useEditor.js","../../src/components/DocumentEditor/utils.js","../../src/components/DocumentEditor/index.jsx"],"sourcesContent":["export const EDITOR_ADDONS = [\n \"highlight\",\n \"emoji\",\n \"video-upload\",\n \"code-block\",\n \"block-quote\",\n \"image-upload\",\n \"image-upload-unsplash\",\n \"divider\",\n \"video-embed\",\n \"undo\",\n \"redo\",\n \"table\",\n];\n\nexport const DEFAULT_EDITOR_PROPS = {\n isCharacterCountActive: true,\n isMenuIndependent: true,\n addons: [],\n};\n","import { useCallback } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { isPresent } from \"neetocist\";\nimport useHotkeys from \"neetohotkeys\";\n\nconst useEditor = ({\n onContentChange,\n editorContentFieldName,\n setAttachments,\n onAttachmentChange,\n onTitleChange,\n titleFieldName,\n editorRef,\n titleRef,\n}) => {\n const { setFieldValue, errors } = useFormikContext();\n\n const handleContentChange = useCallback(\n content => {\n setFieldValue(editorContentFieldName, content);\n onContentChange?.(content);\n },\n [editorContentFieldName, onContentChange, setFieldValue]\n );\n\n const handleAttachmentChange = useCallback(\n attachments => {\n setAttachments(attachments);\n setFieldValue(\"attachments\", attachments);\n onAttachmentChange?.(attachments);\n },\n [onAttachmentChange, setAttachments, setFieldValue]\n );\n\n const handleTitleChange = event => {\n const title = event.target.value;\n setFieldValue(titleFieldName, title);\n onTitleChange?.(title);\n };\n\n const handleEditorBackspaceKeypress = () => {\n const editor = editorRef.current?.editor;\n const selection = editor?.state?.selection;\n if (\n editor?.isFocused &&\n isPresent(titleRef.current) &&\n selection?.anchor === 1\n ) {\n const title = titleRef.current.value;\n titleRef.current.focus();\n titleRef.current.setSelectionRange(title?.length, title?.length);\n }\n };\n\n const titleHotkeyRef = useHotkeys(\n \"return\",\n () => {\n editorRef.current?.editor?.commands?.insertContentAt(0, \"<p />\");\n editorRef.current?.editor?.commands?.focus(\"start\");\n },\n { mode: \"scoped\" }\n );\n\n const editorHotkeyRef = useHotkeys(\n \"backspace\",\n handleEditorBackspaceKeypress,\n { mode: \"scoped\" }\n );\n\n return {\n handleContentChange,\n handleAttachmentChange,\n handleTitleChange,\n editorHotkeyRef,\n titleHotkeyRef,\n errors,\n };\n};\n\nexport default useEditor;\n","export const getUniqueAttachments = attachments => {\n const uniqueAttachments = attachments?.reduce(\n (uniqueAttachments, attachment) => ({\n ...uniqueAttachments,\n [attachment.signedId]: attachment,\n }),\n {}\n );\n\n return Object.values(uniqueAttachments || {});\n};\n","import { memo, useCallback, useMemo, useRef, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { FormikEditor } from \"neetoeditor\";\nimport { Typography } from \"neetoui\";\nimport { Textarea } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { DEFAULT_EDITOR_PROPS, EDITOR_ADDONS } from \"./constants\";\nimport \"./editor.scss\";\nimport useEditor from \"./hooks/useEditor\";\nimport { getUniqueAttachments } from \"./utils\";\n\nconst Editor = ({\n attachments: initialAttachments,\n onContentChange,\n onAttachmentChange,\n onTitleChange,\n getTitleRef = noop,\n getEditorRef = noop,\n menuClassName,\n editorContentFieldName = \"htmlContent\",\n titleFieldName = \"title\",\n editorProps = DEFAULT_EDITOR_PROPS,\n titleProps = {},\n}) => {\n const { t } = useTranslation();\n\n const titleRef = useRef();\n const editorRef = useRef();\n\n const [attachments, setAttachments] = useState(() =>\n getUniqueAttachments(initialAttachments)\n );\n\n const {\n handleContentChange,\n handleAttachmentChange,\n handleTitleChange,\n editorHotkeyRef,\n titleHotkeyRef,\n errors,\n } = useEditor({\n onContentChange,\n editorContentFieldName,\n setAttachments,\n onAttachmentChange,\n onTitleChange,\n titleFieldName,\n editorRef,\n titleRef,\n });\n\n const setTitleRef = node => {\n titleHotkeyRef.current = node;\n getTitleRef(node);\n titleRef.current = node;\n };\n\n const setEditorRef = useCallback(node => {\n editorRef.current = node;\n getEditorRef(node);\n }, []);\n\n const addons = useMemo(\n () => EDITOR_ADDONS.concat(editorProps.addons || []),\n [editorProps.addons]\n );\n\n return (\n <div\n className=\"neeto-molecules-document__wrapper\"\n data-testid=\"document-editor-container\"\n ref={editorHotkeyRef}\n >\n <FormikEditor\n attachmentsClassName=\"editor-content-attachments w-full flex-shrink-0\"\n className=\"h-full w-full\"\n contentClassName=\"editor-content__wrapper neeto-molecules-document__container\"\n data-cy=\"neeto-molecules-document-content-text-area\"\n error={undefined}\n errorWrapperClassName=\"w-full min-h-full flex flex-col items-center\"\n name={editorContentFieldName}\n ref={setEditorRef}\n menuClassName={classNames(\n \"neeto-molecules-document-editor__menubar\",\n menuClassName\n )}\n {...{ attachments, ...editorProps, addons }}\n contentWrapperClassName=\"w-full flex flex-col flex-grow\"\n onChange={handleContentChange}\n onChangeAttachments={handleAttachmentChange}\n >\n <div className=\"neeto-molecules-document__container px-4\">\n <Textarea\n nakedTextarea\n className=\"neeto-molecules-document__title\"\n data-cy=\"neeto-molecules-document-title-text-field\"\n name={titleFieldName}\n ref={setTitleRef}\n rows={1}\n placeholder={\n titleProps.placeholder || t(\"neetoMolecules.documentEditor.title\")\n }\n onChange={handleTitleChange}\n onKeyDown={e =>\n e.key === \"Enter\" && !e.shiftKey && e.preventDefault()\n }\n {...titleProps}\n />\n {errors[editorContentFieldName] && (\n <Typography\n className=\"neeto-ui-input__error neeto-molecules-editor-content__error\"\n data-cy=\"articles-content-input-error\"\n style=\"body3\"\n >\n {errors[editorContentFieldName]}\n </Typography>\n )}\n </div>\n </FormikEditor>\n </div>\n );\n};\n\nEditor.propTypes = {\n /**\n * List of initial attachments.\n */\n attachments: PropTypes.arrayOf(\n PropTypes.shape({\n contentType: PropTypes.string,\n filename: PropTypes.string,\n signedId: PropTypes.string,\n url: PropTypes.string,\n })\n ),\n /**\n * Callback that will be triggered when the editor content changes.\n * This function is not throttled.\n */\n onContentChange: PropTypes.func,\n /**\n * Callback that will be triggered when the attachments changes.\n */\n onAttachmentChange: PropTypes.func,\n /**\n * Callback that will be triggered when the article title changes.\n */\n onTitleChange: PropTypes.func,\n /**\n * This function will be called with the title node reference.\n */\n getTitleRef: PropTypes.func,\n /**\n * This function will be called with editor reference.\n */\n getEditorRef: PropTypes.func,\n /**\n * Formik field name of the editor. The default value is `htmlContent`.\n */\n editorContentFieldName: PropTypes.string,\n /**\n * Formik field name of the title. The default value is `title`.\n */\n titleFieldName: PropTypes.string,\n /**\n * These props will be passed down to the editor component.\n */\n editorProps: PropTypes.object,\n /**\n * These props will be passed down to the title text area component.\n */\n titleProps: PropTypes.object,\n /**\n * A prop to pass class names to the editor menubar.\n */\n menuClassName: PropTypes.string,\n};\n\nEditor.displayName = \"DocumentEditor\";\n\nexport default memo(Editor);\n"],"names":["EDITOR_ADDONS","DEFAULT_EDITOR_PROPS","isCharacterCountActive","isMenuIndependent","addons","useEditor","_ref","onContentChange","editorContentFieldName","setAttachments","onAttachmentChange","onTitleChange","titleFieldName","editorRef","titleRef","_useFormikContext","useFormikContext","setFieldValue","errors","handleContentChange","useCallback","content","handleAttachmentChange","attachments","handleTitleChange","event","title","target","value","handleEditorBackspaceKeypress","_editorRef$current","_editor$state","editor","current","selection","state","isFocused","isPresent","anchor","focus","setSelectionRange","length","titleHotkeyRef","useHotkeys","_editorRef$current2","_editorRef$current2$e","_editorRef$current2$e2","_editorRef$current3","_editorRef$current3$e","_editorRef$current3$e2","commands","insertContentAt","mode","editorHotkeyRef","getUniqueAttachments","uniqueAttachments","reduce","attachment","_objectSpread","_defineProperty","signedId","Object","values","Editor","initialAttachments","_ref$getTitleRef","getTitleRef","noop","_ref$getEditorRef","getEditorRef","menuClassName","_ref$editorContentFie","_ref$titleFieldName","_ref$editorProps","editorProps","_ref$titleProps","titleProps","_useTranslation","useTranslation","t","useRef","_useState","useState","_useState2","_slicedToArray","_useEditor","setTitleRef","node","setEditorRef","useMemo","concat","_jsx","className","ref","children","FormikEditor","attachmentsClassName","contentClassName","error","undefined","errorWrapperClassName","name","classNames","contentWrapperClassName","onChange","onChangeAttachments","_jsxs","Textarea","nakedTextarea","rows","placeholder","onKeyDown","e","key","shiftKey","preventDefault","Typography","style","displayName","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAO,IAAMA,aAAa,GAAG,CAC3B,WAAW,EACX,OAAO,EACP,cAAc,EACd,YAAY,EACZ,aAAa,EACb,cAAc,EACd,uBAAuB,EACvB,SAAS,EACT,aAAa,EACb,MAAM,EACN,MAAM,EACN,OAAO,CACR,CAAA;AAEM,IAAMC,oBAAoB,GAAG;AAClCC,EAAAA,sBAAsB,EAAE,IAAI;AAC5BC,EAAAA,iBAAiB,EAAE,IAAI;AACvBC,EAAAA,MAAM,EAAE,EAAA;AACV,CAAC;;;;;ACbD,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAST;AAAA,EAAA,IARJC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IACfC,sBAAsB,GAAAF,IAAA,CAAtBE,sBAAsB;IACtBC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,kBAAkB,GAAAJ,IAAA,CAAlBI,kBAAkB;IAClBC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,cAAc,GAAAN,IAAA,CAAdM,cAAc;IACdC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ,CAAA;AAER,EAAA,IAAAC,iBAAA,GAAkCC,uBAAgB,EAAE;IAA5CC,aAAa,GAAAF,iBAAA,CAAbE,aAAa;IAAEC,MAAM,GAAAH,iBAAA,CAANG,MAAM,CAAA;AAE7B,EAAA,IAAMC,mBAAmB,GAAGC,iBAAW,CACrC,UAAAC,OAAO,EAAI;AACTJ,IAAAA,aAAa,CAACT,sBAAsB,EAAEa,OAAO,CAAC,CAAA;AAC9Cd,IAAAA,eAAe,aAAfA,eAAe,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAfA,eAAe,CAAGc,OAAO,CAAC,CAAA;GAC3B,EACD,CAACb,sBAAsB,EAAED,eAAe,EAAEU,aAAa,CACzD,CAAC,CAAA;AAED,EAAA,IAAMK,sBAAsB,GAAGF,iBAAW,CACxC,UAAAG,WAAW,EAAI;IACbd,cAAc,CAACc,WAAW,CAAC,CAAA;AAC3BN,IAAAA,aAAa,CAAC,aAAa,EAAEM,WAAW,CAAC,CAAA;AACzCb,IAAAA,kBAAkB,aAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAlBA,kBAAkB,CAAGa,WAAW,CAAC,CAAA;GAClC,EACD,CAACb,kBAAkB,EAAED,cAAc,EAAEQ,aAAa,CACpD,CAAC,CAAA;AAED,EAAA,IAAMO,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGC,KAAK,EAAI;AACjC,IAAA,IAAMC,KAAK,GAAGD,KAAK,CAACE,MAAM,CAACC,KAAK,CAAA;AAChCX,IAAAA,aAAa,CAACL,cAAc,EAAEc,KAAK,CAAC,CAAA;AACpCf,IAAAA,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAGe,KAAK,CAAC,CAAA;GACvB,CAAA;AAED,EAAA,IAAMG,6BAA6B,GAAG,SAAhCA,6BAA6BA,GAAS;IAAA,IAAAC,kBAAA,EAAAC,aAAA,CAAA;AAC1C,IAAA,IAAMC,MAAM,GAAA,CAAAF,kBAAA,GAAGjB,SAAS,CAACoB,OAAO,MAAA,IAAA,IAAAH,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,kBAAA,CAAmBE,MAAM,CAAA;AACxC,IAAA,IAAME,SAAS,GAAGF,MAAM,KAANA,IAAAA,IAAAA,MAAM,wBAAAD,aAAA,GAANC,MAAM,CAAEG,KAAK,MAAAJ,IAAAA,IAAAA,aAAA,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAA,CAAeG,SAAS,CAAA;IAC1C,IACEF,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,IAAAA,MAAM,CAAEI,SAAS,IACjBC,mBAAS,CAACvB,QAAQ,CAACmB,OAAO,CAAC,IAC3B,CAAAC,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAEI,MAAM,MAAK,CAAC,EACvB;AACA,MAAA,IAAMZ,KAAK,GAAGZ,QAAQ,CAACmB,OAAO,CAACL,KAAK,CAAA;AACpCd,MAAAA,QAAQ,CAACmB,OAAO,CAACM,KAAK,EAAE,CAAA;MACxBzB,QAAQ,CAACmB,OAAO,CAACO,iBAAiB,CAACd,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,KAAK,CAAEe,MAAM,EAAEf,KAAK,KAALA,IAAAA,IAAAA,KAAK,uBAALA,KAAK,CAAEe,MAAM,CAAC,CAAA;AAClE,KAAA;GACD,CAAA;AAED,EAAA,IAAMC,cAAc,GAAGC,8BAAU,CAC/B,QAAQ,EACR,YAAM;IAAA,IAAAC,mBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,mBAAA,EAAAC,qBAAA,EAAAC,sBAAA,CAAA;AACJ,IAAA,CAAAL,mBAAA,GAAA/B,SAAS,CAACoB,OAAO,MAAA,IAAA,IAAAW,mBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAC,qBAAA,GAAjBD,mBAAA,CAAmBZ,MAAM,MAAAa,IAAAA,IAAAA,qBAAA,KAAAC,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,sBAAA,GAAzBD,qBAAA,CAA2BK,QAAQ,cAAAJ,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAnCA,sBAAA,CAAqCK,eAAe,CAAC,CAAC,EAAE,OAAO,CAAC,CAAA;AAChE,IAAA,CAAAJ,mBAAA,GAAAlC,SAAS,CAACoB,OAAO,MAAA,IAAA,IAAAc,mBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAC,qBAAA,GAAjBD,mBAAA,CAAmBf,MAAM,MAAA,IAAA,IAAAgB,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAC,sBAAA,GAAzBD,qBAAA,CAA2BE,QAAQ,MAAA,IAAA,IAAAD,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAnCA,sBAAA,CAAqCV,KAAK,CAAC,OAAO,CAAC,CAAA;AACrD,GAAC,EACD;AAAEa,IAAAA,IAAI,EAAE,QAAA;AAAS,GACnB,CAAC,CAAA;AAED,EAAA,IAAMC,eAAe,GAAGV,8BAAU,CAChC,WAAW,EACXd,6BAA6B,EAC7B;AAAEuB,IAAAA,IAAI,EAAE,QAAA;AAAS,GACnB,CAAC,CAAA;EAED,OAAO;AACLjC,IAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBG,IAAAA,sBAAsB,EAAtBA,sBAAsB;AACtBE,IAAAA,iBAAiB,EAAjBA,iBAAiB;AACjB6B,IAAAA,eAAe,EAAfA,eAAe;AACfX,IAAAA,cAAc,EAAdA,cAAc;AACdxB,IAAAA,MAAM,EAANA,MAAAA;GACD,CAAA;AACH,CAAC;;;;AC9EM,IAAMoC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAG/B,WAAW,EAAI;AACjD,EAAA,IAAMgC,iBAAiB,GAAGhC,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEiC,MAAM,CAC3C,UAACD,iBAAiB,EAAEE,UAAU,EAAA;AAAA,IAAA,OAAAC,eAAA,CAAAA,eAAA,CAAA,EAAA,EACzBH,iBAAiB,CAAA,EAAA,EAAA,EAAAI,mCAAA,CAAA,EAAA,EACnBF,UAAU,CAACG,QAAQ,EAAGH,UAAU,CAAA,CAAA,CAAA;GACjC,EACF,EACF,CAAC,CAAA;EAED,OAAOI,MAAM,CAACC,MAAM,CAACP,iBAAiB,IAAI,EAAE,CAAC,CAAA;AAC/C,CAAC;;;;ACKD,IAAMQ,MAAM,GAAG,SAATA,MAAMA,CAAAzD,IAAA,EAYN;AAAA,EAAA,IAXS0D,kBAAkB,GAAA1D,IAAA,CAA/BiB,WAAW;IACXhB,eAAe,GAAAD,IAAA,CAAfC,eAAe;IACfG,kBAAkB,GAAAJ,IAAA,CAAlBI,kBAAkB;IAClBC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IAAAsD,gBAAA,GAAA3D,IAAA,CACb4D,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAGE,KAAAA,CAAAA,GAAAA,cAAI,GAAAF,gBAAA;IAAAG,iBAAA,GAAA9D,IAAA,CAClB+D,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAGD,KAAAA,CAAAA,GAAAA,cAAI,GAAAC,iBAAA;IACnBE,aAAa,GAAAhE,IAAA,CAAbgE,aAAa;IAAAC,qBAAA,GAAAjE,IAAA,CACbE,sBAAsB;AAAtBA,IAAAA,sBAAsB,GAAA+D,qBAAA,KAAG,KAAA,CAAA,GAAA,aAAa,GAAAA,qBAAA;IAAAC,mBAAA,GAAAlE,IAAA,CACtCM,cAAc;AAAdA,IAAAA,cAAc,GAAA4D,mBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,mBAAA;IAAAC,gBAAA,GAAAnE,IAAA,CACxBoE,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAGxE,KAAAA,CAAAA,GAAAA,oBAAoB,GAAAwE,gBAAA;IAAAE,eAAA,GAAArE,IAAA,CAClCsE,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,eAAA,CAAA;AAEf,EAAA,IAAAE,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;AAET,EAAA,IAAMjE,QAAQ,GAAGkE,YAAM,EAAE,CAAA;AACzB,EAAA,IAAMnE,SAAS,GAAGmE,YAAM,EAAE,CAAA;EAE1B,IAAAC,SAAA,GAAsCC,cAAQ,CAAC,YAAA;MAAA,OAC7C5B,oBAAoB,CAACU,kBAAkB,CAAC,CAAA;AAAA,KAC1C,CAAC;IAAAmB,UAAA,GAAAC,kCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAFM1D,IAAAA,WAAW,GAAA4D,UAAA,CAAA,CAAA,CAAA;AAAE1E,IAAAA,cAAc,GAAA0E,UAAA,CAAA,CAAA,CAAA,CAAA;EAIlC,IAAAE,UAAA,GAOIhF,SAAS,CAAC;AACZE,MAAAA,eAAe,EAAfA,eAAe;AACfC,MAAAA,sBAAsB,EAAtBA,sBAAsB;AACtBC,MAAAA,cAAc,EAAdA,cAAc;AACdC,MAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBC,MAAAA,aAAa,EAAbA,aAAa;AACbC,MAAAA,cAAc,EAAdA,cAAc;AACdC,MAAAA,SAAS,EAATA,SAAS;AACTC,MAAAA,QAAQ,EAARA,QAAAA;AACF,KAAC,CAAC;IAfAK,mBAAmB,GAAAkE,UAAA,CAAnBlE,mBAAmB;IACnBG,sBAAsB,GAAA+D,UAAA,CAAtB/D,sBAAsB;IACtBE,iBAAiB,GAAA6D,UAAA,CAAjB7D,iBAAiB;IACjB6B,eAAe,GAAAgC,UAAA,CAAfhC,eAAe;IACfX,cAAc,GAAA2C,UAAA,CAAd3C,cAAc;IACdxB,MAAM,GAAAmE,UAAA,CAANnE,MAAM,CAAA;AAYR,EAAA,IAAMoE,WAAW,GAAG,SAAdA,WAAWA,CAAGC,IAAI,EAAI;IAC1B7C,cAAc,CAACT,OAAO,GAAGsD,IAAI,CAAA;IAC7BrB,WAAW,CAACqB,IAAI,CAAC,CAAA;IACjBzE,QAAQ,CAACmB,OAAO,GAAGsD,IAAI,CAAA;GACxB,CAAA;AAED,EAAA,IAAMC,YAAY,GAAGpE,iBAAW,CAAC,UAAAmE,IAAI,EAAI;IACvC1E,SAAS,CAACoB,OAAO,GAAGsD,IAAI,CAAA;IACxBlB,YAAY,CAACkB,IAAI,CAAC,CAAA;GACnB,EAAE,EAAE,CAAC,CAAA;EAEN,IAAMnF,MAAM,GAAGqF,aAAO,CACpB,YAAA;IAAA,OAAMzF,aAAa,CAAC0F,MAAM,CAAChB,WAAW,CAACtE,MAAM,IAAI,EAAE,CAAC,CAAA;AAAA,GAAA,EACpD,CAACsE,WAAW,CAACtE,MAAM,CACrB,CAAC,CAAA;AAED,EAAA,oBACEuF,cAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,mCAAmC;AAC7C,IAAA,aAAA,EAAY,2BAA2B;AACvCC,IAAAA,GAAG,EAAExC,eAAgB;AAAAyC,IAAAA,QAAA,eAErBH,cAAA,CAACI,gCAAY,EAAArC,aAAA,CAAAA,aAAA,CAAA;AACXsC,MAAAA,oBAAoB,EAAC,iDAAiD;AACtEJ,MAAAA,SAAS,EAAC,eAAe;AACzBK,MAAAA,gBAAgB,EAAC,6DAA6D;AAC9E,MAAA,SAAA,EAAQ,4CAA4C;AACpDC,MAAAA,KAAK,EAAEC,SAAU;AACjBC,MAAAA,qBAAqB,EAAC,8CAA8C;AACpEC,MAAAA,IAAI,EAAE7F,sBAAuB;AAC7BqF,MAAAA,GAAG,EAAEL,YAAa;AAClBlB,MAAAA,aAAa,EAAEgC,8BAAU,CACvB,0CAA0C,EAC1ChC,aACF,CAAA;KAAEZ,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACInC,MAAAA,WAAW,EAAXA,WAAAA;AAAW,KAAA,EAAKmD,WAAW,CAAA,EAAA,EAAA,EAAA;AAAEtE,MAAAA,MAAM,EAANA,MAAAA;AAAM,KAAA,CAAA,CAAA,EAAA,EAAA,EAAA;AACzCmG,MAAAA,uBAAuB,EAAC,gCAAgC;AACxDC,MAAAA,QAAQ,EAAErF,mBAAoB;AAC9BsF,MAAAA,mBAAmB,EAAEnF,sBAAuB;AAAAwE,MAAAA,QAAA,eAE5CY,eAAA,CAAA,KAAA,EAAA;AAAKd,QAAAA,SAAS,EAAC,0CAA0C;AAAAE,QAAAA,QAAA,EACvDH,cAAAA,cAAA,CAACgB,4BAAQ,EAAAjD,aAAA,CAAA;UACPkD,aAAa,EAAA,IAAA;AACbhB,UAAAA,SAAS,EAAC,iCAAiC;AAC3C,UAAA,SAAA,EAAQ,2CAA2C;AACnDS,UAAAA,IAAI,EAAEzF,cAAe;AACrBiF,UAAAA,GAAG,EAAEP,WAAY;AACjBuB,UAAAA,IAAI,EAAE,CAAE;UACRC,WAAW,EACTlC,UAAU,CAACkC,WAAW,IAAI/B,CAAC,CAAC,qCAAqC,CAClE;AACDyB,UAAAA,QAAQ,EAAEhF,iBAAkB;AAC5BuF,UAAAA,SAAS,EAAE,SAAXA,SAASA,CAAEC,CAAC,EAAA;AAAA,YAAA,OACVA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAI,CAACD,CAAC,CAACE,QAAQ,IAAIF,CAAC,CAACG,cAAc,EAAE,CAAA;AAAA,WAAA;SAEpDvC,EAAAA,UAAU,CACf,CAAC,EACD1D,MAAM,CAACV,sBAAsB,CAAC,iBAC7BmF,cAAA,CAACyB,8BAAU,EAAA;AACTxB,UAAAA,SAAS,EAAC,6DAA6D;AACvE,UAAA,SAAA,EAAQ,8BAA8B;AACtCyB,UAAAA,KAAK,EAAC,OAAO;UAAAvB,QAAA,EAEZ5E,MAAM,CAACV,sBAAsB,CAAA;AAAC,SACrB,CACb,CAAA;OACE,CAAA;KACO,CAAA,CAAA;AAAC,GACZ,CAAC,CAAA;AAEV,CAAC,CAAA;AAyDDuD,MAAM,CAACuD,WAAW,GAAG,gBAAgB,CAAA;AAErC,YAAeC,aAAAA,UAAI,CAACxD,MAAM,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"DocumentEditor.js","sources":["../../src/components/DocumentEditor/constants.js","../../src/components/DocumentEditor/hooks/useEditor.js","../../src/components/DocumentEditor/utils.js","../../src/components/DocumentEditor/index.jsx"],"sourcesContent":["export const EDITOR_ADDONS = [\n \"highlight\",\n \"emoji\",\n \"video-upload\",\n \"code-block\",\n \"block-quote\",\n \"image-upload\",\n \"image-upload-unsplash\",\n \"divider\",\n \"video-embed\",\n \"undo\",\n \"redo\",\n \"table\",\n];\n\nexport const DEFAULT_EDITOR_PROPS = {\n isCharacterCountActive: true,\n isMenuIndependent: true,\n addons: [],\n};\n","import { useCallback } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { isPresent } from \"neetocist\";\nimport useHotkeys from \"neetohotkeys\";\n\nconst useEditor = ({\n onContentChange,\n editorContentFieldName,\n setAttachments,\n onAttachmentChange,\n onTitleChange,\n titleFieldName,\n editorRef,\n titleRef,\n}) => {\n const { setFieldValue, errors } = useFormikContext();\n\n const handleContentChange = useCallback(\n content => {\n setFieldValue(editorContentFieldName, content);\n onContentChange?.(content);\n },\n [editorContentFieldName, onContentChange, setFieldValue]\n );\n\n const handleAttachmentChange = useCallback(\n attachments => {\n setAttachments(attachments);\n setFieldValue(\"attachments\", attachments);\n onAttachmentChange?.(attachments);\n },\n [onAttachmentChange, setAttachments, setFieldValue]\n );\n\n const handleTitleChange = event => {\n const title = event.target.value;\n setFieldValue(titleFieldName, title);\n onTitleChange?.(title);\n };\n\n const handleEditorBackspaceKeypress = () => {\n const editor = editorRef.current?.editor;\n const selection = editor?.state?.selection;\n if (\n editor?.isFocused &&\n isPresent(titleRef.current) &&\n selection?.anchor === 1\n ) {\n const title = titleRef.current.value;\n titleRef.current.focus();\n titleRef.current.setSelectionRange(title?.length, title?.length);\n }\n };\n\n const titleHotkeyRef = useHotkeys(\n \"return\",\n () => {\n editorRef.current?.editor?.commands?.insertContentAt(0, \"<p />\");\n editorRef.current?.editor?.commands?.focus(\"start\");\n },\n { mode: \"scoped\" }\n );\n\n const editorHotkeyRef = useHotkeys(\n \"backspace\",\n handleEditorBackspaceKeypress,\n { mode: \"scoped\" }\n );\n\n return {\n handleContentChange,\n handleAttachmentChange,\n handleTitleChange,\n editorHotkeyRef,\n titleHotkeyRef,\n errors,\n };\n};\n\nexport default useEditor;\n","export const getUniqueAttachments = attachments => {\n const uniqueAttachments = attachments?.reduce(\n (uniqueAttachments, attachment) => ({\n ...uniqueAttachments,\n [attachment.signedId]: attachment,\n }),\n {}\n );\n\n return Object.values(uniqueAttachments || {});\n};\n","import { memo, useCallback, useMemo, useRef, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { FormikEditor } from \"neetoeditor\";\nimport { Typography } from \"neetoui\";\nimport { Textarea } from \"neetoui/formik\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { DEFAULT_EDITOR_PROPS, EDITOR_ADDONS } from \"./constants\";\nimport \"./editor.scss\";\nimport useEditor from \"./hooks/useEditor\";\nimport { getUniqueAttachments } from \"./utils\";\n\nconst Editor = ({\n attachments: initialAttachments,\n onContentChange,\n onAttachmentChange,\n onTitleChange,\n getTitleRef = noop,\n getEditorRef = noop,\n menuClassName,\n editorContentFieldName = \"htmlContent\",\n titleFieldName = \"title\",\n editorProps = DEFAULT_EDITOR_PROPS,\n titleProps = {},\n}) => {\n const { t } = useTranslation();\n\n const titleRef = useRef();\n const editorRef = useRef();\n\n const [attachments, setAttachments] = useState(() =>\n getUniqueAttachments(initialAttachments)\n );\n\n const {\n handleContentChange,\n handleAttachmentChange,\n handleTitleChange,\n editorHotkeyRef,\n titleHotkeyRef,\n errors,\n } = useEditor({\n onContentChange,\n editorContentFieldName,\n setAttachments,\n onAttachmentChange,\n onTitleChange,\n titleFieldName,\n editorRef,\n titleRef,\n });\n\n const setTitleRef = node => {\n titleHotkeyRef.current = node;\n getTitleRef(node);\n titleRef.current = node;\n };\n\n const setEditorRef = useCallback(node => {\n editorRef.current = node;\n getEditorRef(node);\n }, []);\n\n const addons = useMemo(\n () => EDITOR_ADDONS.concat(editorProps.addons || []),\n [editorProps.addons]\n );\n\n return (\n <div\n className=\"neeto-molecules-document__wrapper\"\n data-testid=\"document-editor-container\"\n ref={editorHotkeyRef}\n >\n <FormikEditor\n attachmentsClassName=\"editor-content-attachments w-full flex-shrink-0\"\n className=\"h-full w-full\"\n contentClassName=\"editor-content__wrapper neeto-molecules-document__container\"\n data-cy=\"neeto-molecules-document-content-text-area\"\n error={undefined}\n errorWrapperClassName=\"w-full min-h-full flex flex-col items-center\"\n name={editorContentFieldName}\n ref={setEditorRef}\n menuClassName={classNames(\n \"neeto-molecules-document-editor__menubar\",\n menuClassName\n )}\n {...{ attachments, ...editorProps, addons }}\n contentWrapperClassName=\"w-full flex flex-col flex-grow\"\n onChange={handleContentChange}\n onChangeAttachments={handleAttachmentChange}\n >\n <div className=\"neeto-molecules-document__container px-4\">\n <Textarea\n nakedTextarea\n className=\"neeto-molecules-document__title\"\n data-cy=\"neeto-molecules-document-title-text-field\"\n name={titleFieldName}\n ref={setTitleRef}\n rows={1}\n placeholder={\n titleProps.placeholder || t(\"neetoMolecules.documentEditor.title\")\n }\n onChange={handleTitleChange}\n onKeyDown={e =>\n e.key === \"Enter\" && !e.shiftKey && e.preventDefault()\n }\n {...titleProps}\n />\n {errors[editorContentFieldName] && (\n <Typography\n className=\"neeto-ui-input__error neeto-molecules-editor-content__error\"\n data-cy=\"articles-content-input-error\"\n style=\"body3\"\n >\n {errors[editorContentFieldName]}\n </Typography>\n )}\n </div>\n </FormikEditor>\n </div>\n );\n};\n\nEditor.propTypes = {\n /**\n * List of initial attachments.\n */\n attachments: PropTypes.arrayOf(\n PropTypes.shape({\n contentType: PropTypes.string,\n filename: PropTypes.string,\n signedId: PropTypes.string,\n url: PropTypes.string,\n })\n ),\n /**\n * Callback that will be triggered when the editor content changes.\n * This function is not throttled.\n */\n onContentChange: PropTypes.func,\n /**\n * Callback that will be triggered when the attachments changes.\n */\n onAttachmentChange: PropTypes.func,\n /**\n * Callback that will be triggered when the article title changes.\n */\n onTitleChange: PropTypes.func,\n /**\n * This function will be called with the title node reference.\n */\n getTitleRef: PropTypes.func,\n /**\n * This function will be called with editor reference.\n */\n getEditorRef: PropTypes.func,\n /**\n * Formik field name of the editor. The default value is `htmlContent`.\n */\n editorContentFieldName: PropTypes.string,\n /**\n * Formik field name of the title. The default value is `title`.\n */\n titleFieldName: PropTypes.string,\n /**\n * These props will be passed down to the editor component.\n */\n editorProps: PropTypes.object,\n /**\n * These props will be passed down to the title text area component.\n */\n titleProps: PropTypes.object,\n /**\n * A prop to pass class names to the editor menubar.\n */\n menuClassName: PropTypes.string,\n};\n\nEditor.displayName = \"DocumentEditor\";\n\nexport default memo(Editor);\n"],"names":["EDITOR_ADDONS","DEFAULT_EDITOR_PROPS","isCharacterCountActive","isMenuIndependent","addons","useEditor","_ref","onContentChange","editorContentFieldName","setAttachments","onAttachmentChange","onTitleChange","titleFieldName","editorRef","titleRef","_useFormikContext","useFormikContext","setFieldValue","errors","handleContentChange","useCallback","content","handleAttachmentChange","attachments","handleTitleChange","event","title","target","value","handleEditorBackspaceKeypress","_editorRef$current","_editor$state","editor","current","selection","state","isFocused","isPresent","anchor","focus","setSelectionRange","length","titleHotkeyRef","useHotkeys","_editorRef$current2","_editorRef$current2$e","_editorRef$current2$e2","_editorRef$current3","_editorRef$current3$e","_editorRef$current3$e2","commands","insertContentAt","mode","editorHotkeyRef","getUniqueAttachments","uniqueAttachments","reduce","attachment","_objectSpread","_defineProperty","signedId","Object","values","Editor","initialAttachments","_ref$getTitleRef","getTitleRef","noop","_ref$getEditorRef","getEditorRef","menuClassName","_ref$editorContentFie","_ref$titleFieldName","_ref$editorProps","editorProps","_ref$titleProps","titleProps","_useTranslation","useTranslation","t","useRef","_useState","useState","_useState2","_slicedToArray","_useEditor","setTitleRef","node","setEditorRef","useMemo","concat","_jsx","className","ref","children","FormikEditor","attachmentsClassName","contentClassName","error","undefined","errorWrapperClassName","name","classNames","contentWrapperClassName","onChange","onChangeAttachments","_jsxs","Textarea","nakedTextarea","rows","placeholder","onKeyDown","e","key","shiftKey","preventDefault","Typography","style","displayName","memo"],"mappings":"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"}
|
|
@@ -2,15 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
|
|
4
4
|
var Callout = require('@bigbinary/neetoui/Callout');
|
|
5
|
-
var platform = require('./platform-
|
|
5
|
+
var platform = require('./platform-BUcCb8Jx.js');
|
|
6
6
|
var reactI18next = require('react-i18next');
|
|
7
7
|
var reactRouterDom = require('react-router-dom');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
-
require('./_commonjsHelpers-
|
|
10
|
-
|
|
11
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
-
|
|
13
|
-
var Callout__default = /*#__PURE__*/_interopDefaultLegacy(Callout);
|
|
9
|
+
require('./_commonjsHelpers-BJu3ubxk.js');
|
|
14
10
|
|
|
15
11
|
var MOBILE_PLATFORMS = ["Android", "iOS", "Windows Phone"];
|
|
16
12
|
|
|
@@ -25,7 +21,7 @@ var DownloadMobileAppCallout = function DownloadMobileAppCallout(_ref) {
|
|
|
25
21
|
if (shouldExcludePath) return null;
|
|
26
22
|
var appName = (_globalProps$appName = initializers.globalProps.appName) === null || _globalProps$appName === void 0 ? void 0 : _globalProps$appName.toLowerCase();
|
|
27
23
|
var mobileAppDownloadUrl = "https://www.neeto.com/".concat(appName, "/mobile");
|
|
28
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
24
|
+
return /*#__PURE__*/jsxRuntime.jsx(Callout, {
|
|
29
25
|
className: "m-4 block",
|
|
30
26
|
style: "warning",
|
|
31
27
|
children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DownloadMobileAppCallout.js","sources":["../../src/components/DownloadMobileAppCallout/constants.js","../../src/components/DownloadMobileAppCallout/index.jsx"],"sourcesContent":["export const MOBILE_PLATFORMS = [\"Android\", \"iOS\", \"Windows Phone\"];\n","import { globalProps } from \"neetocommons/initializers\";\nimport { Callout } from \"neetoui\";\nimport platform from \"platform\";\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\nimport { useLocation } from \"react-router-dom\";\n\nimport { MOBILE_PLATFORMS } from \"./constants\";\n\nconst DownloadMobileAppCallout = ({ excludePathRegex }) => {\n const { pathname } = useLocation();\n\n const isMobilePlatform = MOBILE_PLATFORMS.includes(platform.os?.family);\n if (!isMobilePlatform) return null;\n\n const shouldExcludePath = excludePathRegex && excludePathRegex.test(pathname);\n if (shouldExcludePath) return null;\n\n const appName = globalProps.appName?.toLowerCase();\n const mobileAppDownloadUrl = `https://www.neeto.com/${appName}/mobile`;\n\n return (\n <Callout className=\"m-4 block\" style=\"warning\">\n <Trans\n i18nKey=\"neetoMolecules.downloadMobileAppCallout.message\"\n components={{\n a: (\n <a\n className=\"neeto-ui-btn--style-link\"\n href={mobileAppDownloadUrl}\n rel=\"noreferrer\"\n target=\"_blank\"\n />\n ),\n }}\n />\n </Callout>\n );\n};\n\nDownloadMobileAppCallout.propTypes = {\n /**\n * To exclude specific paths where download mobile app callout should be hidden.\n */\n excludePathRegex: PropTypes.instanceOf(RegExp),\n};\n\nexport default DownloadMobileAppCallout;\n"],"names":["MOBILE_PLATFORMS","DownloadMobileAppCallout","_ref","_platform$os","_globalProps$appName","excludePathRegex","_useLocation","useLocation","pathname","isMobilePlatform","includes","platform","os","family","shouldExcludePath","test","appName","globalProps","toLowerCase","mobileAppDownloadUrl","concat","_jsx","Callout","className","style","children","Trans","i18nKey","components","a","href","rel","target"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DownloadMobileAppCallout.js","sources":["../../src/components/DownloadMobileAppCallout/constants.js","../../src/components/DownloadMobileAppCallout/index.jsx"],"sourcesContent":["export const MOBILE_PLATFORMS = [\"Android\", \"iOS\", \"Windows Phone\"];\n","import { globalProps } from \"neetocommons/initializers\";\nimport { Callout } from \"neetoui\";\nimport platform from \"platform\";\nimport PropTypes from \"prop-types\";\nimport { Trans } from \"react-i18next\";\nimport { useLocation } from \"react-router-dom\";\n\nimport { MOBILE_PLATFORMS } from \"./constants\";\n\nconst DownloadMobileAppCallout = ({ excludePathRegex }) => {\n const { pathname } = useLocation();\n\n const isMobilePlatform = MOBILE_PLATFORMS.includes(platform.os?.family);\n if (!isMobilePlatform) return null;\n\n const shouldExcludePath = excludePathRegex && excludePathRegex.test(pathname);\n if (shouldExcludePath) return null;\n\n const appName = globalProps.appName?.toLowerCase();\n const mobileAppDownloadUrl = `https://www.neeto.com/${appName}/mobile`;\n\n return (\n <Callout className=\"m-4 block\" style=\"warning\">\n <Trans\n i18nKey=\"neetoMolecules.downloadMobileAppCallout.message\"\n components={{\n a: (\n <a\n className=\"neeto-ui-btn--style-link\"\n href={mobileAppDownloadUrl}\n rel=\"noreferrer\"\n target=\"_blank\"\n />\n ),\n }}\n />\n </Callout>\n );\n};\n\nDownloadMobileAppCallout.propTypes = {\n /**\n * To exclude specific paths where download mobile app callout should be hidden.\n */\n excludePathRegex: PropTypes.instanceOf(RegExp),\n};\n\nexport default DownloadMobileAppCallout;\n"],"names":["MOBILE_PLATFORMS","DownloadMobileAppCallout","_ref","_platform$os","_globalProps$appName","excludePathRegex","_useLocation","useLocation","pathname","isMobilePlatform","includes","platform","os","family","shouldExcludePath","test","appName","globalProps","toLowerCase","mobileAppDownloadUrl","concat","_jsx","Callout","className","style","children","Trans","i18nKey","components","a","href","rel","target"],"mappings":";;;;;;;;;;AAAO,IAAMA,gBAAgB,GAAG,CAAC,SAAS,EAAE,KAAK,EAAE,eAAe,CAAC;;ACSnE,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAAC,IAAA,EAA6B;EAAA,IAAAC,YAAA,EAAAC,oBAAA,CAAA;AAAA,EAAA,IAAvBC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB,CAAA;AAClD,EAAA,IAAAC,YAAA,GAAqBC,0BAAW,EAAE;IAA1BC,QAAQ,GAAAF,YAAA,CAARE,QAAQ,CAAA;AAEhB,EAAA,IAAMC,gBAAgB,GAAGT,gBAAgB,CAACU,QAAQ,EAAAP,YAAA,GAACQ,iBAAQ,CAACC,EAAE,MAAAT,IAAAA,IAAAA,YAAA,uBAAXA,YAAA,CAAaU,MAAM,CAAC,CAAA;AACvE,EAAA,IAAI,CAACJ,gBAAgB,EAAE,OAAO,IAAI,CAAA;EAElC,IAAMK,iBAAiB,GAAGT,gBAAgB,IAAIA,gBAAgB,CAACU,IAAI,CAACP,QAAQ,CAAC,CAAA;EAC7E,IAAIM,iBAAiB,EAAE,OAAO,IAAI,CAAA;AAElC,EAAA,IAAME,OAAO,GAAA,CAAAZ,oBAAA,GAAGa,wBAAW,CAACD,OAAO,MAAAZ,IAAAA,IAAAA,oBAAA,KAAnBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAA,CAAqBc,WAAW,EAAE,CAAA;AAClD,EAAA,IAAMC,oBAAoB,GAAA,wBAAA,CAAAC,MAAA,CAA4BJ,OAAO,EAAS,SAAA,CAAA,CAAA;EAEtE,oBACEK,cAAA,CAACC,OAAO,EAAA;AAACC,IAAAA,SAAS,EAAC,WAAW;AAACC,IAAAA,KAAK,EAAC,SAAS;IAAAC,QAAA,eAC5CJ,cAAA,CAACK,kBAAK,EAAA;AACJC,MAAAA,OAAO,EAAC,iDAAiD;AACzDC,MAAAA,UAAU,EAAE;AACVC,QAAAA,CAAC,eACCR,cAAA,CAAA,GAAA,EAAA;AACEE,UAAAA,SAAS,EAAC,0BAA0B;AACpCO,UAAAA,IAAI,EAAEX,oBAAqB;AAC3BY,UAAAA,GAAG,EAAC,YAAY;AAChBC,UAAAA,MAAM,EAAC,QAAA;SACR,CAAA;AAEL,OAAA;KACD,CAAA;AAAC,GACK,CAAC,CAAA;AAEd;;;;"}
|
|
@@ -9,17 +9,9 @@ var Braces = require('@bigbinary/neeto-icons/Braces');
|
|
|
9
9
|
var Dropdown = require('@bigbinary/neetoui/Dropdown');
|
|
10
10
|
var Typography = require('@bigbinary/neetoui/Typography');
|
|
11
11
|
var ramda = require('ramda');
|
|
12
|
-
var injectCss = require('./inject-css-
|
|
12
|
+
var injectCss = require('./inject-css-vQvjPR2x.js');
|
|
13
13
|
var jsxRuntime = require('react/jsx-runtime');
|
|
14
14
|
|
|
15
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
|
-
|
|
17
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
18
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
19
|
-
var Braces__default = /*#__PURE__*/_interopDefaultLegacy(Braces);
|
|
20
|
-
var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
|
|
21
|
-
var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
|
|
22
|
-
|
|
23
15
|
var css = ".neeto-molecules-dynamic-variables{display:flex;flex-direction:column;gap:6px;max-width:360px;min-width:184px;padding:8px}.neeto-molecules-dynamic-variables__list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.neeto-molecules-dynamic-variables__list button{border:1px solid rgb(var(--neeto-ui-gray-300));border-radius:var(--neeto-ui-rounded-md);color:rgb(var(--neeto-ui-black));padding:6px;text-align:left;transition:var(--neeto-ui-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.neeto-molecules-dynamic-variables__list button:focus,.neeto-molecules-dynamic-variables__list button:focus-visible,.neeto-molecules-dynamic-variables__list button:hover{border-color:rgb(var(--neeto-ui-primary-800));box-shadow:none;color:rgb(var(--neeto-ui-primary-800));outline:none}";
|
|
24
16
|
injectCss.n(css,{});
|
|
25
17
|
|
|
@@ -61,25 +53,25 @@ var parseVariables = function parseVariables() {
|
|
|
61
53
|
|
|
62
54
|
var _excluded = ["onVariableClick", "variables", "buttonProps"];
|
|
63
55
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
64
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
|
65
|
-
var Menu =
|
|
56
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
57
|
+
var Menu = Dropdown.Menu;
|
|
66
58
|
var DynamicVariables = function DynamicVariables(_ref) {
|
|
67
59
|
var _ref$onVariableClick = _ref.onVariableClick,
|
|
68
60
|
onVariableClick = _ref$onVariableClick === void 0 ? neetoCist.noop : _ref$onVariableClick,
|
|
69
61
|
_ref$variables = _ref.variables,
|
|
70
62
|
variables = _ref$variables === void 0 ? [] : _ref$variables,
|
|
71
63
|
buttonProps = _ref.buttonProps,
|
|
72
|
-
dropdownProps =
|
|
64
|
+
dropdownProps = _objectWithoutProperties(_ref, _excluded);
|
|
73
65
|
if (ramda.isEmpty(variables)) {
|
|
74
66
|
return null;
|
|
75
67
|
}
|
|
76
68
|
var parsedVariables = parseVariables(variables);
|
|
77
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
69
|
+
return /*#__PURE__*/jsxRuntime.jsx(Dropdown, _objectSpread(_objectSpread({
|
|
78
70
|
appendTo: function appendTo() {
|
|
79
71
|
return document.body;
|
|
80
72
|
},
|
|
81
73
|
buttonStyle: "secondary",
|
|
82
|
-
icon:
|
|
74
|
+
icon: Braces,
|
|
83
75
|
strategy: "fixed",
|
|
84
76
|
buttonProps: _objectSpread({
|
|
85
77
|
"data-testid": "variables-dropdown",
|
|
@@ -94,7 +86,7 @@ var DynamicVariables = function DynamicVariables(_ref) {
|
|
|
94
86
|
var label = _ref2.label,
|
|
95
87
|
variables = _ref2.variables;
|
|
96
88
|
return /*#__PURE__*/jsxRuntime.jsxs(React.Fragment, {
|
|
97
|
-
children: [label && /*#__PURE__*/jsxRuntime.jsx(
|
|
89
|
+
children: [label && /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
98
90
|
style: "h6",
|
|
99
91
|
children: label
|
|
100
92
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicVariables.js","sources":["../../src/components/DynamicVariables/utils.js","../../src/components/DynamicVariables/index.jsx"],"sourcesContent":["import { findBy } from \"neetocist\";\nimport { prop, assoc, isEmpty, uniqBy } from \"ramda\";\n\nexport const parseVariables = (variableArr = []) => {\n const uncategorized = [];\n const groupedVariables = [];\n const categorySet = new Set();\n\n variableArr.forEach(variable => {\n const { category, label, variables } = variable;\n if (category && variables) {\n const parsedVariables = variables.map(assoc(\"category\", category));\n\n if (!categorySet.has(category)) {\n categorySet.add(category);\n groupedVariables.push({ label, variables: parsedVariables });\n } else {\n const existingGroup = findBy({ label }, groupedVariables);\n\n existingGroup.variables = uniqBy(\n prop(\"key\"),\n existingGroup.variables.concat(parsedVariables)\n );\n }\n } else {\n uncategorized.push(variable);\n }\n });\n\n if (!isEmpty(uncategorized)) {\n groupedVariables.push({\n label: !isEmpty(groupedVariables) ? \"Others\" : null,\n variables: uncategorized,\n });\n }\n\n return groupedVariables;\n};\n","import { Fragment } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Braces } from \"neetoicons\";\nimport { Dropdown, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport \"./dynamic-variables.scss\";\nimport { parseVariables } from \"./utils\";\n\nconst { Menu } = Dropdown;\n\nconst DynamicVariables = ({\n onVariableClick = noop,\n variables = [],\n buttonProps,\n ...dropdownProps\n}) => {\n if (isEmpty(variables)) {\n return null;\n }\n\n const parsedVariables = parseVariables(variables);\n\n return (\n <Dropdown\n appendTo={() => document.body}\n buttonStyle=\"secondary\"\n icon={Braces}\n strategy=\"fixed\"\n buttonProps={{\n \"data-testid\": \"variables-dropdown\",\n \"data-cy\": \"dynamic-variables-button\",\n ...buttonProps,\n }}\n {...dropdownProps}\n >\n <Menu>\n <div\n className=\"neeto-molecules-dynamic-variables\"\n data-testid=\"variables-list\"\n >\n {parsedVariables.map(({ label, variables }) => (\n <Fragment key={label}>\n {label && <Typography style=\"h6\">{label}</Typography>}\n <div\n className=\"neeto-molecules-dynamic-variables__list\"\n data-cy=\"dynamic-variables-list\"\n >\n {variables.map(item => (\n <button\n key={item.label}\n data-cy={joinHyphenCase(\n \"dynamic-variables-list-item\",\n item.label\n )}\n onClick={() => onVariableClick(item)}\n >\n {item.label}\n </button>\n ))}\n </div>\n </Fragment>\n ))}\n </div>\n </Menu>\n </Dropdown>\n );\n};\n\nDynamicVariables.propTypes = {\n /**\n * A function that is triggered when a dynamic variable button is clicked. It receives an object containing information about the clicked variable.\n */\n onVariableClick: PropTypes.func,\n /**\n * An array of objects, each representing a category or standalone variable, with the ability to define a label, key, and default value for each variable.\n */\n variables: PropTypes.arrayOf(\n PropTypes.shape({ label: PropTypes.string, key: PropTypes.string })\n ),\n};\n\nexport default DynamicVariables;\n"],"names":["parseVariables","variableArr","arguments","length","undefined","uncategorized","groupedVariables","categorySet","Set","forEach","variable","category","label","variables","parsedVariables","map","assoc","has","add","push","existingGroup","findBy","uniqBy","prop","concat","isEmpty","Menu","Dropdown","DynamicVariables","_ref","_ref$onVariableClick","onVariableClick","noop","_ref$variables","buttonProps","dropdownProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","appendTo","document","body","buttonStyle","icon","Braces","strategy","children","className","_ref2","_jsxs","Fragment","Typography","style","item","joinHyphenCase","onClick"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DynamicVariables.js","sources":["../../src/components/DynamicVariables/utils.js","../../src/components/DynamicVariables/index.jsx"],"sourcesContent":["import { findBy } from \"neetocist\";\nimport { prop, assoc, isEmpty, uniqBy } from \"ramda\";\n\nexport const parseVariables = (variableArr = []) => {\n const uncategorized = [];\n const groupedVariables = [];\n const categorySet = new Set();\n\n variableArr.forEach(variable => {\n const { category, label, variables } = variable;\n if (category && variables) {\n const parsedVariables = variables.map(assoc(\"category\", category));\n\n if (!categorySet.has(category)) {\n categorySet.add(category);\n groupedVariables.push({ label, variables: parsedVariables });\n } else {\n const existingGroup = findBy({ label }, groupedVariables);\n\n existingGroup.variables = uniqBy(\n prop(\"key\"),\n existingGroup.variables.concat(parsedVariables)\n );\n }\n } else {\n uncategorized.push(variable);\n }\n });\n\n if (!isEmpty(uncategorized)) {\n groupedVariables.push({\n label: !isEmpty(groupedVariables) ? \"Others\" : null,\n variables: uncategorized,\n });\n }\n\n return groupedVariables;\n};\n","import { Fragment } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport { Braces } from \"neetoicons\";\nimport { Dropdown, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport \"./dynamic-variables.scss\";\nimport { parseVariables } from \"./utils\";\n\nconst { Menu } = Dropdown;\n\nconst DynamicVariables = ({\n onVariableClick = noop,\n variables = [],\n buttonProps,\n ...dropdownProps\n}) => {\n if (isEmpty(variables)) {\n return null;\n }\n\n const parsedVariables = parseVariables(variables);\n\n return (\n <Dropdown\n appendTo={() => document.body}\n buttonStyle=\"secondary\"\n icon={Braces}\n strategy=\"fixed\"\n buttonProps={{\n \"data-testid\": \"variables-dropdown\",\n \"data-cy\": \"dynamic-variables-button\",\n ...buttonProps,\n }}\n {...dropdownProps}\n >\n <Menu>\n <div\n className=\"neeto-molecules-dynamic-variables\"\n data-testid=\"variables-list\"\n >\n {parsedVariables.map(({ label, variables }) => (\n <Fragment key={label}>\n {label && <Typography style=\"h6\">{label}</Typography>}\n <div\n className=\"neeto-molecules-dynamic-variables__list\"\n data-cy=\"dynamic-variables-list\"\n >\n {variables.map(item => (\n <button\n key={item.label}\n data-cy={joinHyphenCase(\n \"dynamic-variables-list-item\",\n item.label\n )}\n onClick={() => onVariableClick(item)}\n >\n {item.label}\n </button>\n ))}\n </div>\n </Fragment>\n ))}\n </div>\n </Menu>\n </Dropdown>\n );\n};\n\nDynamicVariables.propTypes = {\n /**\n * A function that is triggered when a dynamic variable button is clicked. It receives an object containing information about the clicked variable.\n */\n onVariableClick: PropTypes.func,\n /**\n * An array of objects, each representing a category or standalone variable, with the ability to define a label, key, and default value for each variable.\n */\n variables: PropTypes.arrayOf(\n PropTypes.shape({ label: PropTypes.string, key: PropTypes.string })\n ),\n};\n\nexport default DynamicVariables;\n"],"names":["parseVariables","variableArr","arguments","length","undefined","uncategorized","groupedVariables","categorySet","Set","forEach","variable","category","label","variables","parsedVariables","map","assoc","has","add","push","existingGroup","findBy","uniqBy","prop","concat","isEmpty","Menu","Dropdown","DynamicVariables","_ref","_ref$onVariableClick","onVariableClick","noop","_ref$variables","buttonProps","dropdownProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","appendTo","document","body","buttonStyle","icon","Braces","strategy","children","className","_ref2","_jsxs","Fragment","Typography","style","item","joinHyphenCase","onClick"],"mappings":"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"}
|
package/dist/cjs/EmailForm.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var EmailPreview = require('./EmailPreview.js');
|
|
6
4
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
5
|
var React = require('react');
|
|
@@ -29,8 +27,8 @@ var DynamicVariables = require('./DynamicVariables.js');
|
|
|
29
27
|
var Form = require('@bigbinary/neetoui/formik/Form');
|
|
30
28
|
require('@bigbinary/neeto-editor/EditorContent');
|
|
31
29
|
require('@bigbinary/neetoui/Button');
|
|
32
|
-
require('./index-
|
|
33
|
-
require('./_commonjsHelpers-
|
|
30
|
+
require('./index-JY2zVpnv.js');
|
|
31
|
+
require('./_commonjsHelpers-BJu3ubxk.js');
|
|
34
32
|
require('@babel/runtime/helpers/toConsumableArray');
|
|
35
33
|
require('@bigbinary/neeto-icons/Upload');
|
|
36
34
|
require('@bigbinary/neetoui/Toastr');
|
|
@@ -43,12 +41,9 @@ require('stream');
|
|
|
43
41
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
44
42
|
require('@bigbinary/neeto-icons/Braces');
|
|
45
43
|
require('@bigbinary/neetoui/Dropdown');
|
|
46
|
-
require('./inject-css-
|
|
47
|
-
|
|
48
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
44
|
+
require('./inject-css-vQvjPR2x.js');
|
|
49
45
|
|
|
50
|
-
function
|
|
51
|
-
if (e && e.__esModule) return e;
|
|
46
|
+
function _interopNamespaceDefault(e) {
|
|
52
47
|
var n = Object.create(null);
|
|
53
48
|
if (e) {
|
|
54
49
|
Object.keys(e).forEach(function (k) {
|
|
@@ -61,23 +56,11 @@ function _interopNamespace(e) {
|
|
|
61
56
|
}
|
|
62
57
|
});
|
|
63
58
|
}
|
|
64
|
-
n
|
|
59
|
+
n.default = e;
|
|
65
60
|
return Object.freeze(n);
|
|
66
61
|
}
|
|
67
62
|
|
|
68
|
-
var
|
|
69
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
70
|
-
var FormikEditor__default = /*#__PURE__*/_interopDefaultLegacy(FormikEditor);
|
|
71
|
-
var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
|
|
72
|
-
var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
|
|
73
|
-
var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
|
|
74
|
-
var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
|
|
75
|
-
var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
|
|
76
|
-
var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
|
|
77
|
-
var withT__default = /*#__PURE__*/_interopDefaultLegacy(withT);
|
|
78
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
79
|
-
var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$1);
|
|
80
|
-
var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
|
|
63
|
+
var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
|
|
81
64
|
|
|
82
65
|
var INITIAL_FORM_VALUES = {
|
|
83
66
|
sendTo: [],
|
|
@@ -131,7 +114,7 @@ var EmailFormContext = /*#__PURE__*/React.createContext({
|
|
|
131
114
|
});
|
|
132
115
|
|
|
133
116
|
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
134
|
-
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) {
|
|
117
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
135
118
|
var getValidationSchema = function getValidationSchema(_ref) {
|
|
136
119
|
var showSendToField = _ref.showSendToField,
|
|
137
120
|
showReplyToField = _ref.showReplyToField,
|
|
@@ -148,7 +131,7 @@ var getValidationSchema = function getValidationSchema(_ref) {
|
|
|
148
131
|
var getReplyToFieldLabelProps = function getReplyToFieldLabelProps(_ref2) {
|
|
149
132
|
var popoverProps = _ref2.popoverProps;
|
|
150
133
|
return {
|
|
151
|
-
helpIconProps:
|
|
134
|
+
helpIconProps: _defineProperty(_defineProperty(_defineProperty({}, "data-testid", "reply-to-tooltip"), "tooltipProps", !neetoCist.isPresent(popoverProps) && {
|
|
152
135
|
content: i18next.t("neetoMolecules.emailForm.tooltips.replyTo"),
|
|
153
136
|
touch: ["hold", 500]
|
|
154
137
|
}), "popoverProps", neetoCist.isPresent(popoverProps) && _objectSpread$2(_objectSpread$2({}, popoverProps), {}, {
|
|
@@ -171,7 +154,7 @@ var ReplyToField = function ReplyToField(_ref) {
|
|
|
171
154
|
popoverProps: popoverProps
|
|
172
155
|
});
|
|
173
156
|
if (isDropdownField) {
|
|
174
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
157
|
+
return /*#__PURE__*/jsxRuntime.jsx(Select, {
|
|
175
158
|
labelProps: labelProps,
|
|
176
159
|
options: options,
|
|
177
160
|
isClearable: true,
|
|
@@ -185,7 +168,7 @@ var ReplyToField = function ReplyToField(_ref) {
|
|
|
185
168
|
}
|
|
186
169
|
});
|
|
187
170
|
}
|
|
188
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
171
|
+
return /*#__PURE__*/jsxRuntime.jsx(Input, {
|
|
189
172
|
labelProps: labelProps,
|
|
190
173
|
autoFocus: true,
|
|
191
174
|
required: true,
|
|
@@ -202,7 +185,7 @@ var ReplyToField = function ReplyToField(_ref) {
|
|
|
202
185
|
});
|
|
203
186
|
};
|
|
204
187
|
|
|
205
|
-
var SendToField =
|
|
188
|
+
var SendToField = withT(function (_ref) {
|
|
206
189
|
var t = _ref.t;
|
|
207
190
|
return /*#__PURE__*/jsxRuntime.jsx(SendToFields, {
|
|
208
191
|
showCcBccButton: true,
|
|
@@ -236,7 +219,7 @@ var SubjectField = function SubjectField(_ref) {
|
|
|
236
219
|
_ref$required = _ref.required,
|
|
237
220
|
required = _ref$required === void 0 ? false : _ref$required;
|
|
238
221
|
var _useState = React.useState(false),
|
|
239
|
-
_useState2 =
|
|
222
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
240
223
|
isFieldFocusedOnce = _useState2[0],
|
|
241
224
|
setIsFieldFocusedOnce = _useState2[1];
|
|
242
225
|
var _useTranslation = reactI18next.useTranslation(),
|
|
@@ -249,7 +232,7 @@ var SubjectField = function SubjectField(_ref) {
|
|
|
249
232
|
updateText(updatedSubject);
|
|
250
233
|
};
|
|
251
234
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
252
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
235
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Input$1, {
|
|
253
236
|
error: error,
|
|
254
237
|
name: name,
|
|
255
238
|
required: required,
|
|
@@ -268,7 +251,7 @@ var SubjectField = function SubjectField(_ref) {
|
|
|
268
251
|
onFocus: function onFocus() {
|
|
269
252
|
return setIsFieldFocusedOnce(true);
|
|
270
253
|
}
|
|
271
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
254
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
272
255
|
className: "neeto-ui-text-gray-600 mt-2",
|
|
273
256
|
"data-cy": "subject-input-variable-label",
|
|
274
257
|
style: "body3",
|
|
@@ -288,7 +271,7 @@ var SubjectField = function SubjectField(_ref) {
|
|
|
288
271
|
};
|
|
289
272
|
|
|
290
273
|
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
291
|
-
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) {
|
|
274
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
292
275
|
var EmailForm = function EmailForm(_ref) {
|
|
293
276
|
var _ref$messageVariables = _ref.messageVariables,
|
|
294
277
|
messageVariables = _ref$messageVariables === void 0 ? [] : _ref$messageVariables,
|
|
@@ -321,7 +304,7 @@ var EmailForm = function EmailForm(_ref) {
|
|
|
321
304
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
322
305
|
"data-cy": "email-form",
|
|
323
306
|
"data-testid": "email-form",
|
|
324
|
-
className:
|
|
307
|
+
className: classnames("flex flex-1 flex-col items-start gap-2 !pb-0", _defineProperty({}, className, className)),
|
|
325
308
|
children: [showFields && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
326
309
|
className: "flex w-full flex-col items-start justify-start gap-6",
|
|
327
310
|
children: [/*#__PURE__*/jsxRuntime.jsx(formik.Field, {
|
|
@@ -343,7 +326,7 @@ var EmailForm = function EmailForm(_ref) {
|
|
|
343
326
|
})
|
|
344
327
|
});
|
|
345
328
|
}
|
|
346
|
-
}), showSendToRadioField && /*#__PURE__*/jsxRuntime.jsx(
|
|
329
|
+
}), showSendToRadioField && /*#__PURE__*/jsxRuntime.jsx(Radio, {
|
|
347
330
|
"data-testid": "send-to-id",
|
|
348
331
|
label: t("neetoMolecules.emailForm.labels.sendTo"),
|
|
349
332
|
labelProps: {
|
|
@@ -353,7 +336,7 @@ var EmailForm = function EmailForm(_ref) {
|
|
|
353
336
|
children: sendToFieldOptions.map(function (_ref3) {
|
|
354
337
|
var label = _ref3.label,
|
|
355
338
|
value = _ref3.value;
|
|
356
|
-
return /*#__PURE__*/React.createElement(
|
|
339
|
+
return /*#__PURE__*/React.createElement(Radio.Item, {
|
|
357
340
|
label: label,
|
|
358
341
|
value: value,
|
|
359
342
|
key: value
|
|
@@ -363,7 +346,7 @@ var EmailForm = function EmailForm(_ref) {
|
|
|
363
346
|
options: replyToOptions
|
|
364
347
|
}, replyToFieldProps)), /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
365
348
|
className: "w-full",
|
|
366
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
349
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(FormikEditor, {
|
|
367
350
|
isMenuCollapsible: true,
|
|
368
351
|
required: true,
|
|
369
352
|
addons: EDITOR_ADDONS,
|
|
@@ -372,7 +355,7 @@ var EmailForm = function EmailForm(_ref) {
|
|
|
372
355
|
label: t("neetoMolecules.emailForm.labels.message"),
|
|
373
356
|
name: "message",
|
|
374
357
|
variables: messageVariables
|
|
375
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
358
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
376
359
|
className: "neeto-ui-text-gray-500 mt-2",
|
|
377
360
|
"data-cy": "message-input-variable-label",
|
|
378
361
|
style: "body3",
|
|
@@ -389,7 +372,7 @@ var EmailForm = function EmailForm(_ref) {
|
|
|
389
372
|
})
|
|
390
373
|
})]
|
|
391
374
|
})]
|
|
392
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
375
|
+
}), /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
|
|
393
376
|
cancelButtonProps: {
|
|
394
377
|
onClick: handleCancel
|
|
395
378
|
},
|
|
@@ -400,7 +383,7 @@ var EmailForm = function EmailForm(_ref) {
|
|
|
400
383
|
};
|
|
401
384
|
|
|
402
385
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
403
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
|
386
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
404
387
|
var EmailFormProvider = function EmailFormProvider(_ref) {
|
|
405
388
|
var _ref$onSubmit = _ref.onSubmit,
|
|
406
389
|
onSubmit = _ref$onSubmit === void 0 ? neetoCist.noop : _ref$onSubmit,
|
|
@@ -426,7 +409,7 @@ var EmailFormProvider = function EmailFormProvider(_ref) {
|
|
|
426
409
|
showSendToAsRadio: showSendToAsRadio,
|
|
427
410
|
showReplyToField: showReplyToField
|
|
428
411
|
},
|
|
429
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
412
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Form, {
|
|
430
413
|
formikProps: _objectSpread({
|
|
431
414
|
enableReinitialize: true,
|
|
432
415
|
validationSchema: getValidationSchema({
|