7843 lines
529 KiB
JavaScript
7843 lines
529 KiB
JavaScript
"use strict";
|
|
(self["webpackChunkelementor_pro_notes"] = self["webpackChunkelementor_pro_notes"] || []).push([["notes-app"],{
|
|
|
|
/***/ "../assets/js/app/app.js":
|
|
/*!*******************************!*\
|
|
!*** ../assets/js/app/app.js ***!
|
|
\*******************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ App)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _components_marks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/marks */ "../assets/js/app/components/marks.js");
|
|
/* harmony import */ var _components_panel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/panel */ "../assets/js/app/components/panel.js");
|
|
/* harmony import */ var _query_client__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./query-client */ "../assets/js/app/query-client.js");
|
|
/* harmony import */ var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./hooks/use-notes-config */ "../assets/js/app/hooks/use-notes-config.js");
|
|
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-redux */ "../../../node_modules/react-redux/es/index.js");
|
|
/* harmony import */ var react_query__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-query */ "../../../node_modules/react-query/es/index.js");
|
|
/* harmony import */ var react_query_devtools__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-query/devtools */ "../../../node_modules/react-query/devtools/index.js");
|
|
/* harmony import */ var _context_elements__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./context/elements */ "../assets/js/app/context/elements.js");
|
|
/* harmony import */ var _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @radix-ui/react-toast */ "../../../node_modules/@radix-ui/react-toast/dist/index.module.js");
|
|
/* harmony import */ var _components_ui_toast_toast_viewport__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/ui/toast/toast-viewport */ "../assets/js/app/components/ui/toast/toast-viewport.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var store = window.top.$e.store.getReduxStore();
|
|
function App() {
|
|
var _useNotesConfig = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_4__["default"])(),
|
|
isDebug = _useNotesConfig.is_debug,
|
|
Wrapper = isDebug ? (react__WEBPACK_IMPORTED_MODULE_0___default().StrictMode) : (react__WEBPACK_IMPORTED_MODULE_0___default().Fragment);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Wrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("link", {
|
|
rel: "stylesheet",
|
|
href: "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap"
|
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_redux__WEBPACK_IMPORTED_MODULE_5__.Provider, {
|
|
store: store
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_context_elements__WEBPACK_IMPORTED_MODULE_8__.ElementsProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_10__.ToastProvider, {
|
|
duration: Infinity
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_ui_toast_toast_viewport__WEBPACK_IMPORTED_MODULE_9__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_query__WEBPACK_IMPORTED_MODULE_6__.QueryClientProvider, {
|
|
client: _query_client__WEBPACK_IMPORTED_MODULE_3__["default"]
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_marks__WEBPACK_IMPORTED_MODULE_1__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_panel__WEBPACK_IMPORTED_MODULE_2__["default"], null), isDebug && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_query_devtools__WEBPACK_IMPORTED_MODULE_7__.ReactQueryDevtools, {
|
|
initialIsOpen: false
|
|
}))))));
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/marks-edit-note-form.js":
|
|
/*!***********************************************************!*\
|
|
!*** ../assets/js/app/components/marks-edit-note-form.js ***!
|
|
\***********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MarksEditNoteForm)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ "../../../node_modules/@babel/runtime/regenerator/index.js");
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _ui_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ui/button */ "../assets/js/app/components/ui/button.js");
|
|
/* harmony import */ var _hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/use-notes-mutations */ "../assets/js/app/hooks/use-notes-mutations.js");
|
|
/* harmony import */ var _marks_note_textarea__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./marks-note-textarea */ "../assets/js/app/components/marks-note-textarea.js");
|
|
/* harmony import */ var _shared_note_form__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./shared/note-form */ "../assets/js/app/components/shared/note-form.js");
|
|
/* harmony import */ var _models_note__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../models/note */ "../assets/js/app/models/note.js");
|
|
/* harmony import */ var _hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../hooks/use-forms-in-writing-mode */ "../assets/js/app/hooks/use-forms-in-writing-mode.js");
|
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "../assets/js/app/utils.js");
|
|
/* harmony import */ var _hooks_use_reverse_html_entities__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../hooks/use-reverse-html-entities */ "../assets/js/app/hooks/use-reverse-html-entities.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function MarksEditNoteForm(props) {
|
|
var formId = "e-notes-edit-".concat(props.note.id);
|
|
var noteContent = (0,_hooks_use_reverse_html_entities__WEBPACK_IMPORTED_MODULE_10__.useReverseHtmlEntities)(props.note.content);
|
|
var updateMutation = (0,_hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_4__.useUpdateMutation)(),
|
|
_useFormsInWritingMod = (0,_hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_8__["default"])(),
|
|
isInWritingMode = _useFormsInWritingMod.isInWritingMode;
|
|
var onSubmit = /*#__PURE__*/function () {
|
|
var _ref2 = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee(e, _ref) {
|
|
var content, form;
|
|
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
content = _ref.content, form = _ref.form;
|
|
window.top.$e.run('notes/edit', {
|
|
noteId: props.note.id
|
|
});
|
|
_context.next = 4;
|
|
return updateMutation.mutateAsync({
|
|
id: props.note.id,
|
|
values: {
|
|
content: content
|
|
}
|
|
});
|
|
case 4:
|
|
form.reset();
|
|
props.onClose();
|
|
case 6:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function onSubmit(_x, _x2) {
|
|
return _ref2.apply(this, arguments);
|
|
};
|
|
}();
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared_note_form__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
|
onSubmit: onSubmit,
|
|
id: formId
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_marks_note_textarea__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
disabled: updateMutation.isLoading,
|
|
defaultValue: noteContent,
|
|
onMetaAndEnterKeyDown: function onMetaAndEnterKeyDown(e) {
|
|
return (0,_utils__WEBPACK_IMPORTED_MODULE_9__.submitForm)(e.currentTarget.form);
|
|
},
|
|
isReply: props.note.isReply()
|
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared_note_form__WEBPACK_IMPORTED_MODULE_6__["default"].ButtonsContainer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_button__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
disabled: updateMutation.isLoading || !isInWritingMode(formId),
|
|
type: "submit"
|
|
}, __('Save', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_button__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
disabled: updateMutation.isLoading,
|
|
variant: 'outlined',
|
|
type: "reset",
|
|
onClick: function onClick(e) {
|
|
window.top.$e.run('notes/cancel-edit', {
|
|
noteId: props.note.id
|
|
});
|
|
e.target.form.reset();
|
|
props.onClose(e);
|
|
}
|
|
}, __('Cancel', 'elementor-pro'))));
|
|
}
|
|
MarksEditNoteForm.propTypes = {
|
|
note: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_7__["default"]).isRequired,
|
|
onClose: PropTypes.func.isRequired
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/marks-element-portal.js":
|
|
/*!***********************************************************!*\
|
|
!*** ../assets/js/app/components/marks-element-portal.js ***!
|
|
\***********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MarksElementPortal)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _radix_ui_react_portal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @radix-ui/react-portal */ "../../../node_modules/@radix-ui/react-portal/dist/index.module.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _context_elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context/elements */ "../assets/js/app/context/elements.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
|
|
|
|
var StyledPortal = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__["default"])(_radix_ui_react_portal__WEBPACK_IMPORTED_MODULE_4__.Portal).withConfig({
|
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
return 'position' !== prop;
|
|
}
|
|
})(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tall: revert;\n\n\tposition: absolute;\n \tz-index: 98; // One under sticky elements & wp-admin-bar.\n \ttop: ", "%;\n \tleft: ", "%;\n \ttransform: translate( -25%, -100% );\n"])), function (_ref) {
|
|
var position = _ref.position;
|
|
return (position === null || position === void 0 ? void 0 : position.y) || 0;
|
|
}, function (_ref2) {
|
|
var position = _ref2.position;
|
|
return (position === null || position === void 0 ? void 0 : position.x) || 0;
|
|
});
|
|
function MarksElementPortal(props) {
|
|
var _useElements = (0,_context_elements__WEBPACK_IMPORTED_MODULE_2__.useElements)(),
|
|
elements = _useElements.elements;
|
|
var ref = {
|
|
current: elements.get(props.elementId)
|
|
};
|
|
|
|
// Don't render marker of a non-existing element.
|
|
if (!ref.current) {
|
|
return null;
|
|
}
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledPortal, {
|
|
containerRef: ref,
|
|
"data-e-notes-portal": true,
|
|
position: props.position
|
|
}, props.children);
|
|
}
|
|
MarksElementPortal.propTypes = {
|
|
elementId: PropTypes.string.isRequired,
|
|
position: PropTypes.shape({
|
|
x: PropTypes.number.isRequired,
|
|
y: PropTypes.number.isRequired
|
|
}),
|
|
children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)])
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/marks-new-thread-form.js":
|
|
/*!************************************************************!*\
|
|
!*** ../assets/js/app/components/marks-new-thread-form.js ***!
|
|
\************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MarksNewThreadForm)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ "../../../node_modules/@babel/runtime/regenerator/index.js");
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _ui_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ui/button */ "../assets/js/app/components/ui/button.js");
|
|
/* harmony import */ var _hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/use-notes-mutations */ "../assets/js/app/hooks/use-notes-mutations.js");
|
|
/* harmony import */ var _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks/use-active-thread */ "../assets/js/app/hooks/use-active-thread.js");
|
|
/* harmony import */ var _marks_note_textarea__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./marks-note-textarea */ "../assets/js/app/components/marks-note-textarea.js");
|
|
/* harmony import */ var _shared_note_form__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./shared/note-form */ "../assets/js/app/components/shared/note-form.js");
|
|
/* harmony import */ var _hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../hooks/use-forms-in-writing-mode */ "../assets/js/app/hooks/use-forms-in-writing-mode.js");
|
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "../assets/js/app/utils.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var formId = 'e-notes-new-thread';
|
|
function MarksNewThreadForm(props) {
|
|
var _useActiveThread = (0,_hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_5__["default"])(),
|
|
clearActive = _useActiveThread.clearActive,
|
|
setActive = _useActiveThread.setActive,
|
|
createMutation = (0,_hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_4__.useCreateMutation)(),
|
|
_useFormsInWritingMod = (0,_hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_8__["default"])(),
|
|
isInWritingMode = _useFormsInWritingMod.isInWritingMode;
|
|
var onSubmit = /*#__PURE__*/function () {
|
|
var _ref2 = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee(e, _ref) {
|
|
var content, form, createdThread;
|
|
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
content = _ref.content, form = _ref.form;
|
|
window.top.$e.run('notes/create');
|
|
_context.next = 4;
|
|
return createMutation.mutateAsync({
|
|
elementId: props.elementId,
|
|
parentId: 0,
|
|
content: content,
|
|
position: props.position
|
|
});
|
|
case 4:
|
|
createdThread = _context.sent;
|
|
form.reset();
|
|
setActive({
|
|
type: _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_5__.THREAD,
|
|
data: {
|
|
noteId: createdThread.id
|
|
}
|
|
});
|
|
case 7:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function onSubmit(_x, _x2) {
|
|
return _ref2.apply(this, arguments);
|
|
};
|
|
}();
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared_note_form__WEBPACK_IMPORTED_MODULE_7__["default"], {
|
|
onSubmit: onSubmit,
|
|
id: formId
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_marks_note_textarea__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
|
disabled: createMutation.isLoading,
|
|
onMetaAndEnterKeyDown: function onMetaAndEnterKeyDown(e) {
|
|
return (0,_utils__WEBPACK_IMPORTED_MODULE_9__.submitForm)(e.currentTarget.form);
|
|
}
|
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared_note_form__WEBPACK_IMPORTED_MODULE_7__["default"].ButtonsContainer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_button__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
disabled: createMutation.isLoading || !isInWritingMode(formId),
|
|
type: "submit"
|
|
}, __('Leave a Note', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_button__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
disabled: createMutation.isLoading,
|
|
variant: 'outlined',
|
|
type: "reset",
|
|
onClick: function onClick(e) {
|
|
window.top.$e.run('notes/cancel-create');
|
|
e.target.form.reset();
|
|
clearActive();
|
|
}
|
|
}, __('Cancel', 'elementor-pro'))));
|
|
}
|
|
MarksNewThreadForm.propTypes = {
|
|
elementId: PropTypes.string.isRequired,
|
|
position: PropTypes.shape({
|
|
x: PropTypes.number.isRequired,
|
|
y: PropTypes.number.isRequired
|
|
})
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/marks-new-thread.js":
|
|
/*!*******************************************************!*\
|
|
!*** ../assets/js/app/components/marks-new-thread.js ***!
|
|
\*******************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MarksNewThread)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _ui_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ui/button */ "../assets/js/app/components/ui/button.js");
|
|
/* harmony import */ var _ui_marker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ui/marker */ "../assets/js/app/components/ui/marker.js");
|
|
/* harmony import */ var _ui_popover_popover__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ui/popover/popover */ "../assets/js/app/components/ui/popover/popover.js");
|
|
/* harmony import */ var _marks_new_thread_form__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./marks-new-thread-form */ "../assets/js/app/components/marks-new-thread-form.js");
|
|
/* harmony import */ var _hooks_use_scroll_into_view__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../hooks/use-scroll-into-view */ "../assets/js/app/hooks/use-scroll-into-view.js");
|
|
/* harmony import */ var _ui_div_base__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ui/div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
/* harmony import */ var _shared_note_popover_content__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./shared/note-popover-content */ "../assets/js/app/components/shared/note-popover-content.js");
|
|
/* harmony import */ var _marks_element_portal__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./marks-element-portal */ "../assets/js/app/components/marks-element-portal.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_10__["default"])(_ui_div_base__WEBPACK_IMPORTED_MODULE_7__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tdisplay: flex !important;\n\tflex-direction: column !important;\n\tgap: 28px !important;\n\tpadding: 20px 16px !important;\n\twidth: 360px !important;\n\tborder-radius: 4px !important;\n"])));
|
|
function MarksNewThread(props) {
|
|
var ref = (0,_hooks_use_scroll_into_view__WEBPACK_IMPORTED_MODULE_6__["default"])();
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_marks_element_portal__WEBPACK_IMPORTED_MODULE_9__["default"], {
|
|
elementId: props.elementId,
|
|
position: props.position
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
|
defaultOpen: true,
|
|
onOpenChange: props.onOpenChange
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_4__["default"].Trigger, {
|
|
asChild: true
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_button__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
variant: 'transparent',
|
|
ref: ref
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_marker__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
variant: "active",
|
|
size: "md"
|
|
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared_note_popover_content__WEBPACK_IMPORTED_MODULE_8__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Container, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_marks_new_thread_form__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
elementId: props.elementId,
|
|
position: props.position
|
|
})))));
|
|
}
|
|
MarksNewThread.propTypes = {
|
|
elementId: PropTypes.string.isRequired,
|
|
position: PropTypes.shape({
|
|
x: PropTypes.number.isRequired,
|
|
y: PropTypes.number.isRequired
|
|
}),
|
|
onOpenChange: PropTypes.func.isRequired
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/marks-note-actions-delete-dialog.js":
|
|
/*!***********************************************************************!*\
|
|
!*** ../assets/js/app/components/marks-note-actions-delete-dialog.js ***!
|
|
\***********************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MarksNoteActionsDeleteDialog)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ui/alert-dialog/alert-dialog */ "../assets/js/app/components/ui/alert-dialog/alert-dialog.js");
|
|
/* harmony import */ var _models_note__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../models/note */ "../assets/js/app/models/note.js");
|
|
/* harmony import */ var _hooks_use_watch__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks/use-watch */ "../assets/js/app/hooks/use-watch.js");
|
|
/* harmony import */ var _hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/use-notes-mutations */ "../assets/js/app/hooks/use-notes-mutations.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
|
|
|
|
|
|
function MarksNoteActionsDeleteDialog(props) {
|
|
var deleteMutation = (0,_hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_4__.useDeleteMutation)();
|
|
(0,_hooks_use_watch__WEBPACK_IMPORTED_MODULE_3__["default"])(function () {
|
|
if (props.onLoadingChange) {
|
|
props.onLoadingChange(deleteMutation.isLoading);
|
|
}
|
|
}, [deleteMutation.isLoading]);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
|
open: props.isOpen,
|
|
onOpenChange: props.onOpenChange
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__["default"].Content, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__["default"].DescriptionContainer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__["default"].Title, null, props.note.isReply() ? __('Delete this reply?', 'elementor-pro') : __('Delete this note?', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__["default"].Description, null, props.note.isReply() ? __('Deleted replies can\'t be recovered.', 'elementor-pro') : __('Deleted notes can\'t be recovered.', 'elementor-pro'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__["default"].ActionsContainer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__["default"].Cancel, null, __('Cancel', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_alert_dialog_alert_dialog__WEBPACK_IMPORTED_MODULE_1__["default"].Action, {
|
|
onClick: function onClick() {
|
|
window.top.$e.run('notes/delete', {
|
|
noteId: props.note.id
|
|
});
|
|
deleteMutation.mutateAsync({
|
|
id: props.note.id,
|
|
parentId: props.note.parentId,
|
|
force: true
|
|
});
|
|
}
|
|
}, __('Delete', 'elementor-pro')))));
|
|
}
|
|
MarksNoteActionsDeleteDialog.propTypes = {
|
|
isOpen: PropTypes.bool.isRequired,
|
|
onOpenChange: PropTypes.func.isRequired,
|
|
note: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_2__["default"]),
|
|
onLoadingChange: PropTypes.func
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/marks-note-actions-read.js":
|
|
/*!**************************************************************!*\
|
|
!*** ../assets/js/app/components/marks-note-actions-read.js ***!
|
|
\**************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MarksNoteActionsRead)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ui/dropdown/dropdown */ "../assets/js/app/components/ui/dropdown/dropdown.js");
|
|
/* harmony import */ var _hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hooks/use-notes-mutations */ "../assets/js/app/hooks/use-notes-mutations.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
|
|
function MarksNoteActionsRead(props) {
|
|
var alreadyRead = props.note.isRead,
|
|
readMutation = (0,_hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_2__.useReadMutation)();
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_1__["default"].Item, {
|
|
icon: "eicon-envelope",
|
|
disabled: readMutation.isLoading,
|
|
onSelect: function onSelect() {
|
|
return readMutation.mutateAsync({
|
|
ids: [props.note.id, props.note.parentId],
|
|
isRead: !alreadyRead
|
|
});
|
|
}
|
|
}, alreadyRead ? __('Mark as unread', 'elementor-pro') : __('Mark as read', 'elementor-pro'));
|
|
}
|
|
MarksNoteActionsRead.propTypes = {
|
|
note: PropTypes.shape({
|
|
id: PropTypes.number,
|
|
parentId: PropTypes.number,
|
|
isRead: PropTypes.bool
|
|
}).isRequired
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/marks-note-actions-resolve.js":
|
|
/*!*****************************************************************!*\
|
|
!*** ../assets/js/app/components/marks-note-actions-resolve.js ***!
|
|
\*****************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MarksNoteActionsResolve)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ "../../../node_modules/@babel/runtime/regenerator/index.js");
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ui/icon-button/icon-button */ "../assets/js/app/components/ui/icon-button/icon-button.js");
|
|
/* harmony import */ var _components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/ui/tooltip/tooltip */ "../assets/js/app/components/ui/tooltip/tooltip.js");
|
|
/* harmony import */ var _hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks/use-notes-mutations */ "../assets/js/app/hooks/use-notes-mutations.js");
|
|
/* harmony import */ var _hooks_use_watch__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../hooks/use-watch */ "../assets/js/app/hooks/use-watch.js");
|
|
/* harmony import */ var _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../hooks/use-active-thread */ "../assets/js/app/hooks/use-active-thread.js");
|
|
/* harmony import */ var _models_note__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../models/note */ "../assets/js/app/models/note.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function MarksNoteActionsResolve(props) {
|
|
var alreadyResolved = props.note.isResolved,
|
|
resolveMutation = (0,_hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_5__.useResolveMutation)(),
|
|
_useActiveThread = (0,_hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_7__["default"])(),
|
|
clearActive = _useActiveThread.clearActive;
|
|
(0,_hooks_use_watch__WEBPACK_IMPORTED_MODULE_6__["default"])(function () {
|
|
if (props.onLoadingChange) {
|
|
props.onLoadingChange(resolveMutation.isLoading);
|
|
}
|
|
}, [resolveMutation.isLoading]);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"].Trigger, {
|
|
asChild: true
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
name: alreadyResolved ? 'eicon-check-circle-o' : 'eicon-check',
|
|
disabled: resolveMutation.isLoading,
|
|
onClick: /*#__PURE__*/(0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee() {
|
|
var isResolved;
|
|
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
isResolved = !alreadyResolved;
|
|
if (isResolved) {
|
|
window.top.$e.run('notes/resolve', {
|
|
noteId: props.note.id
|
|
});
|
|
} else {
|
|
window.top.$e.run('notes/re-open', {
|
|
noteId: props.note.id
|
|
});
|
|
}
|
|
_context.next = 4;
|
|
return resolveMutation.mutateAsync({
|
|
id: props.note.id,
|
|
isResolved: isResolved
|
|
});
|
|
case 4:
|
|
if (isResolved) {
|
|
clearActive(props.note.id);
|
|
}
|
|
case 5:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}))
|
|
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"].Content, null, alreadyResolved ? __('Re-open', 'elementor-pro') : __('Resolve', 'elementor-pro'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"].Arrow, null)));
|
|
}
|
|
MarksNoteActionsResolve.propTypes = {
|
|
note: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_8__["default"]).isRequired,
|
|
onLoadingChange: PropTypes.func
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/marks-note-actions-show-readers.js":
|
|
/*!**********************************************************************!*\
|
|
!*** ../assets/js/app/components/marks-note-actions-show-readers.js ***!
|
|
\**********************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MarksNoteActionsShowReaders)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/ui/tooltip/tooltip */ "../assets/js/app/components/ui/tooltip/tooltip.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _ui_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ui/icon */ "../assets/js/app/components/ui/icon.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject, _templateObject2;
|
|
|
|
|
|
|
|
|
|
var TooltipContent = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])(_components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_2__["default"].Content)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n max-width: 200px;\n"])));
|
|
var Icon = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])(_ui_icon__WEBPACK_IMPORTED_MODULE_3__["default"])(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n padding: 4px !important;\n color: #a4afb7 !important;\n transition: 0.2s all !important;\n display: grid !important;\n place-items: center !important;\n font-size: 18px !important;\n border-radius: 100% !important;\n\n &:hover, &:focus {\n color: #6d7882;\n\toutline: none;\n\tbackground: #f1f3f5;\n }\n"])));
|
|
function MarksNoteActionsShowReaders(props) {
|
|
if (0 === props.readers.length) {
|
|
return null;
|
|
}
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
delayDuration: 400
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_2__["default"].Trigger, {
|
|
asChild: true
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Icon, {
|
|
className: "eicon-preview-medium",
|
|
tabIndex: 0
|
|
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TooltipContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("strong", null, __('Seen by', 'elementor-pro') + ': '), props.readers.map(function (reader) {
|
|
return reader.name;
|
|
}).join(', '), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_components_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_2__["default"].Arrow, null)));
|
|
}
|
|
MarksNoteActionsShowReaders.propTypes = {
|
|
readers: PropTypes.arrayOf(PropTypes.shape({
|
|
name: PropTypes.string
|
|
})).isRequired
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/marks-note-actions.js":
|
|
/*!*********************************************************!*\
|
|
!*** ../assets/js/app/components/marks-note-actions.js ***!
|
|
\*********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MarksNoteActions)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ui/dropdown/dropdown */ "../assets/js/app/components/ui/dropdown/dropdown.js");
|
|
/* harmony import */ var _ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ui/icon-button/icon-button */ "../assets/js/app/components/ui/icon-button/icon-button.js");
|
|
/* harmony import */ var _marks_note_actions_delete_dialog__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./marks-note-actions-delete-dialog */ "../assets/js/app/components/marks-note-actions-delete-dialog.js");
|
|
/* harmony import */ var _marks_note_actions_read__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./marks-note-actions-read */ "../assets/js/app/components/marks-note-actions-read.js");
|
|
/* harmony import */ var _marks_note_actions_resolve__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./marks-note-actions-resolve */ "../assets/js/app/components/marks-note-actions-resolve.js");
|
|
/* harmony import */ var _marks_note_actions_show_readers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./marks-note-actions-show-readers */ "../assets/js/app/components/marks-note-actions-show-readers.js");
|
|
/* harmony import */ var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../hooks/use-notes-config */ "../assets/js/app/hooks/use-notes-config.js");
|
|
/* harmony import */ var _hooks_use_user_can__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../hooks/use-user-can */ "../assets/js/app/hooks/use-user-can.js");
|
|
/* harmony import */ var _services_copy_to_clipboard__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../services/copy-to-clipboard */ "../assets/js/services/copy-to-clipboard/index.js");
|
|
/* harmony import */ var _marks_thread__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./marks-thread */ "../assets/js/app/components/marks-thread.js");
|
|
/* harmony import */ var _models_note__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../models/note */ "../assets/js/app/models/note.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function MarksNoteActions(props) {
|
|
var _useNotesConfig = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_8__["default"])(),
|
|
direction = _useNotesConfig.direction,
|
|
_useMarksThreadContex = (0,_marks_thread__WEBPACK_IMPORTED_MODULE_11__.useMarksThreadContext)(),
|
|
setIsDisabled = _useMarksThreadContex.setIsDisabled,
|
|
_useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
|
|
_useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState, 2),
|
|
isDeleteDialogOpen = _useState2[0],
|
|
setIsDeleteDialogOpen = _useState2[1],
|
|
canDeleteNote = (0,_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_9__["default"])(_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_9__.CAPABILITY_DELETE, props.note),
|
|
canEditNote = (0,_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_9__["default"])(_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_9__.CAPABILITY_EDIT, props.note),
|
|
canResolveNote = props.note.isThread() && canEditNote,
|
|
shouldRenderDropdown = canEditNote || canDeleteNote || props.note.isThread();
|
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
return function () {
|
|
return setIsDisabled(false);
|
|
};
|
|
}, []);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, canResolveNote && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_marks_note_actions_resolve__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
|
note: props.note,
|
|
onLoadingChange: function onLoadingChange(isLoading) {
|
|
return setIsDisabled(isLoading);
|
|
}
|
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_marks_note_actions_show_readers__WEBPACK_IMPORTED_MODULE_7__["default"], {
|
|
readers: props.note.readers
|
|
}), shouldRenderDropdown && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
modal: false,
|
|
dir: direction,
|
|
onOpenChange: function onOpenChange(isOpen) {
|
|
if (isOpen) {
|
|
window.top.$e.run('notes/open-note-actions');
|
|
} else {
|
|
window.top.$e.run('notes/close-note-actions');
|
|
}
|
|
}
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_2__["default"].Trigger, {
|
|
asChild: true
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
name: "eicon-ellipsis-h"
|
|
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_2__["default"].Content, {
|
|
align: "end"
|
|
}, props.note.isThread() && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_marks_note_actions_read__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
note: props.note
|
|
}), canEditNote && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_2__["default"].Item, {
|
|
onSelect: function onSelect() {
|
|
return props.setIsEditMode(true);
|
|
},
|
|
icon: "eicon-edit"
|
|
}, __('Edit', 'elementor-pro')), props.note.isThread() && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_2__["default"].Item, {
|
|
onSelect: function onSelect() {
|
|
window.top.$e.run('notes/copy-link', {
|
|
id: props.note.id
|
|
});
|
|
},
|
|
icon: "eicon-copy",
|
|
disabled: !(0,_services_copy_to_clipboard__WEBPACK_IMPORTED_MODULE_10__.canCopyToClipboard)(),
|
|
tooltip: !(0,_services_copy_to_clipboard__WEBPACK_IMPORTED_MODULE_10__.canCopyToClipboard)() && __('Supported in "https" sites only', 'elementor-pro')
|
|
}, __('Copy Link', 'elementor-pro')), canDeleteNote && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_2__["default"].Separator, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_2__["default"].Item, {
|
|
onSelect: function onSelect() {
|
|
return setIsDeleteDialogOpen(true);
|
|
},
|
|
icon: "eicon-trash",
|
|
variant: "danger"
|
|
}, __('Delete', 'elementor-pro'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_dropdown_dropdown__WEBPACK_IMPORTED_MODULE_2__["default"].Arrow, null))), canDeleteNote && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_marks_note_actions_delete_dialog__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
|
note: props.note,
|
|
isOpen: isDeleteDialogOpen,
|
|
onOpenChange: setIsDeleteDialogOpen,
|
|
onLoadingChange: function onLoadingChange(isLoading) {
|
|
return setIsDisabled(isLoading);
|
|
}
|
|
}));
|
|
}
|
|
MarksNoteActions.propTypes = {
|
|
note: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_12__["default"]).isRequired,
|
|
setIsEditMode: PropTypes.func.isRequired
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/marks-note-textarea.js":
|
|
/*!**********************************************************!*\
|
|
!*** ../assets/js/app/components/marks-note-textarea.js ***!
|
|
\**********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MarksNoteTextarea)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _ui_textarea__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ui/textarea */ "../assets/js/app/components/ui/textarea.js");
|
|
/* harmony import */ var _hooks_use_auto_focus__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks/use-auto-focus */ "../assets/js/app/hooks/use-auto-focus.js");
|
|
/* harmony import */ var _mentions_mentions_user_list__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./mentions/mentions-user-list */ "../assets/js/app/components/mentions/mentions-user-list.js");
|
|
/* harmony import */ var _ui_typeahead_typeahead__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ui/typeahead/typeahead */ "../assets/js/app/components/ui/typeahead/typeahead.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var react_query__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-query */ "../../../node_modules/react-query/es/index.js");
|
|
/* harmony import */ var _query_client__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../query-client */ "../assets/js/app/query-client.js");
|
|
/* harmony import */ var _ui_div_base__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ui/div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_9__["default"])(_ui_div_base__WEBPACK_IMPORTED_MODULE_8__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n position: relative;\n"])));
|
|
function MarksNoteTextarea(props) {
|
|
var ref = (0,_hooks_use_auto_focus__WEBPACK_IMPORTED_MODULE_3__["default"])(props.defaultValue),
|
|
placeholder = props.isReply ? __('Type your reply. Use @ to mention...', 'elementor-pro') : __('Type a note. Use @ to mention...', 'elementor-pro');
|
|
var fragment = function fragment(_ref) {
|
|
var search = _ref.search;
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_query__WEBPACK_IMPORTED_MODULE_6__.QueryClientProvider, {
|
|
client: _query_client__WEBPACK_IMPORTED_MODULE_7__["default"]
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_mentions_mentions_user_list__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
|
search: search
|
|
}));
|
|
};
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Container, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_typeahead_typeahead__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
debounce: 250,
|
|
fragment: fragment,
|
|
onSelect: function onSelect() {
|
|
return window.top.$e.run('notes/choose-mention');
|
|
}
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_textarea__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
name: "content",
|
|
placeholder: placeholder,
|
|
onKeyDown: function onKeyDown(e) {
|
|
if (props.onMetaAndEnterKeyDown && (e.metaKey || e.ctrlKey) && 'enter' === e.key.toLowerCase()) {
|
|
props.onMetaAndEnterKeyDown(e);
|
|
}
|
|
},
|
|
disabled: props.disabled,
|
|
ref: ref,
|
|
defaultValue: props.defaultValue,
|
|
onChange: props.onChange,
|
|
rows: 1,
|
|
maxRows: 6,
|
|
autoSize: true
|
|
})));
|
|
}
|
|
MarksNoteTextarea.propTypes = {
|
|
name: PropTypes.string,
|
|
disabled: PropTypes.bool,
|
|
onMetaAndEnterKeyDown: PropTypes.func,
|
|
defaultValue: PropTypes.string,
|
|
onChange: PropTypes.func,
|
|
isReply: PropTypes.bool.isRequired
|
|
};
|
|
MarksNoteTextarea.defaultProps = {
|
|
isReply: false
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/marks-note-view-external-indicator.js":
|
|
/*!*************************************************************************!*\
|
|
!*** ../assets/js/app/components/marks-note-view-external-indicator.js ***!
|
|
\*************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MarksNoteViewExternalIndicator)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hooks/use-notes-config */ "../assets/js/app/hooks/use-notes-config.js");
|
|
/* harmony import */ var _models_note__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../models/note */ "../assets/js/app/models/note.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject, _templateObject2;
|
|
|
|
|
|
|
|
|
|
var Text = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].p(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n all: revert;\n\n color: #a4afb6 !important;\n margin: 0 !important;\n padding: 0 !important;\n font-family: Roboto, sans-serif !important;\n font-size: 10px !important;\n font-weight: normal !important;\n text-transform: none !important;\n font-style: normal !important;\n text-decoration: none !important;\n line-height: 1.5 !important;\n letter-spacing: normal !important;\n word-spacing: normal !important;\n"])));
|
|
var Strong = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].strong(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n font-weight: 500;\n"])));
|
|
|
|
// Responsible for showing an indicator if the note was created in another route or post.
|
|
function MarksNoteViewExternalIndicator(props) {
|
|
var _props$note$document;
|
|
var _useNotesConfig = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_2__["default"])(),
|
|
currentRoute = _useNotesConfig.route,
|
|
isSameDocument = ((_props$note$document = props.note.document) === null || _props$note$document === void 0 ? void 0 : _props$note$document.id) === currentRoute.post_id,
|
|
isSameRoute = props.note.routeUrl === currentRoute.url;
|
|
|
|
// If the document is not loaded on the note or the route and the document are the same the current route
|
|
// and current document, this component should not render anything.
|
|
if (!props.note.document || isSameDocument && isSameRoute) {
|
|
return null;
|
|
}
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Text, null, __('Noted on:', 'elementor-pro'), ' ', /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Strong, null, isSameDocument ? props.note.routeTitle : props.note.document.typeTitle));
|
|
}
|
|
MarksNoteViewExternalIndicator.propTypes = {
|
|
note: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_3__["default"]).isRequired
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/marks-note-view.js":
|
|
/*!******************************************************!*\
|
|
!*** ../assets/js/app/components/marks-note-view.js ***!
|
|
\******************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MarksNoteView)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _ui_avatar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ui/avatar */ "../assets/js/app/components/ui/avatar.js");
|
|
/* harmony import */ var _marks_note_actions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./marks-note-actions */ "../assets/js/app/components/marks-note-actions.js");
|
|
/* harmony import */ var _marks_edit_note_form__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./marks-edit-note-form */ "../assets/js/app/components/marks-edit-note-form.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _models_note__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../models/note */ "../assets/js/app/models/note.js");
|
|
/* harmony import */ var _shared_note_content__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./shared/note-content */ "../assets/js/app/components/shared/note-content/index.js");
|
|
/* harmony import */ var _marks_note_view_external_indicator__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./marks-note-view-external-indicator */ "../assets/js/app/components/marks-note-view-external-indicator.js");
|
|
/* harmony import */ var _ui_div_base__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./ui/div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
/* harmony import */ var _hooks_use_reverse_html_entities__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../hooks/use-reverse-html-entities */ "../assets/js/app/hooks/use-reverse-html-entities.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var sizesMap = {
|
|
sm: {
|
|
text: 9
|
|
},
|
|
md: {
|
|
text: 12
|
|
}
|
|
};
|
|
var Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_11__["default"])(_ui_div_base__WEBPACK_IMPORTED_MODULE_9__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n --color-gray-500: #a4afb6;\n --color-gray-600: #6d7882;\n\n display: flex !important;\n align-items: start !important;\n gap: 12px !important;\n\n &, & *:not( [class*=\"eicon\"] ) {\n font-family: Roboto, sans-serif !important;\n }\n"])));
|
|
var Body = (0,styled_components__WEBPACK_IMPORTED_MODULE_11__["default"])(_ui_div_base__WEBPACK_IMPORTED_MODULE_9__["default"])(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n display: flex !important;\n flex-direction: column !important;\n gap: 12px !important;\n flex-grow: 1 !important;\n line-height: 1 !important;\n"])));
|
|
var Header = (0,styled_components__WEBPACK_IMPORTED_MODULE_11__["default"])(_ui_div_base__WEBPACK_IMPORTED_MODULE_9__["default"])(_templateObject3 || (_templateObject3 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n display: flex !important;\n gap: 10px !important;\n padding-top: 4px !important;\n line-height: 1 !important;\n"])));
|
|
var HeaderMeta = (0,styled_components__WEBPACK_IMPORTED_MODULE_11__["default"])(_ui_div_base__WEBPACK_IMPORTED_MODULE_9__["default"])(_templateObject4 || (_templateObject4 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n display: flex !important;\n flex-direction: column !important;\n gap: 5px !important;\n flex-grow: 1 !important;\n line-height: 1 !important;\n"])));
|
|
var HeaderActions = (0,styled_components__WEBPACK_IMPORTED_MODULE_11__["default"])(_ui_div_base__WEBPACK_IMPORTED_MODULE_9__["default"])(_templateObject5 || (_templateObject5 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n display: flex !important;\n gap: 5px !important;\n flex-shrink: 0 !important;\n align-items: center !important;\n line-height: 1 !important;\n"])));
|
|
var Text = styled_components__WEBPACK_IMPORTED_MODULE_11__["default"].span(_templateObject6 || (_templateObject6 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n color: var(", ") !important;\n margin: 0 !important;\n padding: 0 !important;\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (_ref) {
|
|
var muted = _ref.muted;
|
|
return muted ? '--color-gray-500' : '--color-gray-600';
|
|
}, function (_ref2) {
|
|
var size = _ref2.size;
|
|
return size && (0,styled_components__WEBPACK_IMPORTED_MODULE_11__.css)(_templateObject7 || (_templateObject7 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n\tfont-size: ", "px !important;\n "])), sizesMap[size].text);
|
|
}, function (_ref3) {
|
|
var weight = _ref3.weight;
|
|
return weight && (0,styled_components__WEBPACK_IMPORTED_MODULE_11__.css)(_templateObject8 || (_templateObject8 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n\tfont-weight: ", " !important;\n "])), weight);
|
|
}, function (_ref4) {
|
|
var lineHeight = _ref4.lineHeight;
|
|
return (0,styled_components__WEBPACK_IMPORTED_MODULE_11__.css)(_templateObject9 || (_templateObject9 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n\tline-height: ", " !important;\n "])), lineHeight || 1);
|
|
});
|
|
function MarksNoteView(props) {
|
|
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false),
|
|
_useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState, 2),
|
|
isEditMode = _useState2[0],
|
|
setIsEditMode = _useState2[1],
|
|
noteContent = (0,_hooks_use_reverse_html_entities__WEBPACK_IMPORTED_MODULE_10__.useReverseHtmlEntities)(props.note.content);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Container, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_avatar__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
size: 'md',
|
|
src: props.note.author.avatarUrls['48']
|
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Body, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Header, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(HeaderMeta, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Text, {
|
|
size: 'md',
|
|
weight: 500
|
|
}, props.note.author.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Text, {
|
|
size: 'sm',
|
|
lineHeight: 1.5,
|
|
muted: true
|
|
}, props.note.getFormattedCreatedAt())), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(HeaderActions, null, !isEditMode && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_marks_note_actions__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
|
note: props.note,
|
|
setIsEditMode: setIsEditMode
|
|
}))), !isEditMode && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared_note_content__WEBPACK_IMPORTED_MODULE_7__["default"], null, noteContent), isEditMode && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_marks_edit_note_form__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
note: props.note,
|
|
onClose: function onClose() {
|
|
return setIsEditMode(false);
|
|
}
|
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_marks_note_view_external_indicator__WEBPACK_IMPORTED_MODULE_8__["default"], {
|
|
note: props.note
|
|
})));
|
|
}
|
|
MarksNoteView.propTypes = {
|
|
note: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_6__["default"]).isRequired
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/marks-reply-form.js":
|
|
/*!*******************************************************!*\
|
|
!*** ../assets/js/app/components/marks-reply-form.js ***!
|
|
\*******************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MarksReplyForm)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ "../../../node_modules/@babel/runtime/regenerator/index.js");
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _ui_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ui/button */ "../assets/js/app/components/ui/button.js");
|
|
/* harmony import */ var _hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/use-notes-mutations */ "../assets/js/app/hooks/use-notes-mutations.js");
|
|
/* harmony import */ var _marks_note_textarea__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./marks-note-textarea */ "../assets/js/app/components/marks-note-textarea.js");
|
|
/* harmony import */ var _shared_note_form__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./shared/note-form */ "../assets/js/app/components/shared/note-form.js");
|
|
/* harmony import */ var _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../hooks/use-active-thread */ "../assets/js/app/hooks/use-active-thread.js");
|
|
/* harmony import */ var _hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../hooks/use-forms-in-writing-mode */ "../assets/js/app/hooks/use-forms-in-writing-mode.js");
|
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "../assets/js/app/utils.js");
|
|
/* harmony import */ var _models_note__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../models/note */ "../assets/js/app/models/note.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function MarksReplyForm(props) {
|
|
var formId = "e-notes-new-reply-for-".concat(props.thread.id);
|
|
var createMutation = (0,_hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_4__.useCreateMutation)(),
|
|
_useActiveThread = (0,_hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_7__["default"])(),
|
|
clearActive = _useActiveThread.clearActive,
|
|
_useFormsInWritingMod = (0,_hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_8__["default"])(),
|
|
isInWritingMode = _useFormsInWritingMod.isInWritingMode;
|
|
var onSubmit = /*#__PURE__*/function () {
|
|
var _ref2 = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee(e, _ref) {
|
|
var content, form;
|
|
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
content = _ref.content, form = _ref.form;
|
|
window.top.$e.run('notes/reply', {
|
|
parentId: props.thread.id
|
|
});
|
|
_context.next = 4;
|
|
return createMutation.mutateAsync({
|
|
elementId: props.thread.elementId,
|
|
parentId: props.thread.id,
|
|
content: content
|
|
});
|
|
case 4:
|
|
form.reset();
|
|
case 5:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function onSubmit(_x, _x2) {
|
|
return _ref2.apply(this, arguments);
|
|
};
|
|
}();
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared_note_form__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
|
id: formId,
|
|
onSubmit: onSubmit
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_marks_note_textarea__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
disabled: createMutation.isLoading,
|
|
onMetaAndEnterKeyDown: function onMetaAndEnterKeyDown(e) {
|
|
return (0,_utils__WEBPACK_IMPORTED_MODULE_9__.submitForm)(e.currentTarget.form);
|
|
},
|
|
isReply: true
|
|
}), isInWritingMode(formId) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared_note_form__WEBPACK_IMPORTED_MODULE_6__["default"].ButtonsContainer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_button__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
disabled: createMutation.isLoading,
|
|
type: "submit"
|
|
}, __('Reply', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_button__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
disabled: createMutation.isLoading,
|
|
variant: 'outlined',
|
|
type: "reset",
|
|
onClick: function onClick(e) {
|
|
window.top.$e.run('notes/cancel-reply', {
|
|
parentId: props.thread.id
|
|
});
|
|
e.target.form.reset();
|
|
clearActive();
|
|
}
|
|
}, __('Cancel', 'elementor-pro'))));
|
|
}
|
|
MarksReplyForm.propTypes = {
|
|
thread: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_10__["default"])
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/marks-thread-view.js":
|
|
/*!********************************************************!*\
|
|
!*** ../assets/js/app/components/marks-thread-view.js ***!
|
|
\********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MarksThreadView)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _marks_note_view__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./marks-note-view */ "../assets/js/app/components/marks-note-view.js");
|
|
/* harmony import */ var _hooks_use_note__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/use-note */ "../assets/js/app/hooks/use-note.js");
|
|
/* harmony import */ var _hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks/use-notes-mutations */ "../assets/js/app/hooks/use-notes-mutations.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _marks_reply_form__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./marks-reply-form */ "../assets/js/app/components/marks-reply-form.js");
|
|
/* harmony import */ var _ui_icon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ui/icon */ "../assets/js/app/components/ui/icon.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
var _templateObject, _templateObject2;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Loader = (0,styled_components__WEBPACK_IMPORTED_MODULE_8__["default"])(_ui_icon__WEBPACK_IMPORTED_MODULE_7__["default"]).attrs({
|
|
className: 'eicon-loading eicon-animation-spin'
|
|
})(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n align-self: center !important;\n color: #a4afb6 !important;\n"])));
|
|
var Error = styled_components__WEBPACK_IMPORTED_MODULE_8__["default"].p(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n all: revert;\n\n font-family: Roboto, sans-serif !important;\n font-size: 12px !important;\n font-weight: normal !important;\n text-transform: none !important;\n font-style: normal !important;\n text-decoration: none !important;\n line-height: normal !important;\n letter-spacing: normal !important;\n word-spacing: normal !important;\n color: #6d7882 !important;\n margin: 0 !important;\n padding: 0 !important;\n"])));
|
|
function MarksThreadView(props) {
|
|
var _useNote = (0,_hooks_use_note__WEBPACK_IMPORTED_MODULE_4__["default"])(props.threadId),
|
|
isLoading = _useNote.isLoading,
|
|
isPlaceholderData = _useNote.isPlaceholderData,
|
|
isFetching = _useNote.isFetching,
|
|
thread = _useNote.data,
|
|
isSuccess = _useNote.isSuccess,
|
|
isError = _useNote.isError,
|
|
hasReplies = 0 !== thread.repliesCount;
|
|
|
|
// Set read status.
|
|
useSetReadStatus({
|
|
thread: thread,
|
|
shouldTrigger: isSuccess && !isPlaceholderData && !isFetching
|
|
});
|
|
if (isLoading) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Loader, null);
|
|
}
|
|
if (isError) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Error, null, __('Something went wrong.', 'elementor-pro'));
|
|
}
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_marks_note_view__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
note: thread,
|
|
key: thread.id
|
|
}),
|
|
// Show a loader until the replies are loaded.
|
|
hasReplies && isPlaceholderData && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Loader, null), thread.replies.map(function (reply) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_marks_note_view__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
key: reply.id,
|
|
note: reply
|
|
});
|
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_marks_reply_form__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
|
thread: thread
|
|
}));
|
|
}
|
|
|
|
// Hook to set Thread (& replies) read status.
|
|
function useSetReadStatus(_ref) {
|
|
var thread = _ref.thread,
|
|
shouldTrigger = _ref.shouldTrigger;
|
|
// Flag to run the hook action once and prevent unnecessary calculations / requests.
|
|
var didRunOnce = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(false),
|
|
readMutation = (0,_hooks_use_notes_mutations__WEBPACK_IMPORTED_MODULE_5__.useReadMutation)();
|
|
|
|
// Set thread as read.
|
|
(0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
|
|
if (didRunOnce.current || !shouldTrigger) {
|
|
return;
|
|
}
|
|
var ids = [thread].concat((0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(thread.replies || [])).filter(function (note) {
|
|
return !note.isRead;
|
|
}).map(function (note) {
|
|
return note.id;
|
|
});
|
|
if (0 !== ids.length) {
|
|
readMutation.mutate({
|
|
ids: ids,
|
|
isRead: true
|
|
});
|
|
}
|
|
didRunOnce.current = true;
|
|
}, [thread, shouldTrigger]);
|
|
}
|
|
MarksThreadView.propTypes = {
|
|
threadId: PropTypes.number.isRequired
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/marks-thread.js":
|
|
/*!***************************************************!*\
|
|
!*** ../assets/js/app/components/marks-thread.js ***!
|
|
\***************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "Context": () => (/* binding */ Context),
|
|
/* harmony export */ "default": () => (/* binding */ MarksThread),
|
|
/* harmony export */ "useMarksThreadContext": () => (/* binding */ useMarksThreadContext)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _ui_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ui/button */ "../assets/js/app/components/ui/button.js");
|
|
/* harmony import */ var _ui_marker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ui/marker */ "../assets/js/app/components/ui/marker.js");
|
|
/* harmony import */ var _ui_popover_popover__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ui/popover/popover */ "../assets/js/app/components/ui/popover/popover.js");
|
|
/* harmony import */ var _marks_thread_view__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./marks-thread-view */ "../assets/js/app/components/marks-thread-view.js");
|
|
/* harmony import */ var _hooks_use_new_thread_events__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../hooks/use-new-thread-events */ "../assets/js/app/hooks/use-new-thread-events.js");
|
|
/* harmony import */ var _hooks_use_scroll_into_view__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../hooks/use-scroll-into-view */ "../assets/js/app/hooks/use-scroll-into-view.js");
|
|
/* harmony import */ var _models_note__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../models/note */ "../assets/js/app/models/note.js");
|
|
/* harmony import */ var _ui_div_base__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./ui/div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
/* harmony import */ var _shared_note_popover_content__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./shared/note-popover-content */ "../assets/js/app/components/shared/note-popover-content.js");
|
|
/* harmony import */ var _marks_element_portal__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./marks-element-portal */ "../assets/js/app/components/marks-element-portal.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
var _templateObject, _templateObject2;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_13__["default"])(_ui_div_base__WEBPACK_IMPORTED_MODULE_10__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n display: flex !important;\n flex-direction: column !important;\n gap: 28px !important;\n padding: 20px 16px !important;\n width: 360px !important;\n border-radius: 4px !important;\n transition: 0.3s all !important;\n\n ", "\n"])), function (_ref) {
|
|
var disabled = _ref.disabled;
|
|
return disabled && (0,styled_components__WEBPACK_IMPORTED_MODULE_13__.css)(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n\topacity: 0.5;\n\tpointer-events: none;\n "])));
|
|
});
|
|
var Context = (0,react__WEBPACK_IMPORTED_MODULE_2__.createContext)();
|
|
function useMarksThreadContext() {
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(Context);
|
|
}
|
|
function MarksThread(props) {
|
|
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false),
|
|
_useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState, 2),
|
|
isDisabled = _useState2[0],
|
|
setIsDisabled = _useState2[1],
|
|
ref = (0,_hooks_use_scroll_into_view__WEBPACK_IMPORTED_MODULE_8__["default"])(props.isActive);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_marks_element_portal__WEBPACK_IMPORTED_MODULE_12__["default"], {
|
|
elementId: props.note.elementId,
|
|
position: props.note.position
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
open: props.isActive,
|
|
onOpenChange: props.onOpenChange
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_5__["default"].Trigger, {
|
|
asChild: true
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_button__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
variant: 'transparent',
|
|
className: _hooks_use_new_thread_events__WEBPACK_IMPORTED_MODULE_7__.DISABLE_NEW_THREAD
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_marker__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
|
ref: ref,
|
|
variant: props.isActive || props.note.isUnreadThread() ? 'solid' : 'ghost',
|
|
size: 'md',
|
|
muted: props.note.isResolved
|
|
}, props.note.id))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared_note_popover_content__WEBPACK_IMPORTED_MODULE_11__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Container, {
|
|
disabled: isDisabled
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Context.Provider, {
|
|
value: {
|
|
isDisabled: isDisabled,
|
|
setIsDisabled: setIsDisabled
|
|
}
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_marks_thread_view__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
|
threadId: props.note.id
|
|
}))))));
|
|
}
|
|
MarksThread.propTypes = {
|
|
note: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_9__["default"]).isRequired,
|
|
onOpenChange: PropTypes.func.isRequired,
|
|
isActive: PropTypes.bool.isRequired
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/marks.js":
|
|
/*!********************************************!*\
|
|
!*** ../assets/js/app/components/marks.js ***!
|
|
\********************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Marks)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _marks_thread__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./marks-thread */ "../assets/js/app/components/marks-thread.js");
|
|
/* harmony import */ var _marks_new_thread__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./marks-new-thread */ "../assets/js/app/components/marks-new-thread.js");
|
|
/* harmony import */ var _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks/use-active-thread */ "../assets/js/app/hooks/use-active-thread.js");
|
|
/* harmony import */ var _hooks_use_notes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/use-notes */ "../assets/js/app/hooks/use-notes.js");
|
|
/* harmony import */ var _hooks_use_new_thread_events__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks/use-new-thread-events */ "../assets/js/app/hooks/use-new-thread-events.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function Marks() {
|
|
var _useNotes = (0,_hooks_use_notes__WEBPACK_IMPORTED_MODULE_4__["default"])(),
|
|
_useNotes$data = _useNotes.data,
|
|
notes = _useNotes$data === void 0 ? [] : _useNotes$data,
|
|
_useActiveThread = (0,_hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_3__["default"])(),
|
|
activeThread = _useActiveThread.activeThread,
|
|
clearActive = _useActiveThread.clearActive,
|
|
setActive = _useActiveThread.setActive,
|
|
isThreadActive = _useActiveThread.isThreadActive;
|
|
(0,_hooks_use_new_thread_events__WEBPACK_IMPORTED_MODULE_5__["default"])();
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, notes.map(function (note) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_thread__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
|
key: note.id,
|
|
note: note,
|
|
isActive: isThreadActive(note.id),
|
|
onOpenChange: function onOpenChange(isOpen) {
|
|
if (!isOpen) {
|
|
clearActive(note.id);
|
|
return;
|
|
}
|
|
setActive({
|
|
type: _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_3__.THREAD,
|
|
data: {
|
|
noteId: note.id
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}), _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_3__.NEW_THREAD === (activeThread === null || activeThread === void 0 ? void 0 : activeThread.type) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_marks_new_thread__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
elementId: activeThread.data.elementId,
|
|
position: activeThread.data.position,
|
|
onOpenChange: function onOpenChange(isOpen) {
|
|
if (!isOpen) {
|
|
clearActive();
|
|
}
|
|
}
|
|
}));
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/mentions/mentions-user-disabled.js":
|
|
/*!**********************************************************************!*\
|
|
!*** ../assets/js/app/components/mentions/mentions-user-disabled.js ***!
|
|
\**********************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MentionsUserDisabled)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _models_user__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../models/user */ "../assets/js/app/models/user.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks/use-notes-config */ "../assets/js/app/hooks/use-notes-config.js");
|
|
/* harmony import */ var _hooks_use_user_can__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks/use-user-can */ "../assets/js/app/hooks/use-user-can.js");
|
|
/* harmony import */ var _ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../ui/tooltip/tooltip */ "../assets/js/app/components/ui/tooltip/tooltip.js");
|
|
/* harmony import */ var _ui_icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../ui/icon */ "../assets/js/app/components/ui/icon.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var UserDisabledTooltip = styled_components__WEBPACK_IMPORTED_MODULE_7__["default"].div(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tdisplay: flex !important;\n\tposition: absolute !important;\n\twidth: 100% !important;\n\theight: 100% !important;\n\tinset-inline-start: 0 !important;\n\tmargin: 0 !important;\n\tpadding: 0 !important;\n\tfont-size: 11px !important;\n\n\t// Fixes bug with the position of Popover with portalled=false inside another Popover\n\t// @see https://github.com/radix-ui/primitives/issues/370\n\t[data-radix-popper-content-wrapper] {\n\t\ttransform: translateY(-100%) !important;\n\t\ttop: 10px !important;\n\t\tinset-inline-start: auto !important;\n\t\tinset-inline-end: -10px !important;\n\t}\n"])));
|
|
var TooltipShadow = styled_components__WEBPACK_IMPORTED_MODULE_7__["default"].div(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\toverflow: hidden !important;\n\tposition: relative !important;\n\tflex: 1 !important;\n\theight: 100% !important;\n\n\t&::before {\n\t\tcontent: '' !important;\n\t\tposition: absolute !important;\n\t\twidth: 100vw !important;\n\t\theight: 100vh !important;\n\t\ttop: 50% !important;\n\t\ttransform: translateY(-50%) !important;\n\t\tinset-inline-end: 0 !important;\n\t\tbox-shadow: inset 0 0 60px 40px #f1f3f5 !important;\n\t}\n"])));
|
|
var TooltipTriggerText = styled_components__WEBPACK_IMPORTED_MODULE_7__["default"].div(_templateObject3 || (_templateObject3 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tdisplay: inline-flex !important;\n\talign-items: center !important;\n\twhite-space: pre-wrap !important;\n\tpadding: 10px !important;\n\tbackground: #f1f3f5 !important;\n"])));
|
|
var SetPermissionsLink = styled_components__WEBPACK_IMPORTED_MODULE_7__["default"].a.attrs(function () {
|
|
return {
|
|
target: '_blank',
|
|
rel: 'noreferrer'
|
|
};
|
|
})(_templateObject4 || (_templateObject4 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tcolor: #6d7882 !important;\n\tbackground: #f1f3f5 !important;\n\tpadding: 10px !important;\n\tdisplay: inline-flex !important;\n\talign-items: center !important;\n\n\t&:hover,\n\t&:focus {\n\t\tcolor: #58d0f5 !important;\n\t\ttext-decoration: none !important;\n\t}\n"])));
|
|
var TooltipContent = (0,styled_components__WEBPACK_IMPORTED_MODULE_7__["default"])(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"].Content)(_templateObject5 || (_templateObject5 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tbackground: #ffffff !important;\n\tcolor: #6d7882 !important;\n\tline-height: 1.3 !important;\n\tfont-style: italic !important;\n\tpadding: 12px !important;\n\tbox-shadow: 0 1px 20px rgba(0, 0, 0, 0.15) !important;\n\tmax-width: 262px !important;\n\tbox-sizing: border-box !important;\n\n\t&::after {\n\t\tcontent: '' !important;\n\t\tposition: absolute !important;\n\t\twidth: 10px !important;\n\t\theight: 10px !important;\n\t\tborder: 5px solid transparent !important;\n\t\tborder-top-color: #ffffff !important;\n\t\tbottom: -9px !important;\n\t\tinset-inline-end: 20px !important;\n\t}\n"])));
|
|
var LearnMoreLink = styled_components__WEBPACK_IMPORTED_MODULE_7__["default"].a.attrs(function () {
|
|
return {
|
|
target: '_blank'
|
|
};
|
|
})(_templateObject6 || (_templateObject6 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tall: revert;\n\tdisplay: block !important;\n\ttext-decoration: none !important;\n\tcolor: #58d0f5 !important;\n\n\t&:hover,\n\t&:focus {\n\t\ttext-decoration: underline !important;\n\t}\n"])));
|
|
function MentionsUserDisabled(props) {
|
|
var _useNotesConfig = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_3__["default"])(),
|
|
urls = _useNotesConfig.urls,
|
|
mentionedUserCanEditPost = props.user.capabilities.post.edit,
|
|
currentUserCanEditUsers = (0,_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_4__["default"])(_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_4__.CAPABILITY_EDIT_USERS),
|
|
currentUserCanFixPermissions = currentUserCanEditUsers && mentionedUserCanEditPost;
|
|
var tooltipLink = currentUserCanEditUsers ? urls.help_notes_features : '';
|
|
var tooltipLabel = currentUserCanFixPermissions ? __('Give access to Notes', 'elementor-pro') : __("Can't mention them", 'elementor-pro');
|
|
var tooltipMessage = useTooltipMessage(props.user.capabilities);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(UserDisabledTooltip, {
|
|
role: "tooltip",
|
|
"aria-label": tooltipLabel
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TooltipShadow, null), currentUserCanFixPermissions ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SetPermissionsLink, {
|
|
href: "".concat(urls.admin_url_edit_user, "?user_id=").concat(props.user.id, "#e-notes")
|
|
}, tooltipLabel + ' ', /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_icon__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
|
className: "eicon-editor-external-link"
|
|
})) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
delayDuration: 0
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"].Trigger, {
|
|
asChild: true
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TooltipTriggerText, {
|
|
"aria-label": tooltipMessage
|
|
}, tooltipLabel + ' ', /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_icon__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
|
className: "eicon-help-o"
|
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TooltipContent, {
|
|
portalled: false
|
|
}, tooltipMessage, tooltipLink && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(LearnMoreLink, {
|
|
href: tooltipLink
|
|
}, __('Learn more', 'elementor-pro')))))));
|
|
}
|
|
MentionsUserDisabled.propTypes = {
|
|
user: PropTypes.instanceOf(_models_user__WEBPACK_IMPORTED_MODULE_2__["default"]).isRequired
|
|
};
|
|
function useTooltipMessage(capabilities) {
|
|
var mentionedUserCanReadNotes = capabilities.notes.read,
|
|
mentionedUserCanEditPost = capabilities.post.edit,
|
|
currentUserCanEditUsers = (0,_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_4__["default"])(_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_4__.CAPABILITY_EDIT_USERS);
|
|
if (!currentUserCanEditUsers) {
|
|
return __('Contact the site admin to give this person the right permissions.', 'elementor-pro');
|
|
}
|
|
if (!mentionedUserCanEditPost) {
|
|
if (!mentionedUserCanReadNotes) {
|
|
return __('This person needs: (1) permission to view this post, as well as (2) access to use Notes.', 'elementor-pro');
|
|
}
|
|
return __('They need permission to view this post.', 'elementor-pro');
|
|
}
|
|
return '';
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/mentions/mentions-user-list.js":
|
|
/*!******************************************************************!*\
|
|
!*** ../assets/js/app/components/mentions/mentions-user-list.js ***!
|
|
\******************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ MentionsUserList)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _hooks_use_users__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks/use-users */ "../assets/js/app/hooks/use-users.js");
|
|
/* harmony import */ var _ui_typeahead_typeahead__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ui/typeahead/typeahead */ "../assets/js/app/components/ui/typeahead/typeahead.js");
|
|
/* harmony import */ var _ui_avatar__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../ui/avatar */ "../assets/js/app/components/ui/avatar.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../hooks/use-notes-config */ "../assets/js/app/hooks/use-notes-config.js");
|
|
/* harmony import */ var _hooks_use_user_can__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../hooks/use-user-can */ "../assets/js/app/hooks/use-user-can.js");
|
|
/* harmony import */ var _ui_div_base__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../ui/div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
/* harmony import */ var _mentions_user_disabled__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./mentions-user-disabled */ "../assets/js/app/components/mentions/mentions-user-disabled.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
|
|
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var defaultParams = {
|
|
limit: 5,
|
|
order_by: 'user_registered',
|
|
order: 'desc'
|
|
};
|
|
var List = (0,styled_components__WEBPACK_IMPORTED_MODULE_10__["default"])(_ui_typeahead_typeahead__WEBPACK_IMPORTED_MODULE_4__["default"].List)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n\tposition: absolute !important;\n\ttop: 100% !important;\n"])));
|
|
var UserDetails = (0,styled_components__WEBPACK_IMPORTED_MODULE_10__["default"])(_ui_div_base__WEBPACK_IMPORTED_MODULE_8__["default"])(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n\tdisplay: flex !important;\n\tflex-direction: column !important;\n\tjustify-content: space-between !important;\n\tgap: 2px !important;\n\n\t&::before,\n\t&::after {\n\t\tdisplay: none !important;\n\t}\n"])));
|
|
var UserContainer = (0,styled_components__WEBPACK_IMPORTED_MODULE_10__["default"])(_ui_typeahead_typeahead__WEBPACK_IMPORTED_MODULE_4__["default"].ListItem)(_templateObject3 || (_templateObject3 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n\tdisplay: flex !important;\n\tflex-direction: row !important;\n\talign-items: center !important;\n\tgap: 10px !important;\n\tposition: relative !important;\n\n\t&[aria-disabled='true'] {\n\t\topacity: 1 !important;\n\n\t\t&:hover {\n\t\t\tbackground-color: #f1f3f5 !important;\n\t\t}\n\n\t\t", " {\n\t\t\topacity: .5 !important;\n\t\t}\n\n\t\t&:not(:hover) {\n\t\t\t> [role='tooltip'] {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\t\t}\n\t}\n"])), UserDetails);
|
|
var UserName = styled_components__WEBPACK_IMPORTED_MODULE_10__["default"].span(_templateObject4 || (_templateObject4 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n\tall: revert;\n\n\tpadding: 0 !important;\n\tmargin: 0 !important;\n\tfont-size: 12px !important;\n\tfont-weight: 500 !important;\n\tcolor: inherit !important;\n"])));
|
|
var UserSlug = styled_components__WEBPACK_IMPORTED_MODULE_10__["default"].span(_templateObject5 || (_templateObject5 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n\tfont-size: 10px !important;\n\tcolor: #a4afb6 !important;\n"])));
|
|
var Link = styled_components__WEBPACK_IMPORTED_MODULE_10__["default"].a.attrs(function () {
|
|
return {
|
|
target: '_blank',
|
|
rel: 'noreferrer'
|
|
};
|
|
})(_templateObject6 || (_templateObject6 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n\tall: revert;\n\n\tcolor: #58d0f5 !important;\n\tfont-family: Roboto, sans-serif !important;\n\tfont-size: 1em !important;\n\tfont-weight: normal !important;\n\ttext-transform: none !important;\n\tfont-style: normal !important;\n\ttext-decoration: underline !important;\n\tline-height: normal !important;\n\tletter-spacing: normal !important;\n\tword-spacing: normal !important;\n\n\t&:hover,\n\t&:focus {\n\t\tcolor: #6d7882 !important;\n\t\ttext-decoration: underline; // Repeat in order to override theme styles.\n\t}\n"])));
|
|
var FooterTitle = styled_components__WEBPACK_IMPORTED_MODULE_10__["default"].strong(_templateObject7 || (_templateObject7 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n font-weight: 500 !important;\n"])));
|
|
function MentionsUserList(props) {
|
|
var _route$post_id;
|
|
var _useNotesConfig = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_6__["default"])(),
|
|
route = _useNotesConfig.route,
|
|
urls = _useNotesConfig.urls,
|
|
canCreateUsers = (0,_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_7__["default"])(_hooks_use_user_can__WEBPACK_IMPORTED_MODULE_7__.CAPABILITY_CREATE_USERS);
|
|
var _useUsers = (0,_hooks_use_users__WEBPACK_IMPORTED_MODULE_3__["default"])({
|
|
params: _objectSpread(_objectSpread({}, defaultParams), {}, {
|
|
search: props.search,
|
|
post_id: (_route$post_id = route.post_id) !== null && _route$post_id !== void 0 ? _route$post_id : null
|
|
})
|
|
}),
|
|
_useUsers$data = _useUsers.data,
|
|
data = _useUsers$data === void 0 ? [] : _useUsers$data,
|
|
isSuccess = _useUsers.isSuccess;
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(List, null, data.map(function (user) {
|
|
var isUserDisabled = !user.capabilities.notes.read || !user.capabilities.post.edit;
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(UserContainer, {
|
|
key: user.id,
|
|
value: user.slug,
|
|
disabled: isUserDisabled
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_avatar__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
size: 'md',
|
|
src: user.avatarUrls['48']
|
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(UserDetails, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(UserName, null, user.name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(UserSlug, null, user.slug)), isUserDisabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_mentions_user_disabled__WEBPACK_IMPORTED_MODULE_9__["default"], {
|
|
user: user
|
|
}));
|
|
}), isSuccess && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_typeahead_typeahead__WEBPACK_IMPORTED_MODULE_4__["default"].ListFooter, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(FooterTitle, null, __("Can't find someone?", 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("br", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("span", null, canCreateUsers ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, __('Add them from the', 'elementor-pro'), ' ', /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Link, {
|
|
href: urls.admin_url_create_user
|
|
}, __('WP Dashboard', 'elementor-pro'))) : __('Ask the site admin to add them', 'elementor-pro'))));
|
|
}
|
|
MentionsUserList.propTypes = {
|
|
search: PropTypes.string
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/panel-body-current-route.js":
|
|
/*!***************************************************************!*\
|
|
!*** ../assets/js/app/components/panel-body-current-route.js ***!
|
|
\***************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ PanelBodyCurrentRoute)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _panel_note_item__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./panel-note-item */ "../assets/js/app/components/panel-note-item.js");
|
|
/* harmony import */ var _panel_page_title__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./panel-page-title */ "../assets/js/app/components/panel-page-title.js");
|
|
/* harmony import */ var _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/use-active-thread */ "../assets/js/app/hooks/use-active-thread.js");
|
|
/* harmony import */ var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks/use-notes-config */ "../assets/js/app/hooks/use-notes-config.js");
|
|
/* harmony import */ var _models_note__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../models/note */ "../assets/js/app/models/note.js");
|
|
/* harmony import */ var _panel_empty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./panel-empty */ "../assets/js/app/components/panel-empty.js");
|
|
/* harmony import */ var _ui_toast_toast__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ui/toast/toast */ "../assets/js/app/components/ui/toast/toast.js");
|
|
/* harmony import */ var _ui_toast_toast_icon__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./ui/toast/toast-icon */ "../assets/js/app/components/ui/toast/toast-icon.js");
|
|
/* harmony import */ var _ui_toast_toast_title__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./ui/toast/toast-title */ "../assets/js/app/components/ui/toast/toast-title.js");
|
|
/* harmony import */ var _ui_toast_toast_description__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./ui/toast/toast-description */ "../assets/js/app/components/ui/toast/toast-description.js");
|
|
/* harmony import */ var _ui_toast_toast_close__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./ui/toast/toast-close */ "../assets/js/app/components/ui/toast/toast-close.js");
|
|
/* harmony import */ var _hooks_use_stoppable_effect__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../hooks/use-stoppable-effect */ "../assets/js/app/hooks/use-stoppable-effect.js");
|
|
/* harmony import */ var _hooks_use_viewable_notes__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../hooks/use-viewable-notes */ "../assets/js/app/hooks/use-viewable-notes.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function PanelBodyCurrentRoute(props) {
|
|
var _useNotesConfig = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_5__["default"])(),
|
|
route = _useNotesConfig.route,
|
|
_useActiveThread = (0,_hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_4__["default"])(),
|
|
activeThread = _useActiveThread.activeThread,
|
|
isThreadActive = _useActiveThread.isThreadActive,
|
|
setActive = _useActiveThread.setActive,
|
|
clearActive = _useActiveThread.clearActive,
|
|
_useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
|
|
_useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState, 2),
|
|
isToastOpen = _useState2[0],
|
|
setIsToastOpen = _useState2[1],
|
|
_useViewableNotes = (0,_hooks_use_viewable_notes__WEBPACK_IMPORTED_MODULE_14__["default"])(props.notes),
|
|
_useViewableNotes2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useViewableNotes, 2),
|
|
viewableNotes = _useViewableNotes2[0],
|
|
nonViewableNotes = _useViewableNotes2[1];
|
|
|
|
// Clear the active thread if it isn't viewable.
|
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
var _ref = (activeThread === null || activeThread === void 0 ? void 0 : activeThread.data) || {},
|
|
noteId = _ref.noteId;
|
|
if (noteId) {
|
|
var isActiveNoteViewable = !!viewableNotes.find(function (note) {
|
|
return note.id === noteId && note.isThread();
|
|
});
|
|
if (!isActiveNoteViewable) {
|
|
clearActive(noteId);
|
|
}
|
|
}
|
|
}, [viewableNotes, activeThread]);
|
|
|
|
// Show toast only once, when there are some non-viewable notes on the page.
|
|
(0,_hooks_use_stoppable_effect__WEBPACK_IMPORTED_MODULE_13__["default"])(function (stop) {
|
|
var shouldShowToast = nonViewableNotes.length > 0;
|
|
if (shouldShowToast) {
|
|
setIsToastOpen(true);
|
|
stop();
|
|
}
|
|
}, [nonViewableNotes]);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, !viewableNotes.length ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_panel_empty__WEBPACK_IMPORTED_MODULE_7__["default"], null) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_panel_page_title__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
count: viewableNotes.length
|
|
}, route.title), viewableNotes.map(function (note) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_panel_note_item__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
key: note.id,
|
|
note: note,
|
|
isActive: isThreadActive(note.id),
|
|
onClick: function onClick() {
|
|
return setActive({
|
|
type: _hooks_use_active_thread__WEBPACK_IMPORTED_MODULE_4__.THREAD,
|
|
data: {
|
|
noteId: note.id
|
|
}
|
|
});
|
|
}
|
|
});
|
|
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_toast_toast__WEBPACK_IMPORTED_MODULE_8__["default"], {
|
|
open: isToastOpen,
|
|
onOpenChange: setIsToastOpen,
|
|
variant: "info"
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_toast_toast_icon__WEBPACK_IMPORTED_MODULE_9__["default"], {
|
|
className: "eicon-info-circle"
|
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_toast_toast_title__WEBPACK_IMPORTED_MODULE_10__["default"], null, __('Some notes are not shown.', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_toast_toast_description__WEBPACK_IMPORTED_MODULE_11__["default"], null, __('This page contains notes on elements that are still in draft mode.', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_toast_toast_close__WEBPACK_IMPORTED_MODULE_12__["default"], null)));
|
|
}
|
|
PanelBodyCurrentRoute.propTypes = {
|
|
notes: PropTypes.arrayOf(PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_6__["default"])).isRequired
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/panel-body-summary.js":
|
|
/*!*********************************************************!*\
|
|
!*** ../assets/js/app/components/panel-body-summary.js ***!
|
|
\*********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ PanelBodySummary)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _panel_page_title__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./panel-page-title */ "../assets/js/app/components/panel-page-title.js");
|
|
/* harmony import */ var _models_note_summary__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../models/note-summary */ "../assets/js/app/models/note-summary.js");
|
|
/* harmony import */ var _ui_icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ui/icon */ "../assets/js/app/components/ui/icon.js");
|
|
/* harmony import */ var _ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ui/tooltip/tooltip */ "../assets/js/app/components/ui/tooltip/tooltip.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../hooks/use-notes-config */ "../assets/js/app/hooks/use-notes-config.js");
|
|
/* harmony import */ var _panel_empty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./panel-empty */ "../assets/js/app/components/panel-empty.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var StyledLink = styled_components__WEBPACK_IMPORTED_MODULE_8__["default"].a(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tposition: absolute !important;\n\tfont-size: 14px !important;\n\tinset-inline-end: 14px !important;\n\ttop: 50% !important;\n\tmargin-top: -.5em !important;\n\tcolor: #a4afb7 !important;\n"])));
|
|
function PanelBodySummary(props) {
|
|
var _useNotesConfig = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_6__["default"])(),
|
|
currentRouteURL = _useNotesConfig.route.url;
|
|
if (!props.notesSummary.length) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_panel_empty__WEBPACK_IMPORTED_MODULE_7__["default"], null);
|
|
}
|
|
return props.notesSummary.map(function (noteSummary) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_panel_page_title__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
count: noteSummary.notesCount,
|
|
key: noteSummary.url
|
|
}, noteSummary.title, noteSummary.url !== currentRouteURL && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"].Trigger, {
|
|
asChild: true
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledLink, {
|
|
href: "".concat(noteSummary.fullURL, "#e:run:notes/open"),
|
|
rel: "noopener noreferrer",
|
|
target: "_blank",
|
|
className: "elementor-clickable"
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_icon__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
|
className: "eicon-editor-external-link"
|
|
}))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"].Content, null, __('Open page in a new tab', 'elementor-pro'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"].Arrow, null))));
|
|
});
|
|
}
|
|
PanelBodySummary.propTypes = {
|
|
notesSummary: PropTypes.arrayOf(PropTypes.instanceOf(_models_note_summary__WEBPACK_IMPORTED_MODULE_3__["default"])).isRequired
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/panel-close-button.js":
|
|
/*!*********************************************************!*\
|
|
!*** ../assets/js/app/components/panel-close-button.js ***!
|
|
\*********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ PanelCloseButton)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ui/tooltip/tooltip */ "../assets/js/app/components/ui/tooltip/tooltip.js");
|
|
/* harmony import */ var _ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ui/icon-button/icon-button */ "../assets/js/app/components/ui/icon-button/icon-button.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
|
|
|
|
|
|
function PanelCloseButton() {
|
|
var handleClick = function handleClick() {
|
|
return window.top.$e.run('notes/close');
|
|
};
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_1__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_1__["default"].Trigger, {
|
|
asChild: true
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
name: "eicon-editor-close",
|
|
onClick: handleClick
|
|
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_1__["default"].Content, null, __('Close notes mode', 'elementor-pro'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_1__["default"].Arrow, null)));
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/panel-empty.js":
|
|
/*!**************************************************!*\
|
|
!*** ../assets/js/app/components/panel-empty.js ***!
|
|
\**************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ PanelEmpty)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _ui_div_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ui/div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
/* harmony import */ var _ui_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ui/icon */ "../assets/js/app/components/ui/icon.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
|
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
|
|
|
|
|
|
|
|
var Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])(_ui_div_base__WEBPACK_IMPORTED_MODULE_2__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tdisplay: flex !important;\n\talign-items: center !important;\n\tjustify-content: center !important;\n\theight: 100% !important;\n\twidth: 100% !important;\n\ttext-align: center !important;\n\tpadding: 13px 20px 43px 20px !important;\n"])));
|
|
var IconContainer = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])(_ui_div_base__WEBPACK_IMPORTED_MODULE_2__["default"])(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tfont-size: 30px !important;\n\tcolor: #a4afb6 !important;\n\tmargin: 0 0 20px 0 !important;\n"])));
|
|
var Heading = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].h4(_templateObject3 || (_templateObject3 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tall: revert;\n\n\tfont-family: Roboto, sans-serif !important;\n\tfont-size: 16px !important;\n\tfont-weight: 700 !important;\n\ttext-transform: none !important;\n\tfont-style: normal !important;\n\ttext-decoration: none !important;\n\tline-height: 1.4 !important;\n\tletter-spacing: normal !important;\n\tword-spacing: normal !important;\n\tcolor: #6d7882 !important;\n\tmargin: 0 0 12px 0 !important;\n \tpadding: 0 15px !important;\n\n\t&::before, &::after {\n\t\tdisplay: none;\n\t}\n"])));
|
|
var Text = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].p(_templateObject4 || (_templateObject4 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tall: revert;\n\n\tfont-family: Roboto, sans-serif !important;\n\tfont-size: 11px !important;\n\tfont-weight: normal !important;\n\ttext-transform: none !important;\n\tfont-style: normal !important;\n\ttext-decoration: none !important;\n\tline-height: 1.5 !important;\n\tletter-spacing: normal !important;\n\tword-spacing: normal !important;\n\tmargin: 0 !important;\n\tcolor: #6d7882 !important;\n"])));
|
|
var Link = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].a(_templateObject5 || (_templateObject5 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tall: revert;\n\n\tdisplay: inline-flex !important;\n\tjustify-content: center !important;\n\talign-item: center !important;\n\tfont-family: Roboto, sans-serif !important;\n\tfont-size: 12px !important;\n\tfont-weight: 500 !important;\n\ttext-transform: none !important;\n\tfont-style: normal !important;\n\ttext-decoration: none !important;\n\tline-height: 1.4 !important;\n\tletter-spacing: normal !important;\n\tword-spacing: normal !important;\n\tmargin: 42px 0 0 0 !important;\n\tcolor: #6d7882 !important;\n\n\t> i {\n\t\tcolor: #a4afb7 !important;\n\t\tfont-size: 18px !important;\n\t\tmargin-inline-start: 4px !important;\n\t}\n\n\t&:hover {\n\t\ti::before {\n\t\t\tcolor: #58d0f5;\n\t\t\tcontent: '\\e926'; // eicon-info-circle\n\t\t}\n\t}\n"], ["\n\tall: revert;\n\n\tdisplay: inline-flex !important;\n\tjustify-content: center !important;\n\talign-item: center !important;\n\tfont-family: Roboto, sans-serif !important;\n\tfont-size: 12px !important;\n\tfont-weight: 500 !important;\n\ttext-transform: none !important;\n\tfont-style: normal !important;\n\ttext-decoration: none !important;\n\tline-height: 1.4 !important;\n\tletter-spacing: normal !important;\n\tword-spacing: normal !important;\n\tmargin: 42px 0 0 0 !important;\n\tcolor: #6d7882 !important;\n\n\t> i {\n\t\tcolor: #a4afb7 !important;\n\t\tfont-size: 18px !important;\n\t\tmargin-inline-start: 4px !important;\n\t}\n\n\t&:hover {\n\t\ti::before {\n\t\t\tcolor: #58d0f5;\n\t\t\tcontent: '\\\\e926'; // eicon-info-circle\n\t\t}\n\t}\n"])));
|
|
function PanelEmpty() {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Container, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(IconContainer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_icon__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
className: "eicon-commenting-o"
|
|
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Heading, null, __('Share your thoughts with a Note', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Text, null, __('Select an element on the page to leave a comment, ask a question, etc.', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Link, {
|
|
href: "https://go.elementor.com/app-notes/",
|
|
target: "_blank"
|
|
}, __('Learn More', 'elementor-pro'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_icon__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
className: "eicon-info"
|
|
}))));
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/panel-error.js":
|
|
/*!**************************************************!*\
|
|
!*** ../assets/js/app/components/panel-error.js ***!
|
|
\**************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ PanelError)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _ui_div_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ui/div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
|
|
var _templateObject, _templateObject2;
|
|
|
|
|
|
|
|
var Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__["default"])(_ui_div_base__WEBPACK_IMPORTED_MODULE_2__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n height: 100% !important;\n width: 100% !important;\n text-align: center !important;\n padding: 13px 13px 43px 13px !important;\n"])));
|
|
var Text = styled_components__WEBPACK_IMPORTED_MODULE_3__["default"].p(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n all: revert;\n\n font-family: Roboto, sans-serif !important;\n font-size: 12px !important;\n font-weight: ", " !important;\n text-transform: none !important;\n font-style: normal !important;\n text-decoration: none !important;\n line-height: normal !important;\n letter-spacing: normal !important;\n word-spacing: normal !important;\n margin: 0 !important;\n color: #6d7882 !important;\n"])), function (_ref) {
|
|
var weight = _ref.weight;
|
|
return weight || 400;
|
|
});
|
|
function PanelError() {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Container, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Text, {
|
|
weight: 700
|
|
}, __('Could not load the panel.', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Text, null, __('Please refresh the page and try again.', 'elementor-pro'))));
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/panel-fetch-icon.js":
|
|
/*!*******************************************************!*\
|
|
!*** ../assets/js/app/components/panel-fetch-icon.js ***!
|
|
\*******************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ PanelFetchIcon)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ui/icon-button/icon-button */ "../assets/js/app/components/ui/icon-button/icon-button.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ui/tooltip/tooltip */ "../assets/js/app/components/ui/tooltip/tooltip.js");
|
|
/* harmony import */ var _hooks_use_watch__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks/use-watch */ "../assets/js/app/hooks/use-watch.js");
|
|
/* harmony import */ var _styles_animation__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../styles/animation */ "../assets/js/app/styles/animation.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
var _templateObject;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var StyledIconButton = (0,styled_components__WEBPACK_IMPORTED_MODULE_7__["default"])(_ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_3__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n animation-duration: 1.3s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n\n &[data-state=\"loading\"] {\n\tanimation-name: ", ";\n }\n\n &[data-state=\"none\"] {\n\tanimation-name: none;\n }\n"])), _styles_animation__WEBPACK_IMPORTED_MODULE_6__.spin);
|
|
function PanelFetchIcon(props) {
|
|
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(props.isFetching),
|
|
_useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState, 2),
|
|
loading = _useState2[0],
|
|
setLoading = _useState2[1];
|
|
(0,_hooks_use_watch__WEBPACK_IMPORTED_MODULE_5__["default"])(function () {
|
|
if (props.isFetching) {
|
|
setLoading(true);
|
|
}
|
|
}, [props.isFetching]);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"].Trigger, {
|
|
asChild: true
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledIconButton, {
|
|
name: "eicon-sync",
|
|
"data-state": loading ? 'loading' : 'none',
|
|
onClick: function onClick() {
|
|
window.top.$e.run('notes/refresh-panel');
|
|
props.refetch();
|
|
},
|
|
onAnimationIteration: function onAnimationIteration() {
|
|
// Make sure to finish spin only when the animation ends.
|
|
if (!props.isFetching) {
|
|
setLoading(false);
|
|
}
|
|
}
|
|
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"].Content, null, __('Refresh', 'elementor-pro'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"].Arrow, null)));
|
|
}
|
|
PanelFetchIcon.propTypes = {
|
|
isFetching: PropTypes.bool.isRequired,
|
|
refetch: PropTypes.func.isRequired
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/panel-note-item.js":
|
|
/*!******************************************************!*\
|
|
!*** ../assets/js/app/components/panel-note-item.js ***!
|
|
\******************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ PanelNoteItem)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _models_note__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../models/note */ "../assets/js/app/models/note.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _ui_marker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ui/marker */ "../assets/js/app/components/ui/marker.js");
|
|
/* harmony import */ var _hooks_use_scroll_into_view__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/use-scroll-into-view */ "../assets/js/app/hooks/use-scroll-into-view.js");
|
|
/* harmony import */ var _shared_note_content__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./shared/note-content */ "../assets/js/app/components/shared/note-content/index.js");
|
|
/* harmony import */ var _ui_div_base__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ui/div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
/* harmony import */ var _ui_button_base__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ui/button-base */ "../assets/js/app/components/ui/button-base.js");
|
|
/* harmony import */ var _hooks_use_reverse_html_entities__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../hooks/use-reverse-html-entities */ "../assets/js/app/hooks/use-reverse-html-entities.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_9__["default"])(_ui_button_base__WEBPACK_IMPORTED_MODULE_7__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\t--spacing: 12px;\n\t--background: #fafbfb;\n\t--color: #6d7882;\n\t--padding: var( --spacing );\n\t--font-family: Roboto, sans-serif;\n\t--font-size: 12px;\n\t--font-weight: 400;\n\t--width: 100%;\n\t--display: flex;\n\n\tgap: var( --spacing );\n\tmargin: 1px 0 0 0 !important;\n\tborder: none;\n\ttext-align: inherit;\n\tborder-radius: 0;\n\ttransition: 0.2s all;\n\tline-height: 1.5;\n\tcursor: pointer;\n\twhite-space: normal;\n\n\t&:hover,\n\t&:focus {\n\t\t--background: #f1f1f1;\n\t\t--color: #6d7882;\n\t}\n\n\t", "\n"])), function (_ref) {
|
|
var isActive = _ref.isActive;
|
|
return isActive && (0,styled_components__WEBPACK_IMPORTED_MODULE_9__.css)(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\t\t\t--background: #e8f4fb;\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\t--background: #e0f2fc;\n\t\t\t}\n\t\t"])));
|
|
});
|
|
var IconCol = (0,styled_components__WEBPACK_IMPORTED_MODULE_9__["default"])(_ui_div_base__WEBPACK_IMPORTED_MODULE_6__["default"])(_templateObject3 || (_templateObject3 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tflex-shrink: 0;\n\n\t&::before,\n\t&::after {\n\t\tdisplay: none !important;\n\t}\n"])));
|
|
var ContentCol = (0,styled_components__WEBPACK_IMPORTED_MODULE_9__["default"])(_ui_div_base__WEBPACK_IMPORTED_MODULE_6__["default"])(_templateObject4 || (_templateObject4 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tflex-grow: 1;\n\n\t&::before,\n\t&::after {\n\t\tdisplay: none !important;\n\t}\n"])));
|
|
var Title = styled_components__WEBPACK_IMPORTED_MODULE_9__["default"].p(_templateObject5 || (_templateObject5 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tall: revert;\n\n\tmargin: 0 0 8px 0 !important;\n\tfont-family: Roboto, sans-serif !important;\n\tfont-size: 10px !important;\n\tfont-weight: 500 !important;\n\ttext-transform: none !important;\n\tfont-style: normal !important;\n\ttext-decoration: none !important;\n\tline-height: normal !important;\n\tletter-spacing: normal !important;\n\tword-spacing: normal !important;\n"])));
|
|
var Date = styled_components__WEBPACK_IMPORTED_MODULE_9__["default"].span(_templateObject6 || (_templateObject6 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tcolor: #a4afb6;\n"])));
|
|
var RepliesCount = styled_components__WEBPACK_IMPORTED_MODULE_9__["default"].p(_templateObject7 || (_templateObject7 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tall: revert;\n\n\tmargin: 4px 0 0 0 !important;\n\tcolor: #a4afb6 !important;\n\tfont-family: Roboto, sans-serif !important;\n\tfont-size: 10px !important;\n\tfont-weight: normal !important;\n\ttext-transform: none !important;\n\tfont-style: normal !important;\n\ttext-decoration: none !important;\n\tline-height: normal !important;\n\tletter-spacing: normal !important;\n\tword-spacing: normal !important;\n"])));
|
|
var NoteContent = (0,styled_components__WEBPACK_IMPORTED_MODULE_9__["default"])(_shared_note_content__WEBPACK_IMPORTED_MODULE_5__["default"])(_templateObject8 || (_templateObject8 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n --line-height: 1.5;\n --max-rows: 6;\n\n display: -webkit-box !important;\n -webkit-box-orient: vertical !important;\n -webkit-line-clamp: var( --max-rows ) !important;\n max-height: calc( ( 1em * var( --line-height ) * var( --max-rows ) ) ) !important;\n overflow: hidden !important;\n\n & > p {\n\tmargin: 0 !important; // To make the ellipsis look better on multi-paragraph content.\n }\n"])));
|
|
function PanelNoteItem(props) {
|
|
var ref = (0,_hooks_use_scroll_into_view__WEBPACK_IMPORTED_MODULE_4__["default"])(props.isActive, {
|
|
block: 'nearest',
|
|
inline: 'nearest'
|
|
}),
|
|
noteContent = (0,_hooks_use_reverse_html_entities__WEBPACK_IMPORTED_MODULE_8__.useReverseHtmlEntities)(props.note.content);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Container, {
|
|
isActive: props.isActive,
|
|
onClick: props.onClick,
|
|
ref: ref
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(IconCol, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ui_marker__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
variant: props.isActive || props.note.isUnreadThread() ? 'solid' : 'ghost',
|
|
size: 'sm',
|
|
muted: props.note.isResolved
|
|
}, props.note.id)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ContentCol, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Title, null, props.note.author.name, " ", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Date, null, props.note.getFormattedCreatedAt())), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(NoteContent, {
|
|
disableInteractions: true
|
|
}, noteContent), props.note.repliesCount > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RepliesCount, null, __('%s replies', 'elementor-pro').replace('%s', props.note.repliesCount))));
|
|
}
|
|
PanelNoteItem.propTypes = {
|
|
note: PropTypes.instanceOf(_models_note__WEBPACK_IMPORTED_MODULE_2__["default"]).isRequired,
|
|
onClick: PropTypes.func,
|
|
isActive: PropTypes.bool
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/panel-page-title.js":
|
|
/*!*******************************************************!*\
|
|
!*** ../assets/js/app/components/panel-page-title.js ***!
|
|
\*******************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ PanelPageTitle)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject, _templateObject2;
|
|
|
|
|
|
var StyledPanelPageTitle = styled_components__WEBPACK_IMPORTED_MODULE_2__["default"].h4(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n all: revert;\n\n padding: 10px 12px !important;\n background: #fff !important;\n font-family: Roboto, sans-serif !important;\n font-size: 12px !important;\n font-weight: 600 !important;\n color: #6d7882 !important;\n margin: 1px 0 0 0 !important;\n line-height: 1.2 !important;\n text-transform: none !important;\n font-style: normal !important;\n text-decoration: none !important;\n letter-spacing: normal !important;\n word-spacing: normal !important;\n position: relative !important;\n\n &::before, &::after {\n display: none !important;\n }\n"])));
|
|
var StyledCount = styled_components__WEBPACK_IMPORTED_MODULE_2__["default"].span(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n color: #a4afb6;\n font-size: 11px;\n"])));
|
|
function PanelPageTitle(props) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledPanelPageTitle, null, props.children, ' ', props.count && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledCount, null, "(", props.count, ")"));
|
|
}
|
|
PanelPageTitle.propTypes = {
|
|
children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
|
|
count: PropTypes.number
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/panel-popover.js":
|
|
/*!****************************************************!*\
|
|
!*** ../assets/js/app/components/panel-popover.js ***!
|
|
\****************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ PanelPopover)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _ui_checkbox_checkbox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ui/checkbox/checkbox */ "../assets/js/app/components/ui/checkbox/checkbox.js");
|
|
/* harmony import */ var _ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ui/icon-button/icon-button */ "../assets/js/app/components/ui/icon-button/icon-button.js");
|
|
/* harmony import */ var _ui_label_label__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ui/label/label */ "../assets/js/app/components/ui/label/label.js");
|
|
/* harmony import */ var _ui_popover_popover__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ui/popover/popover */ "../assets/js/app/components/ui/popover/popover.js");
|
|
/* harmony import */ var _ui_radio_radio__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ui/radio/radio */ "../assets/js/app/components/ui/radio/radio.js");
|
|
/* harmony import */ var _ui_separator_separator__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ui/separator/separator */ "../assets/js/app/components/ui/separator/separator.js");
|
|
/* harmony import */ var _hooks_use_notes_filters__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../hooks/use-notes-filters */ "../assets/js/app/hooks/use-notes-filters.js");
|
|
/* harmony import */ var _hooks_use_notes_or_notes_summary__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../hooks/use-notes-or-notes-summary */ "../assets/js/app/hooks/use-notes-or-notes-summary.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../hooks/use-notes-config */ "../assets/js/app/hooks/use-notes-config.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
var _templateObject;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var PopoverContent = (0,styled_components__WEBPACK_IMPORTED_MODULE_12__["default"])(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_6__["default"].Content)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n padding: 16px 16px 10px !important;\n"])));
|
|
function PanelPopover(props) {
|
|
var _useNotesFilters = (0,_hooks_use_notes_filters__WEBPACK_IMPORTED_MODULE_9__["default"])(),
|
|
_useNotesFilters2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useNotesFilters, 2),
|
|
filters = _useNotesFilters2[0],
|
|
setFilters = _useNotesFilters2[1];
|
|
var _useNotesConfig = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_11__["default"])(),
|
|
direction = _useNotesConfig.direction;
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
|
onOpenChange: function onOpenChange(isOpen) {
|
|
if (isOpen) {
|
|
window.top.$e.run('notes/open-panel-filters');
|
|
} else {
|
|
window.top.$e.run('notes/close-panel-filters');
|
|
}
|
|
}
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_6__["default"].Trigger, {
|
|
asChild: true
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
|
name: "eicon-ellipsis-h",
|
|
size: "sm"
|
|
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(PopoverContent, {
|
|
align: 'rtl' === direction ? 'end' : 'start',
|
|
sideOffset: 5
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_radio_radio__WEBPACK_IMPORTED_MODULE_7__["default"].Group, {
|
|
value: props.view,
|
|
onValueChange: props.setView,
|
|
dir: direction
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_label_label__WEBPACK_IMPORTED_MODULE_5__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_radio_radio__WEBPACK_IMPORTED_MODULE_7__["default"], {
|
|
value: _hooks_use_notes_or_notes_summary__WEBPACK_IMPORTED_MODULE_10__.VIEW_NOTES
|
|
}), __('Current page', 'elementor-pro'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_label_label__WEBPACK_IMPORTED_MODULE_5__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_radio_radio__WEBPACK_IMPORTED_MODULE_7__["default"], {
|
|
value: _hooks_use_notes_or_notes_summary__WEBPACK_IMPORTED_MODULE_10__.VIEW_NOTES_SUMMARY
|
|
}), __('All site', 'elementor-pro')))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_separator_separator__WEBPACK_IMPORTED_MODULE_8__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_radio_radio__WEBPACK_IMPORTED_MODULE_7__["default"].Group, {
|
|
value: filters.only_relevant ? '1' : '0',
|
|
onValueChange: function onValueChange(value) {
|
|
return setFilters({
|
|
only_relevant: '1' === value ? true : null
|
|
});
|
|
},
|
|
dir: direction
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_label_label__WEBPACK_IMPORTED_MODULE_5__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_radio_radio__WEBPACK_IMPORTED_MODULE_7__["default"], {
|
|
value: "0"
|
|
}), __('All notes', 'elementor-pro'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_label_label__WEBPACK_IMPORTED_MODULE_5__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_radio_radio__WEBPACK_IMPORTED_MODULE_7__["default"], {
|
|
value: "1"
|
|
}), __('Only yours', 'elementor-pro')))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_separator_separator__WEBPACK_IMPORTED_MODULE_8__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_label_label__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
htmlFor: "notes-filter-show-resolved"
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_checkbox_checkbox__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
id: "notes-filter-show-resolved",
|
|
checked: null === filters.is_resolved,
|
|
onCheckedChange: function onCheckedChange(value) {
|
|
return setFilters({
|
|
is_resolved: value ? null : false
|
|
});
|
|
}
|
|
}), __('Show resolved', 'elementor-pro'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_label_label__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
htmlFor: "notes-filter-only-unread"
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_checkbox_checkbox__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
id: "notes-filter-only-unread",
|
|
checked: filters.only_unread,
|
|
onCheckedChange: function onCheckedChange(value) {
|
|
return setFilters({
|
|
only_unread: value ? true : null
|
|
});
|
|
}
|
|
}), __('Show unread only', 'elementor-pro'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_6__["default"].Arrow, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_6__["default"].CloseButton, null)));
|
|
}
|
|
PanelPopover.propTypes = {
|
|
view: PropTypes.string.isRequired,
|
|
setView: PropTypes.func.isRequired
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/panel.js":
|
|
/*!********************************************!*\
|
|
!*** ../assets/js/app/components/panel.js ***!
|
|
\********************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Panel)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _panel_body_current_route__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./panel-body-current-route */ "../assets/js/app/components/panel-body-current-route.js");
|
|
/* harmony import */ var _panel_body_summary__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./panel-body-summary */ "../assets/js/app/components/panel-body-summary.js");
|
|
/* harmony import */ var _panel_close_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./panel-close-button */ "../assets/js/app/components/panel-close-button.js");
|
|
/* harmony import */ var _panel_error__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./panel-error */ "../assets/js/app/components/panel-error.js");
|
|
/* harmony import */ var _panel_popover__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./panel-popover */ "../assets/js/app/components/panel-popover.js");
|
|
/* harmony import */ var _ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ui/panel/panel */ "../assets/js/app/components/ui/panel/panel.js");
|
|
/* harmony import */ var _hooks_use_notes_or_notes_summary__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../hooks/use-notes-or-notes-summary */ "../assets/js/app/hooks/use-notes-or-notes-summary.js");
|
|
/* harmony import */ var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../hooks/use-notes-config */ "../assets/js/app/hooks/use-notes-config.js");
|
|
/* harmony import */ var _panel_fetch_icon__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./panel-fetch-icon */ "../assets/js/app/components/panel-fetch-icon.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function Panel() {
|
|
var _useNotesConfig = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_8__["default"])(),
|
|
direction = _useNotesConfig.direction,
|
|
_useNotesOrNotesSumma = (0,_hooks_use_notes_or_notes_summary__WEBPACK_IMPORTED_MODULE_7__["default"])(),
|
|
view = _useNotesOrNotesSumma.view,
|
|
setView = _useNotesOrNotesSumma.setView,
|
|
_useNotesOrNotesSumma2 = _useNotesOrNotesSumma.data,
|
|
data = _useNotesOrNotesSumma2 === void 0 ? [] : _useNotesOrNotesSumma2,
|
|
refetch = _useNotesOrNotesSumma.refetch,
|
|
isSuccess = _useNotesOrNotesSumma.isSuccess,
|
|
isLoading = _useNotesOrNotesSumma.isLoading,
|
|
isFetching = _useNotesOrNotesSumma.isFetching,
|
|
isError = _useNotesOrNotesSumma.isError,
|
|
isNotesView = _useNotesOrNotesSumma.isNotesView,
|
|
isNotesSummaryView = _useNotesOrNotesSumma.isNotesSummaryView;
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
|
isFloating: true,
|
|
defaultPosition: {
|
|
x: 'rtl' === direction ? -50 : 50,
|
|
y: 50
|
|
},
|
|
defaultSize: {
|
|
width: 240,
|
|
height: 400
|
|
}
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__["default"].Header, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__["default"].HeaderSideCol, {
|
|
align: "start"
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_popover__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
view: view,
|
|
setView: setView
|
|
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__["default"].HeaderTitle, null, __('Notes Panel', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__["default"].HeaderSideCol, {
|
|
align: "end"
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_fetch_icon__WEBPACK_IMPORTED_MODULE_9__["default"], {
|
|
isFetching: isFetching,
|
|
refetch: refetch
|
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_close_button__WEBPACK_IMPORTED_MODULE_3__["default"], null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__["default"].Body, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__["default"].Loading, {
|
|
show: isLoading
|
|
}), isError && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_error__WEBPACK_IMPORTED_MODULE_4__["default"], null), isSuccess && isNotesView && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_body_current_route__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
|
notes: data
|
|
}), isSuccess && isNotesSummaryView && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_panel_body_summary__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
notesSummary: data
|
|
})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ui_panel_panel__WEBPACK_IMPORTED_MODULE_6__["default"].Footer, null));
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/shared/note-content/index.js":
|
|
/*!****************************************************************!*\
|
|
!*** ../assets/js/app/components/shared/note-content/index.js ***!
|
|
\****************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _note_content__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./note-content */ "../assets/js/app/components/shared/note-content/note-content.js");
|
|
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_note_content__WEBPACK_IMPORTED_MODULE_0__["default"]);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/shared/note-content/note-content-email.js":
|
|
/*!*****************************************************************************!*\
|
|
!*** ../assets/js/app/components/shared/note-content/note-content-email.js ***!
|
|
\*****************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ NoteContentEmail)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _note_content_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./note-content-link */ "../assets/js/app/components/shared/note-content/note-content-link.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
function NoteContentEmail(props) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_note_content_link__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
|
href: "mailto:".concat(props.token.value)
|
|
}, props.children);
|
|
}
|
|
NoteContentEmail.propTypes = {
|
|
children: PropTypes.node.isRequired,
|
|
token: PropTypes.shape({
|
|
value: PropTypes.string
|
|
}).isRequired
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/shared/note-content/note-content-link.js":
|
|
/*!****************************************************************************!*\
|
|
!*** ../assets/js/app/components/shared/note-content/note-content-link.js ***!
|
|
\****************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
|
|
var _templateObject;
|
|
|
|
var NoteContentLink = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].a(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n all: revert;\n\n --color-editor-info: #58d0f5;\n --color-editor-info-dark: #10bcf2;\n\n font-family: Roboto, sans-serif !important;\n font-size: 1em !important;\n font-weight: normal !important;\n text-transform: none !important;\n font-style: normal !important;\n text-decoration: none !important;\n line-height: normal !important;\n letter-spacing: normal !important;\n word-spacing: normal !important;\n cursor: pointer;\n\n\n &,\n &:visited {\n color: var( --color-editor-info ) !important;\n }\n\n &:hover,\n &:focus {\n color: var( --color-editor-info-dark ) !important;\n }\n"])));
|
|
NoteContentLink.defaultProps = {
|
|
target: '_blank',
|
|
rel: 'noopener noreferrer'
|
|
};
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NoteContentLink);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/shared/note-content/note-content-mention.js":
|
|
/*!*******************************************************************************!*\
|
|
!*** ../assets/js/app/components/shared/note-content/note-content-mention.js ***!
|
|
\*******************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
|
|
var _templateObject;
|
|
|
|
var NoteContentMention = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].span(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n color: #58d0f5;\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NoteContentMention);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/shared/note-content/note-content-paragraph.js":
|
|
/*!*********************************************************************************!*\
|
|
!*** ../assets/js/app/components/shared/note-content/note-content-paragraph.js ***!
|
|
\*********************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
|
|
var _templateObject;
|
|
|
|
var NoteContentParagraph = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].p(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n --color-gray-600: #6d7882;\n\n font-family: Roboto, sans-serif !important;\n font-size: 12px !important;\n font-weight: 400 !important;\n text-transform: none !important;\n font-style: normal !important;\n text-decoration: none !important;\n line-height: 1.5 !important;\n letter-spacing: normal !important;\n word-spacing: normal !important;\n color: var(--color-gray-600);\n margin: 0 0 .5em 0 !important;\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NoteContentParagraph);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/shared/note-content/note-content-token-renderer.js":
|
|
/*!**************************************************************************************!*\
|
|
!*** ../assets/js/app/components/shared/note-content/note-content-token-renderer.js ***!
|
|
\**************************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ NoteContentTokenRenderer)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _note_content_paragraph__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./note-content-paragraph */ "../assets/js/app/components/shared/note-content/note-content-paragraph.js");
|
|
/* harmony import */ var _note_content_mention__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./note-content-mention */ "../assets/js/app/components/shared/note-content/note-content-mention.js");
|
|
/* harmony import */ var _note_content_url__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./note-content-url */ "../assets/js/app/components/shared/note-content/note-content-url.js");
|
|
/* harmony import */ var _note_content_email__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./note-content-email */ "../assets/js/app/components/shared/note-content/note-content-email.js");
|
|
/* harmony import */ var _note_content_wow__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./note-content-wow */ "../assets/js/app/components/shared/note-content/note-content-wow.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var componentMap = {
|
|
Paragraph: _note_content_paragraph__WEBPACK_IMPORTED_MODULE_1__["default"],
|
|
Mention: _note_content_mention__WEBPACK_IMPORTED_MODULE_2__["default"],
|
|
Url: _note_content_url__WEBPACK_IMPORTED_MODULE_3__["default"],
|
|
Email: _note_content_email__WEBPACK_IMPORTED_MODULE_4__["default"],
|
|
Wow: _note_content_wow__WEBPACK_IMPORTED_MODULE_5__["default"],
|
|
default: function _default(_ref) {
|
|
var children = _ref.children;
|
|
return children;
|
|
}
|
|
};
|
|
function NoteContentTokenRenderer(props) {
|
|
var Component = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
|
|
return componentMap[props.token.type] || componentMap.default;
|
|
}, [props.token.type]);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Component, {
|
|
token: props.token
|
|
}, Array.isArray(props.token.value) ? props.token.value.map(function (childToken, index) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(NoteContentTokenRenderer, {
|
|
token: childToken,
|
|
key: index
|
|
});
|
|
}) : props.token.value);
|
|
}
|
|
|
|
// Put the token shape outside to allow recursive.
|
|
var tokenShape = {};
|
|
tokenShape.value = PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.shape(tokenShape))]);
|
|
NoteContentTokenRenderer.propTypes = {
|
|
token: PropTypes.shape(tokenShape)
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/shared/note-content/note-content-url.js":
|
|
/*!***************************************************************************!*\
|
|
!*** ../assets/js/app/components/shared/note-content/note-content-url.js ***!
|
|
\***************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ NoteContentUrl)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _note_content_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./note-content-link */ "../assets/js/app/components/shared/note-content/note-content-link.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
function NoteContentUrl(props) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_note_content_link__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
|
href: props.token.value
|
|
}, props.children);
|
|
}
|
|
NoteContentUrl.propTypes = {
|
|
children: PropTypes.node.isRequired,
|
|
token: PropTypes.shape({
|
|
value: PropTypes.string
|
|
}).isRequired
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/shared/note-content/note-content-wow.js":
|
|
/*!***************************************************************************!*\
|
|
!*** ../assets/js/app/components/shared/note-content/note-content-wow.js ***!
|
|
\***************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ NoteContentWow)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
var _templateObject, _templateObject2, _templateObject3;
|
|
|
|
|
|
|
|
var confetti = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.keyframes)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n 0% {\n\topacity: 1;\n\tbackground-position: 40% 66%, 54% 40%, 32% 36%, 46% 38%, 38% 55%, 60% 32%, 43% 34%, 31% 35%, 53% 63%, 58% 42%, 56% 37%, 40% 50%, 46% 46%, 36% 59%, 43% 50%, 63% 70%, 44% 40%, 51% 30%, 38% 45%, 37% 62%, 46% 34%, 45% 45%, 43% 44%, 43% 53%, 64% 42%, 31% 36%, 38% 54%, 40% 34%, 64% 48%, 43% 47%, 43% 50%, 56% 40%, 35% 68%, 68% 69%, 63% 35%, 32% 61%, 67% 57%, 51% 43%, 53% 45%, 47% 40%, 33% 42%, 35% 65%, 67% 47%, 30% 44%, 67% 52%, 41% 46%, 44% 55%, 38% 40%, 39% 37%, 37% 35%;\n }\n\n 45% {\n\topacity: 1;\n\tbackground-size: var(--radius) var(--radius);\n }\n\n 100% {\n\topacity: 0;\n\tbackground-size: 0 0;\n\tbackground-position: 8% 105%, 83% 50%, 53% 74%, 44% 9%, 6% 67%, 13% 62%, 88% 47%, 60% 18%, 78% 50%, 105% 11%, 59% 22%, 47% 98%, 77% 84%, 51% 60%, 70% 10%, 91% 103%, 8% 16%, 61% 1%, -5% 52%, 75% 74%, 58% 52%, 74% 30%, 51% 55%, 13% 78%, 28% 86%, 40% 1%, 24% 38%, 58% 6%, 70% 42%, 11% 22%, 73% 59%, 10% 57%, 72% 22%, 48% 26%, 44% -7%, 72% 29%, 50% 74%, 99% 87%, 17% 36%, 4% -8%, -11% 22%, 79% 95%, 19% 60%, 30% 4%, 110% 5%, 0% 71%, 82% 56%, 9% 68%, 69% 41%, 19% 61%;\n }\n"])));
|
|
var StyledSurprise = styled_components__WEBPACK_IMPORTED_MODULE_3__["default"].span(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n display: inline-block !important;\n position: relative !important;\n isolation: isolate !important;\n box-sizing: border-box !important;\n\n &::before {\n\t--radius: 2px;\n\t--color-1: #d50000;\n\t--color-2: #c51162;\n\t--color-3: #aa00ff;\n\t--color-4: #2962ff;\n\t--color-5: #00c853;\n\t--color-6: #ffd600;\n\n\tcontent: '' !important;\n\tposition: absolute !important;\n\tinset: -25px !important;\n\tpointer-events: none !important;\n\topacity: 0;\n\tz-index: -1 !important;\n\ttransform: scale(1.5) !important;\n\tbackground-repeat: no-repeat !important;\n\tbackground-size: calc(2 * var(--radius)) calc(2 * var(--radius));\n\tbackground-image: radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-3 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-4 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-2 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-1 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-6 ) 49%,transparent 50% ), radial-gradient( circle at center, var( --color-5 ) 49%,transparent 50% ) !important;\n\n \t", "\n }\n"])), function (_ref) {
|
|
var isAnimated = _ref.isAnimated;
|
|
return isAnimated && (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(_templateObject3 || (_templateObject3 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n\t animation: ", " ease 1s forwards !important;\n \t"])), confetti);
|
|
});
|
|
function NoteContentWow(props) {
|
|
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false),
|
|
_useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState, 2),
|
|
isAnimated = _useState2[0],
|
|
setIsAnimated = _useState2[1];
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledSurprise, {
|
|
isAnimated: isAnimated,
|
|
onMouseEnter: function onMouseEnter() {
|
|
return setIsAnimated(true);
|
|
},
|
|
onAnimationEnd: function onAnimationEnd() {
|
|
return setIsAnimated(false);
|
|
}
|
|
}, props.children);
|
|
}
|
|
NoteContentWow.propTypes = {
|
|
children: PropTypes.node.isRequired,
|
|
token: PropTypes.shape({
|
|
value: PropTypes.string
|
|
}).isRequired
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/shared/note-content/note-content.js":
|
|
/*!***********************************************************************!*\
|
|
!*** ../assets/js/app/components/shared/note-content/note-content.js ***!
|
|
\***********************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ NoteContent)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var _note_content_token_renderer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./note-content-token-renderer */ "../assets/js/app/components/shared/note-content/note-content-token-renderer.js");
|
|
/* harmony import */ var _services_rich_text_parser__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../services/rich-text-parser */ "../assets/js/services/rich-text-parser/index.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _ui_div_base__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../ui/div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject, _templateObject2;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var richTextParser = (0,_services_rich_text_parser__WEBPACK_IMPORTED_MODULE_3__["default"])();
|
|
var Wrapper = (0,styled_components__WEBPACK_IMPORTED_MODULE_5__["default"])(_ui_div_base__WEBPACK_IMPORTED_MODULE_4__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n white-space: normal;\n word-break: break-word;\n word-wrap: break-word;\n\n ", ";\n"])), function (_ref) {
|
|
var disableInteractions = _ref.disableInteractions;
|
|
return disableInteractions && (0,styled_components__WEBPACK_IMPORTED_MODULE_5__.css)(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tpointer-events: none;\n "])));
|
|
});
|
|
function NoteContent(props) {
|
|
var contentToken = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
|
|
return richTextParser.parse(props.children);
|
|
}, [props.children]);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Wrapper, {
|
|
disableInteractions: props.disableInteractions,
|
|
className: props.className
|
|
}, contentToken && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_note_content_token_renderer__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
token: contentToken
|
|
}));
|
|
}
|
|
NoteContent.propTypes = {
|
|
children: PropTypes.string.isRequired,
|
|
disableInteractions: PropTypes.bool,
|
|
className: PropTypes.string
|
|
};
|
|
NoteContent.defaultProps = {
|
|
disableInteractions: false
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/shared/note-form.js":
|
|
/*!*******************************************************!*\
|
|
!*** ../assets/js/app/components/shared/note-form.js ***!
|
|
\*******************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ NoteForm)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "../../../node_modules/@babel/runtime/helpers/esm/extends.js");
|
|
/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");
|
|
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "../../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/regenerator */ "../../../node_modules/@babel/runtime/regenerator/index.js");
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_5__);
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _ui_div_base__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../ui/div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
/* harmony import */ var _hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../hooks/use-forms-in-writing-mode */ "../assets/js/app/hooks/use-forms-in-writing-mode.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
|
|
|
|
var _excluded = ["onReset", "onChange", "onSubmit"];
|
|
var _templateObject, _templateObject2;
|
|
|
|
|
|
|
|
|
|
|
|
var StyledForm = styled_components__WEBPACK_IMPORTED_MODULE_8__["default"].form(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_3__["default"])(["\n all: revert;\n\n display: flex !important;\n flex-direction: column !important;\n gap: 16px !important;\n"])));
|
|
NoteForm.ButtonsContainer = (0,styled_components__WEBPACK_IMPORTED_MODULE_8__["default"])(_ui_div_base__WEBPACK_IMPORTED_MODULE_6__["default"])(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_3__["default"])(["\n display: flex !important;\n flex-direction: row-reverse !important;\n justify-content: end !important;\n gap: 8px !important;\n"])));
|
|
function NoteForm(_ref) {
|
|
var _onReset = _ref.onReset,
|
|
_onChange = _ref.onChange,
|
|
onSubmit = _ref.onSubmit,
|
|
props = (0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__["default"])(_ref, _excluded);
|
|
var _useFormsInWritingMod = (0,_hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_7__["default"])(),
|
|
isInWritingMode = _useFormsInWritingMod.isInWritingMode,
|
|
addToWritingMode = _useFormsInWritingMod.addToWritingMode,
|
|
removeFromWritingMode = _useFormsInWritingMod.removeFromWritingMode;
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(StyledForm, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, {
|
|
onReset: function onReset(e) {
|
|
removeFromWritingMode(props.id);
|
|
|
|
// Tweak to force emptying of data-value for the textarea container
|
|
var contentEl = e.currentTarget.content;
|
|
if ('undefined' !== typeof contentEl) {
|
|
var event = new Event('input', {
|
|
bubbles: true
|
|
});
|
|
contentEl.value = '';
|
|
contentEl.dispatchEvent(event);
|
|
}
|
|
_onReset === null || _onReset === void 0 ? void 0 : _onReset(e);
|
|
},
|
|
onChange: function onChange(e) {
|
|
var hasChanged = e.target.value.trim() !== e.target.defaultValue,
|
|
isCurrentFormInWritingMode = isInWritingMode(props.id);
|
|
if (hasChanged && !isCurrentFormInWritingMode) {
|
|
addToWritingMode(props.id);
|
|
}
|
|
if (!hasChanged && isCurrentFormInWritingMode) {
|
|
removeFromWritingMode(props.id);
|
|
}
|
|
_onChange === null || _onChange === void 0 ? void 0 : _onChange(e);
|
|
},
|
|
onSubmit: /*#__PURE__*/function () {
|
|
var _ref2 = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__["default"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_5___default().mark(function _callee(e) {
|
|
var form, content;
|
|
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_5___default().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
e.preventDefault();
|
|
if (isInWritingMode(props.id)) {
|
|
_context.next = 3;
|
|
break;
|
|
}
|
|
return _context.abrupt("return");
|
|
case 3:
|
|
form = e.currentTarget, content = form.content.value.trim();
|
|
_context.next = 6;
|
|
return onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e, {
|
|
form: form,
|
|
content: content
|
|
});
|
|
case 6:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function (_x) {
|
|
return _ref2.apply(this, arguments);
|
|
};
|
|
}()
|
|
}));
|
|
}
|
|
NoteForm.propTypes = {
|
|
id: PropTypes.string.isRequired,
|
|
onChange: PropTypes.func,
|
|
onReset: PropTypes.func,
|
|
onSubmit: PropTypes.func
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/shared/note-popover-content.js":
|
|
/*!******************************************************************!*\
|
|
!*** ../assets/js/app/components/shared/note-popover-content.js ***!
|
|
\******************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ NotePopoverContent)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "../../../node_modules/@babel/runtime/helpers/esm/extends.js");
|
|
/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/regenerator */ "../../../node_modules/@babel/runtime/regenerator/index.js");
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var _ui_popover_popover__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ui/popover/popover */ "../assets/js/app/components/ui/popover/popover.js");
|
|
/* harmony import */ var _hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks/use-notes-config */ "../assets/js/app/hooks/use-notes-config.js");
|
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils */ "../assets/js/app/utils.js");
|
|
/* harmony import */ var _hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../hooks/use-forms-in-writing-mode */ "../assets/js/app/hooks/use-forms-in-writing-mode.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var bounce = {
|
|
keyframes: [{
|
|
transform: 'scale(1)',
|
|
opacity: '1'
|
|
}, {
|
|
transform: 'scale(1.05)',
|
|
opacity: '0.85'
|
|
}, {
|
|
transform: 'scale(1)',
|
|
opacity: '1'
|
|
}],
|
|
options: {
|
|
easing: 'ease-in-out',
|
|
duration: 500
|
|
}
|
|
};
|
|
function NotePopoverContent(props) {
|
|
var _useNotesConfig = (0,_hooks_use_notes_config__WEBPACK_IMPORTED_MODULE_5__["default"])(),
|
|
direction = _useNotesConfig.direction,
|
|
_useFormsInWritingMod = (0,_hooks_use_forms_in_writing_mode__WEBPACK_IMPORTED_MODULE_7__["default"])(),
|
|
formsInWritingMode = _useFormsInWritingMod.formsInWritingMode,
|
|
ref = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_ui_popover_popover__WEBPACK_IMPORTED_MODULE_4__["default"].Content, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, {
|
|
align: 'rtl' === direction ? 'end' : 'start',
|
|
alignOffset: 18,
|
|
sideOffset: 15,
|
|
ref: ref,
|
|
onInteractOutside: /*#__PURE__*/function () {
|
|
var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__["default"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().mark(function _callee(e) {
|
|
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
if (!(0 === formsInWritingMode.length)) {
|
|
_context.next = 2;
|
|
break;
|
|
}
|
|
return _context.abrupt("return");
|
|
case 2:
|
|
e.preventDefault();
|
|
if (!(0 === ref.current.getAnimations().length)) {
|
|
_context.next = 7;
|
|
break;
|
|
}
|
|
_context.next = 6;
|
|
return (0,_utils__WEBPACK_IMPORTED_MODULE_6__.scrollIntoView)(ref.current);
|
|
case 6:
|
|
ref.current.animate(bounce.keyframes, bounce.options);
|
|
case 7:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function (_x) {
|
|
return _ref.apply(this, arguments);
|
|
};
|
|
}()
|
|
}));
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/alert-dialog/alert-dialog-action.js":
|
|
/*!**************************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/alert-dialog/alert-dialog-action.js ***!
|
|
\**************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @radix-ui/react-alert-dialog */ "../../../node_modules/@radix-ui/react-alert-dialog/dist/index.module.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _button_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../button-base */ "../assets/js/app/components/ui/button-base.js");
|
|
|
|
|
|
var _templateObject;
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
|
|
var AlertDialogAction = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__["default"])(_button_base__WEBPACK_IMPORTED_MODULE_2__["default"]).attrs(function () {
|
|
return {
|
|
as: _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_4__.Action
|
|
};
|
|
})(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n\n --font-size: 16px;\n --color: #b01b1b;\n --padding: 13px;\n\n margin: 0;\n flex-grow: 1;\n transition: 0.2s all;\n border: none;\n border-radius: 0;\n\n &:focus, &:hover {\n\t--background: #f1f3f5;\n\t--color: #b01b1b;\n }\n"])));
|
|
AlertDialogAction.propTypes = _objectSpread({}, _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_4__.Action.propTypes);
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AlertDialogAction);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/alert-dialog/alert-dialog-actions-container.js":
|
|
/*!*************************************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/alert-dialog/alert-dialog-actions-container.js ***!
|
|
\*************************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _div_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
var AlertDialogActionsContainer = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])(_div_base__WEBPACK_IMPORTED_MODULE_1__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n display: flex;\n align-items: center;\n border-top: 1px solid #d5dadf;\n\n & > button:not(:first-child) {\n\t/**\n\t * will create a divider between the buttons,\n\t * not matter how much buttons exists in the container.\n\t */\n\tborder-inline-start: 1px solid #d5dadf;\n }\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AlertDialogActionsContainer);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/alert-dialog/alert-dialog-cancel.js":
|
|
/*!**************************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/alert-dialog/alert-dialog-cancel.js ***!
|
|
\**************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @radix-ui/react-alert-dialog */ "../../../node_modules/@radix-ui/react-alert-dialog/dist/index.module.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _button_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../button-base */ "../assets/js/app/components/ui/button-base.js");
|
|
|
|
|
|
var _templateObject;
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
|
|
var AlertDialogCancel = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__["default"])(_button_base__WEBPACK_IMPORTED_MODULE_2__["default"]).attrs(function () {
|
|
return {
|
|
as: _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_4__.Cancel
|
|
};
|
|
})(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n --color: #6d7882;\n --padding: 13px;\n --font-size: 16px;\n --border: none;\n\n margin: 0;\n flex-grow: 1;\n transition: 0.2s all;\n border-radius: 0;\n\n &:focus, &:hover {\n --background: #f1f3f5;\n\t--color: #6d7882;\n }\n"])));
|
|
AlertDialogCancel.propTypes = _objectSpread({}, _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_4__.Cancel.propTypes);
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AlertDialogCancel);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/alert-dialog/alert-dialog-content.js":
|
|
/*!***************************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/alert-dialog/alert-dialog-content.js ***!
|
|
\***************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ AlertDialogContent)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @radix-ui/react-alert-dialog */ "../../../node_modules/@radix-ui/react-alert-dialog/dist/index.module.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../utils */ "../assets/js/app/utils.js");
|
|
|
|
|
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
|
|
var overlayShow = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.keyframes)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n 0% {\n\topacity: 0;\n }\n 100% {\n\topacity: 1;\n }\n"])));
|
|
var contentShow = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.keyframes)(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n 0% {\n\topacity: 0;\n\ttransform: translate(-50%, -48%) scale(.96);\n }\n 100% {\n\topacity: 1;\n\ttransform: translate(-50%, -50%) scale(1);\n }\n"])));
|
|
var StyledContent = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])(_radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_5__.Content)(_templateObject3 || (_templateObject3 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n all: revert;\n\n font-family: Roboto, sans-serif !important;\n font-size: 1em !important;\n font-weight: normal !important;\n text-transform: none !important;\n font-style: normal !important;\n text-decoration: none !important;\n line-height: normal !important;\n letter-spacing: normal !important;\n word-spacing: normal !important;\n background-color: #fff !important;\n box-shadow: 2px 8px 23px rgba(0, 0, 0, 0.2) !important;\n border-radius: 3px !important;\n width: 375px !important;\n text-align: center !important;\n position: fixed !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n max-height: 85vh !important;\n animation-duration: 150ms !important;\n animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;\n animation-name: ", " !important;\n z-index: ", " !important;\n\n &:focus {\n\toutline: none !important;\n }\n"])), contentShow, _utils__WEBPACK_IMPORTED_MODULE_3__.MAX_Z_INDEX);
|
|
var StyledOverlay = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])(_radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_5__.Overlay)(_templateObject4 || (_templateObject4 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n background-color: rgba(0, 0, 0, 0.5) !important;\n position: fixed !important;\n inset: 0 !important;\n animation-duration: 150ms !important;\n animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;\n animation-name: ", " !important;\n z-index: ", " !important;\n"])), overlayShow, _utils__WEBPACK_IMPORTED_MODULE_3__.MAX_Z_INDEX);
|
|
function AlertDialogContent(props) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_5__.Portal, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledOverlay, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledContent, props));
|
|
}
|
|
AlertDialogContent.propTypes = _objectSpread({}, _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_5__.Content.propTypes);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/alert-dialog/alert-dialog-description-container.js":
|
|
/*!*****************************************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/alert-dialog/alert-dialog-description-container.js ***!
|
|
\*****************************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _div_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
var AlertDialogDescriptionContainer = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])(_div_base__WEBPACK_IMPORTED_MODULE_1__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n padding: 30px !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 12px !important;\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AlertDialogDescriptionContainer);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/alert-dialog/alert-dialog-description.js":
|
|
/*!*******************************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/alert-dialog/alert-dialog-description.js ***!
|
|
\*******************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @radix-ui/react-alert-dialog */ "../../../node_modules/@radix-ui/react-alert-dialog/dist/index.module.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
|
|
|
|
var _templateObject;
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
var AlertDialogDescription = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])(_radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_3__.Description)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n all: revert;\n\n font-family: Roboto, sans-serif !important;\n font-size: 13px !important;\n font-weight: 500 !important;\n text-transform: none !important;\n font-style: normal !important;\n text-decoration: none !important;\n line-height: normal !important;\n letter-spacing: normal !important;\n word-spacing: normal !important;\n margin: 0 !important;\n color: #495157 !important;\n"])));
|
|
AlertDialogDescription.propTypes = _objectSpread({}, _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_3__.Description.propTypes);
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AlertDialogDescription);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/alert-dialog/alert-dialog-title.js":
|
|
/*!*************************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/alert-dialog/alert-dialog-title.js ***!
|
|
\*************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @radix-ui/react-alert-dialog */ "../../../node_modules/@radix-ui/react-alert-dialog/dist/index.module.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
|
|
|
|
var _templateObject;
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
var AlertDialogTitle = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])(_radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_3__.Title)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n all: revert;\n\n font-family: Roboto, sans-serif !important;\n font-size: 17px !important;\n font-weight: 500 !important;\n text-transform: none !important;\n font-style: normal !important;\n text-decoration: none !important;\n line-height: normal !important;\n letter-spacing: normal !important;\n word-spacing: normal !important;\n margin: 0 !important;\n color: #495157 !important;\n\n &::before, &::after {\n display: none;\n }\n"])));
|
|
AlertDialogTitle.propTypes = _objectSpread({}, _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_3__.Title.propTypes);
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AlertDialogTitle);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/alert-dialog/alert-dialog.js":
|
|
/*!*******************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/alert-dialog/alert-dialog.js ***!
|
|
\*******************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @radix-ui/react-alert-dialog */ "../../../node_modules/@radix-ui/react-alert-dialog/dist/index.module.js");
|
|
/* harmony import */ var _alert_dialog_content__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./alert-dialog-content */ "../assets/js/app/components/ui/alert-dialog/alert-dialog-content.js");
|
|
/* harmony import */ var _alert_dialog_title__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./alert-dialog-title */ "../assets/js/app/components/ui/alert-dialog/alert-dialog-title.js");
|
|
/* harmony import */ var _alert_dialog_description_container__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./alert-dialog-description-container */ "../assets/js/app/components/ui/alert-dialog/alert-dialog-description-container.js");
|
|
/* harmony import */ var _alert_dialog_actions_container__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./alert-dialog-actions-container */ "../assets/js/app/components/ui/alert-dialog/alert-dialog-actions-container.js");
|
|
/* harmony import */ var _alert_dialog_description__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./alert-dialog-description */ "../assets/js/app/components/ui/alert-dialog/alert-dialog-description.js");
|
|
/* harmony import */ var _alert_dialog_cancel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./alert-dialog-cancel */ "../assets/js/app/components/ui/alert-dialog/alert-dialog-cancel.js");
|
|
/* harmony import */ var _alert_dialog_action__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./alert-dialog-action */ "../assets/js/app/components/ui/alert-dialog/alert-dialog-action.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var AlertDialog = _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_7__.Root;
|
|
AlertDialog.Trigger = _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_7__.Trigger;
|
|
AlertDialog.Content = _alert_dialog_content__WEBPACK_IMPORTED_MODULE_0__["default"];
|
|
AlertDialog.Description = _alert_dialog_description__WEBPACK_IMPORTED_MODULE_4__["default"];
|
|
AlertDialog.DescriptionContainer = _alert_dialog_description_container__WEBPACK_IMPORTED_MODULE_2__["default"];
|
|
AlertDialog.ActionsContainer = _alert_dialog_actions_container__WEBPACK_IMPORTED_MODULE_3__["default"];
|
|
AlertDialog.Title = _alert_dialog_title__WEBPACK_IMPORTED_MODULE_1__["default"];
|
|
AlertDialog.Cancel = _alert_dialog_cancel__WEBPACK_IMPORTED_MODULE_5__["default"];
|
|
AlertDialog.Action = _alert_dialog_action__WEBPACK_IMPORTED_MODULE_6__["default"];
|
|
AlertDialog.propTypes = _radix_ui_react_alert_dialog__WEBPACK_IMPORTED_MODULE_7__.Root.propTypes;
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AlertDialog);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/avatar.js":
|
|
/*!************************************************!*\
|
|
!*** ../assets/js/app/components/ui/avatar.js ***!
|
|
\************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject;
|
|
|
|
var sizesMap = {
|
|
sm: {
|
|
width: 16
|
|
},
|
|
md: {
|
|
width: 32
|
|
},
|
|
lg: {
|
|
width: 64
|
|
}
|
|
};
|
|
var Avatar = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].img(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tall: revert;\n\n\taspect-ratio: 1 / 1;\n\tborder-radius: 100%;\n\theight: auto;\n\twidth: ", "px;\n"])), function (_ref) {
|
|
var size = _ref.size;
|
|
return sizesMap[size].width;
|
|
});
|
|
Avatar.propTypes = {
|
|
size: PropTypes.oneOf(['sm', 'md', 'lg']).isRequired,
|
|
src: PropTypes.string.isRequired
|
|
};
|
|
Avatar.defaultProps = {
|
|
size: 'md'
|
|
};
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Avatar);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/button-base.js":
|
|
/*!*****************************************************!*\
|
|
!*** ../assets/js/app/components/ui/button-base.js ***!
|
|
\*****************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
/**
|
|
* Simple button component to handle themes overrides.
|
|
*/
|
|
var ButtonBase = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].button(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tall: revert;\n\n\t--color: #000;\n\t--padding: 0;\n\t--background: transparent;\n\t--font-weight: 500;\n\t--font-size: 16px;\n\t--font-family: Roboto, sans-serif;\n\t--text-transform: none;\n\t--letter-spacing: 0;\n\t--font-style: normal;\n\t--text-decoration: none;\n\t--line-height: normal;\n\t--word-spacing: normal;\n\t--text-shadow: none;\n\t--box-shadow: none;\n\t--border: none;\n\t--border-radius: 0;\n\n\t// Override themes selectors.\n\t&,\n\t&&,\n\t&[type=\"button\"],\n\t&[type=\"submit\"],\n\t&[type=\"reset\"],\n\t&:hover,\n\t&:focus,\n\t&:active,\n\t&:not( :hover ):not( :active ):not( .has-background ),\n\t&:not( :hover ):not( :active ):not( .has-text-color ) {\n\t\tfont-family: var( --font-family ) !important;\n\t\tfont-size: var( --font-size ) !important;\n\t\tfont-weight: var( --font-weight ) !important;\n\t\ttext-transform: var( --text-transform ) !important;\n\t\tletter-spacing: var( --letter-spacing ) !important;\n\t\tfont-style: normal !important;\n\t\ttext-decoration: none !important;\n\t\tline-height: normal !important;\n\t\tword-spacing: normal !important;\n\t\tcolor: var( --color ) !important;\n\t\tbackground: var( --background ) !important;\n\t\tborder: var( --border ) !important;\n\t\ttext-shadow: var( --text-shadow ) !important;\n\t\tbox-shadow: var( --box-shadow ) !important;\n\t\tborder-radius: var( --border-radius ) !important;\n\t\tpadding: var( --padding ) !important;\n\t\toutline: none !important;\n\t\twidth: var( --width, auto ) !important;\n\t\theight: var( --height, auto ) !important;\n\t\tdisplay: var( --display, inline-block ) !important;\n\t\tmin-height: revert !important;\n\t}\n\n\t&:before,\n\t&:after {\n\t\tdisplay: none !important;\n\t}\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ButtonBase);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/button.js":
|
|
/*!************************************************!*\
|
|
!*** ../assets/js/app/components/ui/button.js ***!
|
|
\************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _button_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./button-base */ "../assets/js/app/components/ui/button-base.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject, _templateObject2, _templateObject3;
|
|
|
|
|
|
var colorsMap = {
|
|
contained: {
|
|
background: '--color-editor-info',
|
|
border: '--color-editor-info',
|
|
text: '--color-white',
|
|
backgroundHover: '--color-editor-info-dark'
|
|
},
|
|
outlined: {
|
|
background: '--color-ghost',
|
|
border: '--color-gray-400',
|
|
text: '--color-gray-600',
|
|
backgroundHover: '--color-darken'
|
|
},
|
|
transparent: {
|
|
background: '--color-ghost',
|
|
border: '--color-ghost',
|
|
text: '--color-default'
|
|
}
|
|
};
|
|
var sizesMap = {
|
|
md: {
|
|
padding: '--padding-md',
|
|
fontSize: '--font-size-md'
|
|
}
|
|
};
|
|
var Button = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])(_button_base__WEBPACK_IMPORTED_MODULE_1__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\t--color-editor-info: #58d0f5;\n\t--color-editor-info-dark: #10bcf2;\n\t--color-default: inherit;\n\t--color-ghost: transparent;\n\t--color-white: #fff;\n\t--color-gray-400: #c2cbd2;\n\t--color-gray-600: #6d7882;\n\t--color-darken: rgba( 0, 0, 0, .05 );\n\n\t--font-size-md: 13px;\n\t--padding-md: 8px 12px;\n\n\t--padding: var( ", " );\n\t--color: var( ", " );\n\t--background: var( ", " );\n\t--border-color: var( ", " );\n\t--border: 1px solid var( --border-color );\n\t--cursor: pointer;\n\t--font-weight: 400;\n\t--font-family: Roboto, sans-serif;\n\t--font-size: var( ", " );\n\t--border-radius: 3px;\n\n\tfont-style: normal !important;\n\ttext-align: center !important;\n\tline-height: 1 !important;\n\tcursor: var( --cursor ) !important;\n\ttransition: .3s all !important;\n\n \t&, & * {\n\t cursor: var( --cursor ) !important;\n\t}\n\n\t", "\n\n\t", "\n\n\t&:hover, &:focus {\n\t\t--background: var(\n\t\t\t", "\n\t\t);\n\t}\n"])), function (_ref) {
|
|
var size = _ref.size;
|
|
return sizesMap[size].padding;
|
|
}, function (_ref2) {
|
|
var variant = _ref2.variant;
|
|
return colorsMap[variant].text;
|
|
}, function (_ref3) {
|
|
var variant = _ref3.variant;
|
|
return colorsMap[variant].background;
|
|
}, function (_ref4) {
|
|
var variant = _ref4.variant;
|
|
return colorsMap[variant].border;
|
|
}, function (_ref5) {
|
|
var size = _ref5.size;
|
|
return sizesMap[size].fontSize;
|
|
}, function (_ref6) {
|
|
var disabled = _ref6.disabled;
|
|
return disabled && (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\t\t\topacity: .5;\n\t\t\tpointer-events: none;\n\t\t\t--cursor: not-allowed;\n\t"])));
|
|
}, function (_ref7) {
|
|
var variant = _ref7.variant;
|
|
return 'transparent' === variant && (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(_templateObject3 || (_templateObject3 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\t\t\t--padding: 0;\n\t"])));
|
|
}, function (_ref8) {
|
|
var variant = _ref8.variant;
|
|
return colorsMap[variant].backgroundHover || colorsMap[variant].background;
|
|
});
|
|
Button.propTypes = {
|
|
variant: PropTypes.oneOf(['contained', 'outlined', 'transparent']).isRequired,
|
|
size: PropTypes.oneOf(['md']).isRequired,
|
|
disabled: PropTypes.bool
|
|
};
|
|
Button.defaultProps = {
|
|
variant: 'contained',
|
|
size: 'md'
|
|
};
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Button);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/checkbox/checkbox.js":
|
|
/*!***********************************************************!*\
|
|
!*** ../assets/js/app/components/ui/checkbox/checkbox.js ***!
|
|
\***********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Checkbox)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _radix_ui_react_checkbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @radix-ui/react-checkbox */ "../../../node_modules/@radix-ui/react-checkbox/dist/index.module.js");
|
|
/* harmony import */ var _button_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../button-base */ "../assets/js/app/components/ui/button-base.js");
|
|
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "../assets/js/app/components/ui/icon.js");
|
|
|
|
|
|
var _templateObject, _templateObject2;
|
|
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
|
|
|
|
var StyledCheckbox = (0,styled_components__WEBPACK_IMPORTED_MODULE_5__["default"])(_button_base__WEBPACK_IMPORTED_MODULE_3__["default"]).attrs(function () {
|
|
return {
|
|
as: _radix_ui_react_checkbox__WEBPACK_IMPORTED_MODULE_6__.Root
|
|
};
|
|
})(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n --border-color: #a4afb6;\n --background: #fff;\n --border: 1px solid var( --border-color );\n --border-radius: 3px;\n --width: 12px;\n --height: 12px;\n --display: inline-flex;\n\n align-items: center;\n justify-content: center;\n position: relative;\n margin: 0;\n outline: none;\n transition: 0.2s all;\n overflow: hidden;\n\n &[data-state=\"checked\"] {\n --border-color: #39b54a;\n }\n\n &:hover, &:focus {\n\toutline: none;\n\t--background: #eee;\n\n\t& > * {\n\t --background: rgba(57, 181, 74, 0.8);\n\t}\n }\n"])));
|
|
var StyledIndicator = (0,styled_components__WEBPACK_IMPORTED_MODULE_5__["default"])(_radix_ui_react_checkbox__WEBPACK_IMPORTED_MODULE_6__.Indicator)(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n all: revert;\n\n position: absolute !important;\n inset: 0 !important;\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n background: #39b54a !important;\n color: #fff !important;\n outline: none !important;\n font-size: 8px !important;\n"])));
|
|
function Checkbox(props) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledCheckbox, props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledIndicator, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
|
className: "eicon-check"
|
|
})));
|
|
}
|
|
Checkbox.propTypes = _objectSpread({}, _radix_ui_react_checkbox__WEBPACK_IMPORTED_MODULE_6__.Root.propTypes);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/div-base.js":
|
|
/*!**************************************************!*\
|
|
!*** ../assets/js/app/components/ui/div-base.js ***!
|
|
\**************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
/**
|
|
* Simple div to handle themes overrides.
|
|
*/
|
|
var DivBase = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].div(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tall: revert;\n\tbox-sizing: border-box;\n\n\t&:before,\n\t&:after {\n\t\tdisplay: none !important;\n\t}\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DivBase);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/dropdown/dropdown-arrow.js":
|
|
/*!*****************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/dropdown/dropdown-arrow.js ***!
|
|
\*****************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var _radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @radix-ui/react-dropdown-menu */ "../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.module.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
var DropdownArrow = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])(_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__.Arrow)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n fill: #fff;\n margin: 0 10px;\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DropdownArrow);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/dropdown/dropdown-content.js":
|
|
/*!*******************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/dropdown/dropdown-content.js ***!
|
|
\*******************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @radix-ui/react-dropdown-menu */ "../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.module.js");
|
|
/* harmony import */ var _styles_animation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../styles/animation */ "../assets/js/app/styles/animation.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
|
|
var DropdownContent = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])(_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_3__.Content)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n all: revert;\n\n background: #fff !important;\n border-radius: 3px !important;\n min-width: 120px !important;\n box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15) !important;\n animation-duration: 400ms !important;\n animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;\n padding: 4px !important;\n\n &[data-state=\"open\"] {\n\t&[data-side=\"top\"] {\n\t animation-name: ", ";\n\t}\n\n\t&[data-side=\"right\"] {\n\t animation-name: ", ";\n\t}\n\n\t&[data-side=\"bottom\"] {\n\t animation-name: ", ";\n\t}\n\n\t&[data-side=\"left\"] {\n\t animation-name: ", ";\n\t}\n }\n"])), _styles_animation__WEBPACK_IMPORTED_MODULE_1__.slideUpAndFade, _styles_animation__WEBPACK_IMPORTED_MODULE_1__.slideRightAndFade, _styles_animation__WEBPACK_IMPORTED_MODULE_1__.slideDownAndFade, _styles_animation__WEBPACK_IMPORTED_MODULE_1__.slideLeftAndFade);
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DropdownContent);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/dropdown/dropdown-item.js":
|
|
/*!****************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/dropdown/dropdown-item.js ***!
|
|
\****************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ DropdownItem)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "../../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @radix-ui/react-dropdown-menu */ "../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.module.js");
|
|
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "../assets/js/app/components/ui/icon.js");
|
|
/* harmony import */ var _tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../tooltip/tooltip */ "../assets/js/app/components/ui/tooltip/tooltip.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
|
|
var _excluded = ["children", "icon", "tooltip"];
|
|
var _templateObject, _templateObject2, _templateObject3;
|
|
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
|
|
|
|
var variants = {
|
|
default: {
|
|
hoverTextColor: '#6d7882',
|
|
hoverIconColor: '#a4afb6'
|
|
},
|
|
danger: {
|
|
hoverTextColor: '#b01b1b',
|
|
hoverIconColor: '#d9534f'
|
|
}
|
|
};
|
|
var Icon = (0,styled_components__WEBPACK_IMPORTED_MODULE_6__["default"])(_icon__WEBPACK_IMPORTED_MODULE_4__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n color: #a4afb6 !important;\n transition: 0.2s all;\n"])));
|
|
var ItemWrapper = styled_components__WEBPACK_IMPORTED_MODULE_6__["default"].span(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n display: flex !important;\n align-items: center !important;\n gap: 8px !important;\n"])));
|
|
var StyledDropdownItem = (0,styled_components__WEBPACK_IMPORTED_MODULE_6__["default"])(_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_7__.Item)(_templateObject3 || (_templateObject3 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n all: revert;\n\n font-family: Roboto, sans-serif !important;\n font-size: 11px !important;\n font-weight: 500 !important;\n text-transform: none !important;\n font-style: normal !important;\n text-decoration: none !important;\n line-height: 1.2 !important;\n letter-spacing: normal !important;\n word-spacing: normal !important;\n cursor: pointer !important;\n border-radius: 4px !important;\n padding: 7px 12px !important;\n color: #6d7882 !important;\n transition: 0.2s all !important;\n\n &[data-disabled] {\n\topacity: 0.5 !important;\n\tcursor: default !important;\n }\n\n &:focus {\n\tbackground: #f1f3f5 !important;\n\toutline: none !important;\n\n\tcolor: ", " !important;\n\n\t", " {\n\t color: ", " !important;\n\t}\n }\n"])), function (_ref) {
|
|
var variant = _ref.variant;
|
|
return variants[variant].hoverTextColor;
|
|
}, Icon, function (_ref2) {
|
|
var variant = _ref2.variant;
|
|
return variants[variant].hoverIconColor;
|
|
});
|
|
function DropdownItem(_ref3) {
|
|
var children = _ref3.children,
|
|
icon = _ref3.icon,
|
|
tooltip = _ref3.tooltip,
|
|
props = (0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref3, _excluded);
|
|
var DropdownItemContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(ItemWrapper, null, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(Icon, {
|
|
className: icon
|
|
}), children);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(StyledDropdownItem, props, tooltip ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"].Trigger, {
|
|
asChild: true
|
|
}, DropdownItemContent), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"].Content, null, tooltip, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_tooltip_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"].Arrow, null))) : DropdownItemContent);
|
|
}
|
|
DropdownItem.propTypes = _objectSpread(_objectSpread({}, DropdownItem.propTypes), {}, {
|
|
icon: PropTypes.string,
|
|
tooltip: PropTypes.node,
|
|
variant: PropTypes.oneOf(['default', 'danger'])
|
|
});
|
|
DropdownItem.defaultProps = {
|
|
variant: 'default'
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/dropdown/dropdown-separator.js":
|
|
/*!*********************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/dropdown/dropdown-separator.js ***!
|
|
\*********************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @radix-ui/react-dropdown-menu */ "../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.module.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
var DropdownSeparator = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])(_radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_2__.Separator)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n height: 1px !important;\n background: #f1f3f5 !important;\n margin: 7px 10px !important;\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DropdownSeparator);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/dropdown/dropdown.js":
|
|
/*!***********************************************************!*\
|
|
!*** ../assets/js/app/components/ui/dropdown/dropdown.js ***!
|
|
\***********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @radix-ui/react-dropdown-menu */ "../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.module.js");
|
|
/* harmony import */ var _dropdown_content__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dropdown-content */ "../assets/js/app/components/ui/dropdown/dropdown-content.js");
|
|
/* harmony import */ var _dropdown_item__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./dropdown-item */ "../assets/js/app/components/ui/dropdown/dropdown-item.js");
|
|
/* harmony import */ var _dropdown_arrow__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dropdown-arrow */ "../assets/js/app/components/ui/dropdown/dropdown-arrow.js");
|
|
/* harmony import */ var _dropdown_separator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./dropdown-separator */ "../assets/js/app/components/ui/dropdown/dropdown-separator.js");
|
|
|
|
|
|
|
|
|
|
|
|
var Dropdown = _radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_4__.Root;
|
|
Dropdown.Trigger = _radix_ui_react_dropdown_menu__WEBPACK_IMPORTED_MODULE_4__.Trigger;
|
|
Dropdown.Content = _dropdown_content__WEBPACK_IMPORTED_MODULE_0__["default"];
|
|
Dropdown.Item = _dropdown_item__WEBPACK_IMPORTED_MODULE_1__["default"];
|
|
Dropdown.Arrow = _dropdown_arrow__WEBPACK_IMPORTED_MODULE_2__["default"];
|
|
Dropdown.Separator = _dropdown_separator__WEBPACK_IMPORTED_MODULE_3__["default"];
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Dropdown);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/icon-button/icon-button.js":
|
|
/*!*****************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/icon-button/icon-button.js ***!
|
|
\*****************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "../../../node_modules/@babel/runtime/helpers/esm/extends.js");
|
|
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "../../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _button_base__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../button-base */ "../assets/js/app/components/ui/button-base.js");
|
|
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon */ "../assets/js/app/components/ui/icon.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
|
|
var _excluded = ["name"];
|
|
var _templateObject, _templateObject2;
|
|
|
|
|
|
|
|
|
|
var fontSizeMapping = {
|
|
sm: '15px',
|
|
md: '18px'
|
|
};
|
|
var StyledIconButton = (0,styled_components__WEBPACK_IMPORTED_MODULE_6__["default"])(_button_base__WEBPACK_IMPORTED_MODULE_4__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n --color: #a4afb7;\n --background: transparent;\n --padding: 4px;\n --font-size: ", ";\n --border: none;\n --border-radius: 100%;\n --display: grid;\n\n transition: 0.2s all;\n place-items: center;\n border-radius: 100%;\n cursor: pointer;\n\n &:hover, &:focus {\n\t--background: transparent;\n\t--color: #6d7882;\n\toutline: none;\n }\n\n &:focus {\n\t--background: #f1f3f5;\n }\n\n ", "\n"])), function (_ref) {
|
|
var size = _ref.size;
|
|
return fontSizeMapping[size];
|
|
}, function (_ref2) {
|
|
var disabled = _ref2.disabled;
|
|
return disabled && (0,styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n\topacity: .5;\n\tpointer-events: none;\n\tcursor: not-allowed;\n "])));
|
|
});
|
|
var IconButton = react__WEBPACK_IMPORTED_MODULE_3___default().forwardRef(function (_ref3, ref) {
|
|
var name = _ref3.name,
|
|
props = (0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref3, _excluded);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(StyledIconButton, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, {
|
|
ref: ref
|
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__["default"], {
|
|
className: name
|
|
}));
|
|
});
|
|
IconButton.displayName = 'IconButton';
|
|
IconButton.propTypes = {
|
|
size: PropTypes.oneOf(['sm', 'md']),
|
|
name: PropTypes.string.isRequired,
|
|
onClick: PropTypes.func,
|
|
disabled: PropTypes.bool
|
|
};
|
|
IconButton.defaultProps = {
|
|
size: 'md'
|
|
};
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (IconButton);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/icon.js":
|
|
/*!**********************************************!*\
|
|
!*** ../assets/js/app/components/ui/icon.js ***!
|
|
\**********************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
/**
|
|
* Simple i tag to handle themes overrides.
|
|
*/
|
|
var Icon = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].i(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tmargin: 0 !important;\n\tpadding: 0 !important;\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Icon);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/label/label.js":
|
|
/*!*****************************************************!*\
|
|
!*** ../assets/js/app/components/ui/label/label.js ***!
|
|
\*****************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var _radix_ui_react_label__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @radix-ui/react-label */ "../../../node_modules/@radix-ui/react-label/dist/index.module.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
var Label = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])(_radix_ui_react_label__WEBPACK_IMPORTED_MODULE_2__.Label)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n all: revert;\n\n font-size: 11px !important;\n color: #a4afb6 !important;\n font-weight: 500 !important;\n font-family: Roboto, sans-serif !important;\n user-select: none !important;\n display: inline-flex !important;\n align-items: center !important;\n gap: 8px !important;\n line-height: 2 !important;\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Label);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/marker.js":
|
|
/*!************************************************!*\
|
|
!*** ../assets/js/app/components/ui/marker.js ***!
|
|
\************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
|
|
var sizesMap = {
|
|
xs: 20,
|
|
sm: 25,
|
|
md: 34,
|
|
lg: 80,
|
|
xl: 160
|
|
};
|
|
var colorsMap = {
|
|
active: {
|
|
background: '--color-editor-info',
|
|
text: '--color-white'
|
|
},
|
|
solid: {
|
|
background: '--color-editor-info',
|
|
text: '--color-white'
|
|
},
|
|
ghost: {
|
|
background: '--color-ghost',
|
|
text: '--color-gray'
|
|
}
|
|
};
|
|
var bounce = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.keyframes)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n 0% {\n\topacity: 0;\n\ttransform: scale(.8);\n\ttransform-origin: 50% 100%;\n }\n\n 50% {\n\topacity: 1;\n\ttransform: scale(1.2);\n\ttransform-origin: 50% 100%;\n }\n\n 100% {\n\topacity: 1;\n\ttransform: scale(1);\n\ttransform-origin: 50% 100%;\n }\n"])));
|
|
var Marker = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].span.withConfig({
|
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
return 'children' === prop;
|
|
}
|
|
})(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n all: revert;\n\n --color-editor-info: #58d0f5;\n --color-ghost: #fff;\n --color-white: #fff;\n --color-gray: #a4afb6;\n --color-shadow: rgba(0, 0, 0, 0.2);\n --size: ", ";\n --position: relative;\n\n display: grid;\n place-items: center;\n position: relative;\n height: calc(var(--size) * 1px);\n width: calc(var(--size) * 1px);\n line-height: 2.8;\n font-family: Roboto, sans-serif !important;\n font-size: calc(var(--size) * .38px);\n font-weight: 500;\n color: var(", ");\n isolation: isolate;\n animation: .3s ", " both;\n transition: .3s all;\n\n ", "\n\n &::before {\n\t--background-color: var(", ");\n\t--border-color: var( --background-color );\n\n\tcontent: '';\n\tdisplay: block;\n\tposition: absolute;\n\tz-index: -1;\n\tinset: 0;\n\tbackground-color: var( --background-color );\n\tborder: calc(var(--size) / 20 * 1px) solid var(--border-color);\n\tborder-radius: 100% 100% 25% 100%;\n\ttransform: rotate(45deg);\n\n\t", "\n\n\t", "\n }\n"])), function (_ref) {
|
|
var size = _ref.size;
|
|
return sizesMap[size];
|
|
}, function (_ref2) {
|
|
var variant = _ref2.variant;
|
|
return colorsMap[variant].text;
|
|
}, bounce, function (_ref3) {
|
|
var muted = _ref3.muted;
|
|
return muted && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(_templateObject3 || (_templateObject3 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\t--color-shadow: transparent;\n\topacity: .5 !important;\n "])));
|
|
}, function (_ref4) {
|
|
var variant = _ref4.variant;
|
|
return colorsMap[variant].background;
|
|
}, function (_ref5) {
|
|
var variant = _ref5.variant;
|
|
return 'active' === variant && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(_templateObject4 || (_templateObject4 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\t\t mask-image: radial-gradient(transparent 30%, #000 32%);\n\t"])));
|
|
}, function (_ref6) {
|
|
var variant = _ref6.variant;
|
|
return 'ghost' === variant && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(_templateObject5 || (_templateObject5 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\t\t --border-color: var(--color-gray);\n\t"])));
|
|
});
|
|
Marker.propTypes = {
|
|
variant: PropTypes.oneOf(['active', 'solid', 'ghost']).isRequired,
|
|
size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']).isRequired,
|
|
muted: PropTypes.bool,
|
|
children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)])
|
|
};
|
|
Marker.defaultProps = {
|
|
variant: 'solid',
|
|
size: 'md',
|
|
muted: false
|
|
};
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Marker);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/panel/panel-body.js":
|
|
/*!**********************************************************!*\
|
|
!*** ../assets/js/app/components/ui/panel/panel-body.js ***!
|
|
\**********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ PanelBody)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _div_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
/* harmony import */ var _panel_resizer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./panel-resizer */ "../assets/js/app/components/ui/panel/panel-resizer.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
|
|
|
|
var StyledPanelBody = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])(_div_base__WEBPACK_IMPORTED_MODULE_2__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n position: relative !important;\n display: flex !important;\n flex-direction: column !important;\n overflow: hidden !important;\n"])));
|
|
function PanelBody(props) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledPanelBody, props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_panel_resizer__WEBPACK_IMPORTED_MODULE_3__["default"], null, props.children));
|
|
}
|
|
PanelBody.propTypes = {
|
|
children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)])
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/panel/panel-draggable.js":
|
|
/*!***************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/panel/panel-draggable.js ***!
|
|
\***************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ PanelDraggable)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var react_draggable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-draggable */ "../../../node_modules/react-draggable/build/cjs/cjs.js");
|
|
/* harmony import */ var react_draggable__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_draggable__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _hooks_use_debounced_callback__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../hooks/use-debounced-callback */ "../assets/js/app/hooks/use-debounced-callback.js");
|
|
/* harmony import */ var _panel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./panel */ "../assets/js/app/components/ui/panel/panel.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function PanelDraggable(props) {
|
|
var _usePanelContext = (0,_panel__WEBPACK_IMPORTED_MODULE_4__.usePanelContext)(),
|
|
defaultWidth = _usePanelContext.size.defaultWidth,
|
|
_useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)({}),
|
|
_useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState, 2),
|
|
bounds = _useState2[0],
|
|
setBounds = _useState2[1],
|
|
_useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(props.defaultPosition),
|
|
_useState4 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_useState3, 2),
|
|
position = _useState4[0],
|
|
setPosition = _useState4[1],
|
|
positionRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)({});
|
|
positionRef.current = position;
|
|
var onStopDrag = function onStopDrag(event, dragElement) {
|
|
var x = dragElement.x,
|
|
y = dragElement.y;
|
|
setPosition({
|
|
x: x,
|
|
y: y
|
|
});
|
|
};
|
|
|
|
/**
|
|
* Reset the position of the panel if it is outside the bounds of the window after resize.
|
|
*/
|
|
var resetPosition = function resetPosition() {
|
|
var _positionRef$current = positionRef.current,
|
|
currentX = _positionRef$current.x,
|
|
currentY = _positionRef$current.y;
|
|
var _props$defaultPositio = props.defaultPosition,
|
|
defaultX = _props$defaultPositio.x,
|
|
defaultY = _props$defaultPositio.y;
|
|
if (currentX === defaultX && currentY === defaultY) {
|
|
return;
|
|
}
|
|
var newX = currentX < bounds.left || currentX > bounds.right ? defaultX : currentX;
|
|
var newY = currentY < bounds.top || currentY > bounds.bottom ? defaultY : currentY;
|
|
if (newX === currentX && newY === currentY) {
|
|
return;
|
|
}
|
|
setPosition({
|
|
x: newX,
|
|
y: newY
|
|
});
|
|
};
|
|
|
|
/**
|
|
* Disallow dragging the panel outside the window bounds.
|
|
* Show at least 15% of the panel on the left and right sides of the window.
|
|
* Show at least the panel handle on the bottom of the window.
|
|
*/
|
|
var calculateBounds = (0,_hooks_use_debounced_callback__WEBPACK_IMPORTED_MODULE_3__["default"])(function () {
|
|
var _props$nodeRef$curren, _props$nodeRef$curren2;
|
|
var _window = window,
|
|
windowWidth = _window.innerWidth,
|
|
windowHeight = _window.innerHeight;
|
|
setBounds({
|
|
top: 0,
|
|
left: 0 - defaultWidth * 0.85,
|
|
right: windowWidth - defaultWidth * 0.15,
|
|
bottom: windowHeight - (((_props$nodeRef$curren = props.nodeRef.current) === null || _props$nodeRef$curren === void 0 ? void 0 : (_props$nodeRef$curren2 = _props$nodeRef$curren.querySelector(props.handleClass)) === null || _props$nodeRef$curren2 === void 0 ? void 0 : _props$nodeRef$curren2.offsetHeight) || 0)
|
|
});
|
|
}, 100);
|
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
resetPosition();
|
|
}, [bounds]);
|
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
calculateBounds();
|
|
window.addEventListener('resize', calculateBounds);
|
|
return function () {
|
|
window.removeEventListener('resize', calculateBounds);
|
|
};
|
|
}, []);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react_draggable__WEBPACK_IMPORTED_MODULE_2___default()), {
|
|
handle: props.handleClass,
|
|
defaultPosition: props.defaultPosition,
|
|
nodeRef: props.nodeRef,
|
|
bounds: bounds,
|
|
position: positionRef.current,
|
|
onStop: onStopDrag
|
|
}, props.children);
|
|
}
|
|
PanelDraggable.propTypes = {
|
|
children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
|
|
handleClass: PropTypes.string,
|
|
defaultPosition: PropTypes.shape({
|
|
x: PropTypes.number,
|
|
y: PropTypes.number
|
|
}),
|
|
nodeRef: PropTypes.shape({
|
|
current: PropTypes.object
|
|
}),
|
|
isFloating: PropTypes.bool
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/panel/panel-footer.js":
|
|
/*!************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/panel/panel-footer.js ***!
|
|
\************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _div_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
var PanelFooter = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])(_div_base__WEBPACK_IMPORTED_MODULE_1__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n background: #fff !important;\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PanelFooter);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/panel/panel-header-side-col.js":
|
|
/*!*********************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/panel/panel-header-side-col.js ***!
|
|
\*********************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _div_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
var PanelHeaderSideCol = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])(_div_base__WEBPACK_IMPORTED_MODULE_1__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n display: flex !important;\n justify-self: ", " !important;\n"])), function (_ref) {
|
|
var align = _ref.align;
|
|
return align;
|
|
});
|
|
PanelHeaderSideCol.propTypes = {
|
|
children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
|
|
align: PropTypes.oneOf(['start', 'end']).isRequired
|
|
};
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PanelHeaderSideCol);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/panel/panel-header-title.js":
|
|
/*!******************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/panel/panel-header-title.js ***!
|
|
\******************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
|
|
var _templateObject;
|
|
|
|
var PanelHeaderTitle = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].h3(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tall: revert;\n\n\tfont-family: Roboto, sans-serif !important;\n\tfont-size: 13px !important;\n\tfont-weight: 400 !important;\n\ttext-transform: none !important;\n\tfont-style: normal !important;\n\ttext-decoration: none !important;\n\tline-height: 24px !important;\n\tletter-spacing: normal !important;\n\tword-spacing: normal !important;\n \tcolor: #6d7882 !important;\n \ttext-align: center !important;\n \tflex-grow: 1 !important;\n \tmargin: 0 !important;\n \tuser-select: none !important;\n\n\t&::before, &::after {\n\t\tdisplay: none !important;\n\t}\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PanelHeaderTitle);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/panel/panel-header.js":
|
|
/*!************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/panel/panel-header.js ***!
|
|
\************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ PanelHeader)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _panel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./panel */ "../assets/js/app/components/ui/panel/panel.js");
|
|
/* harmony import */ var _div_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject, _templateObject2;
|
|
|
|
|
|
|
|
|
|
var StyledPanelHeader = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])(_div_base__WEBPACK_IMPORTED_MODULE_3__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n display: grid !important;\n grid-template-columns: 1fr 2fr 1fr !important;\n grid-column-gap: 10px !important;\n align-items: center !important;\n background: #ffffff !important;\n padding: 6px 8px !important;\n flex-shrink: 0 !important;\n\n ", "\n"])), function (_ref) {
|
|
var isFloating = _ref.isFloating;
|
|
return isFloating && (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.css)(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n \tcursor: move;\n "])));
|
|
});
|
|
function PanelHeader(props) {
|
|
var _usePanelContext = (0,_panel__WEBPACK_IMPORTED_MODULE_2__.usePanelContext)(),
|
|
_usePanelContext$floa = _usePanelContext.floating,
|
|
active = _usePanelContext$floa.active,
|
|
handleClassName = _usePanelContext$floa.handleClassName;
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledPanelHeader, {
|
|
className: handleClassName,
|
|
isFloating: active
|
|
}, props.children);
|
|
}
|
|
PanelHeader.propTypes = {
|
|
children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)])
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/panel/panel-loading.js":
|
|
/*!*************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/panel/panel-loading.js ***!
|
|
\*************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ PanelLoading)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _div_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icon */ "../assets/js/app/components/ui/icon.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject, _templateObject2;
|
|
|
|
|
|
|
|
|
|
var StyledPanelLoading = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])(_div_base__WEBPACK_IMPORTED_MODULE_2__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n position: absolute !important;\n inset: 0 !important;\n background: #e6e9ec !important;\n transition: 0.3s all !important;\n font-size: 30px !important;\n display: grid !important;\n place-items: center !important;\n color: #a4afb6 !important;\n\n ", "\n"])), function (_ref) {
|
|
var show = _ref.show;
|
|
return !show && (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.css)(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\topacity: 0 !important;\n\tpointer-events: none !important;\n "])));
|
|
});
|
|
function PanelLoading(props) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledPanelLoading, props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
className: "eicon-loading eicon-animation-spin"
|
|
}));
|
|
}
|
|
PanelLoading.propTypes = {
|
|
show: PropTypes.bool
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/panel/panel-resizer.js":
|
|
/*!*************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/panel/panel-resizer.js ***!
|
|
\*************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ PanelResizer)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _div_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
/* harmony import */ var _panel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./panel */ "../assets/js/app/components/ui/panel/panel.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject, _templateObject2, _templateObject3;
|
|
|
|
|
|
|
|
|
|
|
|
var Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])(_div_base__WEBPACK_IMPORTED_MODULE_2__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n flex: 1 1 auto !important;\n inset: 0 !important;\n display: inline-flex !important;\n flex-direction: column !important;\n overflow: hidden !important;\n\n &.resizing {\n user-select: none;\n }\n"])));
|
|
var Children = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])(_div_base__WEBPACK_IMPORTED_MODULE_2__["default"])(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n overflow-y: auto !important;\n flex-grow: 1 !important;\n flex-shrink: 1 !important;\n"])));
|
|
var handleProps = {
|
|
height: 20
|
|
};
|
|
var Handle = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])(_div_base__WEBPACK_IMPORTED_MODULE_2__["default"])(_templateObject3 || (_templateObject3 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n flex: 0 0 ", "px !important;\n display: inline-flex !important;\n justify-content: center !important;\n align-items: center !important;\n background-color: #fff !important;\n margin-top: 1px !important;\n cursor: row-resize !important;\n"])), handleProps.height);
|
|
function PanelResizer(props) {
|
|
var _usePanelContext = (0,_panel__WEBPACK_IMPORTED_MODULE_3__.usePanelContext)(),
|
|
defaultHeight = _usePanelContext.size.defaultHeight;
|
|
var resizableRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
|
|
var childrenRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
|
|
var handleRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
|
|
var minHeight = 0,
|
|
maxHeight,
|
|
currentHeight,
|
|
currentY = 0;
|
|
var onMouseMove = function onMouseMove(e) {
|
|
resizableRef.current.classList.add('resizing');
|
|
var delta = e.clientY - currentY;
|
|
currentHeight = currentHeight + delta;
|
|
if (currentHeight < minHeight) {
|
|
currentHeight = minHeight;
|
|
}
|
|
if (currentHeight > maxHeight) {
|
|
currentHeight = maxHeight;
|
|
}
|
|
currentY = e.clientY;
|
|
setCurrentHeight();
|
|
};
|
|
var onMouseUp = function onMouseUp() {
|
|
document.removeEventListener('mousemove', onMouseMove);
|
|
resizableRef.current.classList.remove('resizing');
|
|
};
|
|
var onMouseDown = function onMouseDown(e) {
|
|
currentY = e.clientY;
|
|
document.addEventListener('mousemove', onMouseMove);
|
|
document.addEventListener('mouseup', onMouseUp);
|
|
};
|
|
var calculateMinMax = function calculateMinMax() {
|
|
currentHeight = defaultHeight;
|
|
setCurrentHeight();
|
|
minHeight += handleProps.height;
|
|
maxHeight = window.innerHeight;
|
|
};
|
|
var setCurrentHeight = function setCurrentHeight() {
|
|
resizableRef.current.style.height = "".concat(currentHeight, "px");
|
|
};
|
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
calculateMinMax();
|
|
handleRef.current.addEventListener('mousedown', onMouseDown);
|
|
return function () {
|
|
if (handleRef.current) {
|
|
handleRef.current.removeEventListener('mousedown', onMouseDown);
|
|
}
|
|
};
|
|
}, [props.children]);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Container, {
|
|
ref: resizableRef
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Children, {
|
|
ref: childrenRef
|
|
}, props.children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Handle, {
|
|
ref: handleRef
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("i", {
|
|
className: "eicon-ellipsis-h"
|
|
})));
|
|
}
|
|
PanelResizer.propTypes = {
|
|
children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)])
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/panel/panel.js":
|
|
/*!*****************************************************!*\
|
|
!*** ../assets/js/app/components/ui/panel/panel.js ***!
|
|
\*****************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Panel),
|
|
/* harmony export */ "usePanelContext": () => (/* binding */ usePanelContext)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "../../../node_modules/@babel/runtime/helpers/esm/extends.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _div_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
/* harmony import */ var _panel_draggable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./panel-draggable */ "../assets/js/app/components/ui/panel/panel-draggable.js");
|
|
/* harmony import */ var _panel_body__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./panel-body */ "../assets/js/app/components/ui/panel/panel-body.js");
|
|
/* harmony import */ var _panel_footer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./panel-footer */ "../assets/js/app/components/ui/panel/panel-footer.js");
|
|
/* harmony import */ var _panel_header__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./panel-header */ "../assets/js/app/components/ui/panel/panel-header.js");
|
|
/* harmony import */ var _panel_header_side_col__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./panel-header-side-col */ "../assets/js/app/components/ui/panel/panel-header-side-col.js");
|
|
/* harmony import */ var _panel_header_title__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./panel-header-title */ "../assets/js/app/components/ui/panel/panel-header-title.js");
|
|
/* harmony import */ var _panel_loading__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./panel-loading */ "../assets/js/app/components/ui/panel/panel-loading.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../utils */ "../assets/js/app/utils.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
var _templateObject, _templateObject2, _templateObject3;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var StyledPanel = (0,styled_components__WEBPACK_IMPORTED_MODULE_12__["default"])(_div_base__WEBPACK_IMPORTED_MODULE_3__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n display: flex !important;\n flex-direction: column !important;\n background: #e6e9ec !important;\n overflow: hidden !important;\n border-radius: 3px !important;\n box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1) !important;\n\n ", "\n\n ", "\n\n // The class comes from the react-draggable component.\n &:not(.react-draggable-dragging) {\n transition: transform 0.3s ease-out !important;\n }\n\n *:focus {\n outline: none;\n }\n"])), function (_ref) {
|
|
var defaultSize = _ref.defaultSize;
|
|
return defaultSize && (0,styled_components__WEBPACK_IMPORTED_MODULE_12__.css)(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n\twidth: ", "px !important;\n\tmax-height: 100vh !important;\n "])), defaultSize.width);
|
|
}, function (_ref2) {
|
|
var isFloating = _ref2.isFloating;
|
|
return isFloating && (0,styled_components__WEBPACK_IMPORTED_MODULE_12__.css)(_templateObject3 || (_templateObject3 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n\tposition: fixed !important;\n\ttop: 0 !important;\n\tinset-inline-start: 0 !important;\n\tz-index: ", " !important;\n "])), _utils__WEBPACK_IMPORTED_MODULE_11__.MAX_Z_INDEX);
|
|
});
|
|
var PanelContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.createContext)({});
|
|
function Panel(props) {
|
|
var panelRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
|
|
var contextValue = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
|
|
return {
|
|
floating: {
|
|
active: !!props.isFloating,
|
|
handleClassName: 'floating-handle'
|
|
},
|
|
size: {
|
|
defaultWidth: props.defaultSize.width,
|
|
defaultHeight: props.defaultSize.height
|
|
}
|
|
};
|
|
}, [props.isFloating]);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(PanelContext.Provider, {
|
|
value: contextValue
|
|
}, props.isFloating ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_panel_draggable__WEBPACK_IMPORTED_MODULE_4__["default"], {
|
|
handleClass: ".".concat(contextValue.floating.handleClassName),
|
|
defaultPosition: props.defaultPosition,
|
|
nodeRef: panelRef
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledPanel, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, {
|
|
ref: panelRef,
|
|
defaultSize: props.defaultSize
|
|
}))) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledPanel, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, {
|
|
defaultSize: props.defaultSize
|
|
})));
|
|
}
|
|
Panel.propTypes = {
|
|
children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
|
|
defaultPosition: PropTypes.shape({
|
|
x: PropTypes.number,
|
|
y: PropTypes.number
|
|
}),
|
|
defaultSize: PropTypes.shape({
|
|
width: PropTypes.number,
|
|
height: PropTypes.number
|
|
}),
|
|
isFloating: PropTypes.bool
|
|
};
|
|
Panel.Header = _panel_header__WEBPACK_IMPORTED_MODULE_7__["default"];
|
|
Panel.HeaderTitle = _panel_header_title__WEBPACK_IMPORTED_MODULE_9__["default"];
|
|
Panel.HeaderSideCol = _panel_header_side_col__WEBPACK_IMPORTED_MODULE_8__["default"];
|
|
Panel.Body = _panel_body__WEBPACK_IMPORTED_MODULE_5__["default"];
|
|
Panel.Loading = _panel_loading__WEBPACK_IMPORTED_MODULE_10__["default"];
|
|
Panel.Footer = _panel_footer__WEBPACK_IMPORTED_MODULE_6__["default"];
|
|
function usePanelContext() {
|
|
var contextValue = (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(PanelContext);
|
|
if (!contextValue) {
|
|
throw new Error('`usePanelContext` must be used inside Panel\'s components.');
|
|
}
|
|
return contextValue;
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/popover/popover-arrow.js":
|
|
/*!***************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/popover/popover-arrow.js ***!
|
|
\***************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var _radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @radix-ui/react-popover */ "../../../node_modules/@radix-ui/react-popover/dist/index.module.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
var PopoverArrow = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])(_radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_2__.Arrow)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n fill: #fff;\n margin: 0 10px;\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PopoverArrow);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/popover/popover-close-button.js":
|
|
/*!**********************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/popover/popover-close-button.js ***!
|
|
\**********************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ PopoverCloseButton)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "../../../node_modules/@babel/runtime/helpers/esm/extends.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var _radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @radix-ui/react-popover */ "../../../node_modules/@radix-ui/react-popover/dist/index.module.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _icon_button_icon_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon-button/icon-button */ "../assets/js/app/components/ui/icon-button/icon-button.js");
|
|
|
|
|
|
|
|
var _templateObject;
|
|
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
|
|
var StyledCloseButton = (0,styled_components__WEBPACK_IMPORTED_MODULE_5__["default"])(_icon_button_icon_button__WEBPACK_IMPORTED_MODULE_4__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n --position-spacing: 4px;\n\n position: absolute;\n top: var(--position-spacing);\n inset-inline-end: var(--position-spacing);\n"])));
|
|
function PopoverCloseButton(props) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_6__.Close, {
|
|
asChild: true
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(StyledCloseButton, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1__["default"])({}, props, {
|
|
name: "eicon-editor-close",
|
|
size: "sm"
|
|
})));
|
|
}
|
|
PopoverCloseButton.propTypes = _objectSpread({}, _radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_6__.Close.propTypes);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/popover/popover-content.js":
|
|
/*!*****************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/popover/popover-content.js ***!
|
|
\*****************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @radix-ui/react-popover */ "../../../node_modules/@radix-ui/react-popover/dist/index.module.js");
|
|
/* harmony import */ var _styles_animation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../styles/animation */ "../assets/js/app/styles/animation.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
|
|
var PopoverContent = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])(_radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_3__.Content)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n all: revert;\n\n font-family: Roboto, sans-serif !important;\n font-size: 1em !important;\n font-weight: normal !important;\n text-transform: none !important;\n font-style: normal !important;\n text-decoration: none !important;\n line-height: normal !important;\n letter-spacing: normal !important;\n word-spacing: normal !important;\n background: #fff !important;\n border-radius: 3px !important;\n min-width: 120px !important;\n box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15) !important;\n animation-duration: 400ms !important;\n animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;\n\n &[data-state=\"open\"] {\n\t&[data-side=\"top\"] {\n\t animation-name: ", ";\n\t}\n\n\t&[data-side=\"right\"] {\n\t animation-name: ", ";\n\t}\n\n\t&[data-side=\"bottom\"] {\n\t animation-name: ", ";\n\t}\n\n\t&[data-side=\"left\"] {\n\t animation-name: ", ";\n\t}\n\n *:focus {\n outline: none;\n }\n }\n"])), _styles_animation__WEBPACK_IMPORTED_MODULE_1__.slideUpAndFade, _styles_animation__WEBPACK_IMPORTED_MODULE_1__.slideRightAndFade, _styles_animation__WEBPACK_IMPORTED_MODULE_1__.slideDownAndFade, _styles_animation__WEBPACK_IMPORTED_MODULE_1__.slideLeftAndFade);
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PopoverContent);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/popover/popover.js":
|
|
/*!*********************************************************!*\
|
|
!*** ../assets/js/app/components/ui/popover/popover.js ***!
|
|
\*********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _popover_arrow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./popover-arrow */ "../assets/js/app/components/ui/popover/popover-arrow.js");
|
|
/* harmony import */ var _popover_close_button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./popover-close-button */ "../assets/js/app/components/ui/popover/popover-close-button.js");
|
|
/* harmony import */ var _popover_content__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./popover-content */ "../assets/js/app/components/ui/popover/popover-content.js");
|
|
/* harmony import */ var _radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @radix-ui/react-popover */ "../../../node_modules/@radix-ui/react-popover/dist/index.module.js");
|
|
|
|
|
|
|
|
|
|
var Popover = _radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_3__.Root;
|
|
Popover.Trigger = _radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_3__.Trigger;
|
|
Popover.Content = _popover_content__WEBPACK_IMPORTED_MODULE_2__["default"];
|
|
Popover.Arrow = _popover_arrow__WEBPACK_IMPORTED_MODULE_0__["default"];
|
|
Popover.CloseButton = _popover_close_button__WEBPACK_IMPORTED_MODULE_1__["default"];
|
|
Popover.propTypes = _radix_ui_react_popover__WEBPACK_IMPORTED_MODULE_3__.Root.propTypes;
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Popover);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/radio/radio.js":
|
|
/*!*****************************************************!*\
|
|
!*** ../assets/js/app/components/ui/radio/radio.js ***!
|
|
\*****************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Radio)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @radix-ui/react-radio-group */ "../../../node_modules/@radix-ui/react-radio-group/dist/index.module.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _button_base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../button-base */ "../assets/js/app/components/ui/button-base.js");
|
|
|
|
|
|
var _templateObject, _templateObject2;
|
|
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
|
|
var StyledItem = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])(_button_base__WEBPACK_IMPORTED_MODULE_3__["default"]).attrs(function () {
|
|
return {
|
|
as: _radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_5__.Item
|
|
};
|
|
})(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n --border-color: #a4afb6;\n --background: #fff;\n --border: 1px solid var( --border-color );\n --border-radius: 100%;\n --width: 12px;\n --height: 12px;\n --display: inline-flex;\n\n align-items: center;\n justify-content: center;\n position: relative;\n margin: 0;\n outline: none;\n transition: 0.2s all;\n overflow: hidden;\n\n &[data-state=\"checked\"] {\n --border-color: #39b54a;\n }\n\n &:hover, &:focus {\n\toutline: none;\n\t--background: #eee;\n\n\t& > * {\n\t --background: rgba(57, 181, 74, 0.8);\n\t}\n }\n"])));
|
|
var StyledIndicator = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])(_radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_5__.Indicator)(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n all: revert;\n\n position: absolute !important;\n top: 0 !important;\n right: 0 !important;\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n background: #39b54a !important;\n color: #fff !important;\n outline: none !important;\n font-size: 8px !important;\n margin: 2px !important;\n border-radius: 100% !important;\n width: 6px !important;\n height: 6px !important;\n"])));
|
|
function Radio(props) {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledItem, props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledIndicator, null));
|
|
}
|
|
Radio.propTypes = _objectSpread({}, _radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_5__.Item.propTypes);
|
|
Radio.Group = _radix_ui_react_radio_group__WEBPACK_IMPORTED_MODULE_5__.RadioGroup;
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/separator/separator.js":
|
|
/*!*************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/separator/separator.js ***!
|
|
\*************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Separator)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _radix_ui_react_separator__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @radix-ui/react-separator */ "../../../node_modules/@radix-ui/react-separator/dist/index.module.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
|
|
|
|
var _templateObject;
|
|
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
var StyledSeparator = (0,styled_components__WEBPACK_IMPORTED_MODULE_3__["default"])(_radix_ui_react_separator__WEBPACK_IMPORTED_MODULE_4__.Root)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_1__["default"])(["\n background: #f1f3f5;\n\n &[data-orientation=horizontal] {\n\theight: 1px;\n\twidth: 100%;\n\tmargin: 10px 0;\n }\n\n &[data-orientation=vertical] {\n\theight: 100%;\n\twidth: 1px;\n\tmargin: 0 10px;\n }\n"])));
|
|
function Separator() {
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledSeparator, null);
|
|
}
|
|
Separator.propTypes = _objectSpread({}, _radix_ui_react_separator__WEBPACK_IMPORTED_MODULE_4__.Root.propTypes);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/textarea.js":
|
|
/*!**************************************************!*\
|
|
!*** ../assets/js/app/components/ui/textarea.js ***!
|
|
\**************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "../../../node_modules/@babel/runtime/helpers/esm/extends.js");
|
|
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "../../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _div_base__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./div-base */ "../assets/js/app/components/ui/div-base.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
|
|
var _excluded = ["maxRows", "autoSize"];
|
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
|
|
|
|
|
|
|
|
var Container = (0,styled_components__WEBPACK_IMPORTED_MODULE_5__["default"])(_div_base__WEBPACK_IMPORTED_MODULE_4__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n --font: 300 12px Roboto, sans-serif;\n --line-height: 1.5;\n --padding-block: 8px;\n\n font-size: 12px !important;\n border-radius: 4px !important;\n border: 1px solid #c2cbd2 !important;\n transition: .3s border-color, .3s opacity !important;\n padding: var(--padding-block) 12px !important;\n overflow: auto !important;\n width: 100% !important;\n box-sizing: border-box !important;\n\n ", ";\n\n textarea {\n all: revert;\n\n\tborder: none !important;\n font: var( --font ) !important;\n\tline-height: var(--line-height) !important;\n\tpadding: 0 !important;\n\tmargin: 0 !important;\n\tcolor: #6d7882 !important;\n\tdisplay: block !important;\n\theight: 100% !important;\n\n\t&::placeholder {\n\t color: #c2cbd2 !important;\n\t}\n }\n\n &:focus-within {\n\tborder-color: #a4afb6 !important;\n\n\t// Accessibility-friendly, since the Container itself has a border on focus.\n\ttextarea:focus {\n\t outline: none !important;\n\t border: none !important;\n\t}\n }\n\n ", "\n\n ", ""])), function (_ref) {
|
|
var maxRows = _ref.maxRows;
|
|
return maxRows && (0,styled_components__WEBPACK_IMPORTED_MODULE_5__.css)(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n\t--max-rows: ", ";\n\n\tmax-height: calc((1em * var(--line-height) * var(--max-rows)) + (var(--padding-block) * 2)) !important;\n "])), maxRows);
|
|
}, function (_ref2) {
|
|
var disabled = _ref2.disabled;
|
|
return disabled && (0,styled_components__WEBPACK_IMPORTED_MODULE_5__.css)(_templateObject3 || (_templateObject3 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n\topacity: .5 !important;\n\tpointer-events: none !important;\n "])));
|
|
}, function (_ref3) {
|
|
var autoSize = _ref3.autoSize;
|
|
return autoSize && (0,styled_components__WEBPACK_IMPORTED_MODULE_5__.css)(_templateObject4 || (_templateObject4 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n\tdisplay: inline-grid !important;\n\tvertical-align: top !important;\n\talign-items: center !important;\n\n\ttextarea {\n\t grid-area: 2 / 1 !important;\n\t resize: none !important;\n\t background: none !important;\n\t appearance: none !important;\n\t box-shadow: none !important;\n\t overflow: hidden !important;\n\n\t &::placeholder {\n\t all: revert;\n\t }\n\t}\n\n\t&::after {\n\t content: attr(data-value) ' ' !important;\n\t display: block !important;\n\t font: var( --font ) !important;\n\t white-space: pre-wrap !important;\n\t grid-area: 2 / 1 !important;\n\t visibility: hidden !important;\n\t line-height: var(--line-height) !important;\n\t}"])));
|
|
});
|
|
var Textarea = react__WEBPACK_IMPORTED_MODULE_3___default().forwardRef(function (_ref4, ref) {
|
|
var maxRows = _ref4.maxRows,
|
|
autoSize = _ref4.autoSize,
|
|
props = (0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref4, _excluded);
|
|
var containerRef = (0,react__WEBPACK_IMPORTED_MODULE_3__.useRef)();
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(Container, {
|
|
maxRows: maxRows,
|
|
"data-value": props.value || props.defaultValue,
|
|
autoSize: autoSize,
|
|
ref: containerRef,
|
|
disabled: props.disabled
|
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("textarea", (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({}, props, {
|
|
ref: ref,
|
|
onInput: function onInput(e) {
|
|
if (props.onInput) {
|
|
props.onInput(e);
|
|
}
|
|
containerRef.current.dataset.value = e.target.value;
|
|
}
|
|
})));
|
|
});
|
|
Textarea.displayName = 'Textarea';
|
|
Textarea.propTypes = {
|
|
disabled: PropTypes.bool,
|
|
autoSize: PropTypes.bool,
|
|
maxRows: PropTypes.number,
|
|
onInput: PropTypes.func,
|
|
value: PropTypes.string,
|
|
defaultValue: PropTypes.string
|
|
};
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Textarea);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/toast/toast-action.js":
|
|
/*!************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/toast/toast-action.js ***!
|
|
\************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @radix-ui/react-toast */ "../../../node_modules/@radix-ui/react-toast/dist/index.module.js");
|
|
/* harmony import */ var _button_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../button-base */ "../assets/js/app/components/ui/button-base.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
|
|
var ToastAction = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])(_button_base__WEBPACK_IMPORTED_MODULE_1__["default"]).attrs(function () {
|
|
return {
|
|
as: _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_3__.ToastAction
|
|
};
|
|
})(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n --font-weight: 600 !important;\n --font-size: inherit !important;\n --font-family: inherit !important;\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ToastAction);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/toast/toast-close.js":
|
|
/*!***********************************************************!*\
|
|
!*** ../assets/js/app/components/ui/toast/toast-close.js ***!
|
|
\***********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @radix-ui/react-toast */ "../../../node_modules/@radix-ui/react-toast/dist/index.module.js");
|
|
/* harmony import */ var _button_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../button-base */ "../assets/js/app/components/ui/button-base.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
|
|
var ToastClose = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])(_button_base__WEBPACK_IMPORTED_MODULE_1__["default"]).attrs(function () {
|
|
return {
|
|
as: _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_3__.ToastClose
|
|
};
|
|
})(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n --height: 1em !important;\n --width: 1em !important;\n --display: block !important;\n\n margin-inline-start: auto !important;\n position: relative !important;\n\n &::before,\n &::after {\n\tcontent: '' !important;\n\tdisplay: block !important;\n\tposition: absolute !important;\n\tleft: 50% !important;\n\ttop: 50% !important;\n\tmargin-left: -1px !important;\n\tmargin-top: -.5em !important;\n\theight: 1em !important;\n\twidth: 2px;\n\tborder-radius: 9999px !important;\n\tbackground-color: #69727d !important;\n\ttransform-origin: center center !important;\n\ttransition: .3s all;\n }\n\n &::before {\n\ttransform: rotate( 45deg ) !important;\n }\n\n &::after {\n\ttransform: rotate( -45deg ) !important;\n }\n\n &:hover::before,\n &:hover::after {\n\tbackground-color: #232629 !important\n }\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ToastClose);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/toast/toast-description.js":
|
|
/*!*****************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/toast/toast-description.js ***!
|
|
\*****************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @radix-ui/react-toast */ "../../../node_modules/@radix-ui/react-toast/dist/index.module.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
var ToastDescription = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])(_radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_2__.ToastDescription)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n font-weight: normal !important;\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ToastDescription);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/toast/toast-icon.js":
|
|
/*!**********************************************************!*\
|
|
!*** ../assets/js/app/components/ui/toast/toast-icon.js ***!
|
|
\**********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../icon */ "../assets/js/app/components/ui/icon.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
var ToastIcon = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])(_icon__WEBPACK_IMPORTED_MODULE_1__["default"])(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n color: var( --color ) !important; // Inherited from the <Toast /> component.\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ToastIcon);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/toast/toast-title.js":
|
|
/*!***********************************************************!*\
|
|
!*** ../assets/js/app/components/ui/toast/toast-title.js ***!
|
|
\***********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @radix-ui/react-toast */ "../../../node_modules/@radix-ui/react-toast/dist/index.module.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
var ToastTitle = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])(_radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_2__.ToastTitle)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tfont-weight: bold !important;\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ToastTitle);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/toast/toast-viewport.js":
|
|
/*!**************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/toast/toast-viewport.js ***!
|
|
\**************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @radix-ui/react-toast */ "../../../node_modules/@radix-ui/react-toast/dist/index.module.js");
|
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../utils */ "../assets/js/app/utils.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
|
|
var ToastViewport = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])(_radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_3__.ToastViewport)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n display: flex !important;\n flex-direction: column !important;\n gap: 12px !important;\n position: fixed !important;\n max-width: 960px !important;\n width: 100% !important;\n left: 50% !important;\n bottom: 10px !important;\n padding-inline: 0 10px !important;\n transform: translateX( -50% ) !important;\n z-index: ", " !important;\n"])), _utils__WEBPACK_IMPORTED_MODULE_1__.MAX_Z_INDEX);
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ToastViewport);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/toast/toast.js":
|
|
/*!*****************************************************!*\
|
|
!*** ../assets/js/app/components/ui/toast/toast.js ***!
|
|
\*****************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var _radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @radix-ui/react-toast */ "../../../node_modules/@radix-ui/react-toast/dist/index.module.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _toast_action__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toast-action */ "../assets/js/app/components/ui/toast/toast-action.js");
|
|
/* harmony import */ var _toast_icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./toast-icon */ "../assets/js/app/components/ui/toast/toast-icon.js");
|
|
/* harmony import */ var _styles_animation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../styles/animation */ "../assets/js/app/styles/animation.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
|
|
|
|
|
|
var colorsMap = {
|
|
default: {
|
|
background: '#f1f2f3',
|
|
icon: '#69727d',
|
|
action: '#69727d'
|
|
},
|
|
success: {
|
|
background: '#e9fbee',
|
|
icon: '#1d6d38',
|
|
action: '#1d6d38'
|
|
},
|
|
warning: {
|
|
background: '#fff5e6',
|
|
icon: '#976402',
|
|
action: '#976402'
|
|
},
|
|
info: {
|
|
background: '#e6f6ff',
|
|
icon: '#006bb8',
|
|
action: '#006bb8'
|
|
},
|
|
danger: {
|
|
background: '#fde8ec',
|
|
icon: '#b92136',
|
|
action: '#b92136'
|
|
}
|
|
};
|
|
var Toast = (0,styled_components__WEBPACK_IMPORTED_MODULE_4__["default"])(_radix_ui_react_toast__WEBPACK_IMPORTED_MODULE_5__.Toast)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n display: flex !important;\n gap: 8px !important;\n align-items: center !important;\n width: 100% !important;\n box-sizing: border-box !important;\n padding: 12px 16px !important;\n font-size: 14px !important;\n line-height: normal !important;\n color: #3a3f45 !important;\n text-align: start !important;\n border-radius: 6px !important;\n box-shadow: 0 0 15px 0 rgba( 0,0,0,.2 ) !important;\n animation-duration: 400ms !important;\n animation-timing-function: cubic-bezier( 0.16, 1, 0.3, 1 ) !important;\n background-color: ", " !important;\n\n\t&[data-state=\"open\"] {\n\t animation-name: ", " !important;\n\t}\n\n\t&[data-state=\"closed\"] {\n\t animation-name: ", " !important;\n\t}\n\n\t", " {\n\t --color: ", " !important;\n\t}\n\n\t", " {\n\t --color: ", " !important;\n\t}\n"])), function (_ref) {
|
|
var variant = _ref.variant;
|
|
return colorsMap[variant].background;
|
|
}, _styles_animation__WEBPACK_IMPORTED_MODULE_3__.slideUpAndFade, _styles_animation__WEBPACK_IMPORTED_MODULE_3__.fadeOut, _toast_icon__WEBPACK_IMPORTED_MODULE_2__["default"], function (_ref2) {
|
|
var variant = _ref2.variant;
|
|
return colorsMap[variant].icon;
|
|
}, _toast_action__WEBPACK_IMPORTED_MODULE_1__["default"], function (_ref3) {
|
|
var variant = _ref3.variant;
|
|
return colorsMap[variant].icon;
|
|
});
|
|
Toast.propTypes = {
|
|
variant: PropTypes.oneOf(['default', 'success', 'warning', 'info', 'danger']).isRequired
|
|
};
|
|
Toast.defaultProps = {
|
|
variant: 'default'
|
|
};
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Toast);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/tooltip/tooltip-arrow.js":
|
|
/*!***************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/tooltip/tooltip-arrow.js ***!
|
|
\***************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var _radix_ui_react_tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @radix-ui/react-tooltip */ "../../../node_modules/@radix-ui/react-tooltip/dist/index.module.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
var TooltipArrow = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__["default"])(_radix_ui_react_tooltip__WEBPACK_IMPORTED_MODULE_2__.Arrow)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n fill: #26292c;\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TooltipArrow);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/tooltip/tooltip-content.js":
|
|
/*!*****************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/tooltip/tooltip-content.js ***!
|
|
\*****************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* harmony import */ var _radix_ui_react_tooltip__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @radix-ui/react-tooltip */ "../../../node_modules/@radix-ui/react-tooltip/dist/index.module.js");
|
|
/* harmony import */ var _styles_animation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../styles/animation */ "../assets/js/app/styles/animation.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
|
|
var TooltipContent = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])(_radix_ui_react_tooltip__WEBPACK_IMPORTED_MODULE_3__.Content)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n all: revert;\n\n font-family: Roboto, sans-serif !important;\n font-size: 12px !important;\n font-weight: normal !important;\n text-transform: none !important;\n font-style: normal !important;\n text-decoration: none !important;\n line-height: normal !important;\n letter-spacing: normal !important;\n word-spacing: normal !important;\n background: #26292c !important;\n color: #fff !important;\n border-radius: 3px !important;\n box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15) !important;\n padding: 5px 12px !important;\n animation-duration: 400ms !important;\n animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;\n will-change: transform, opacity !important;\n max-width: 150px !important;\n\n &[data-state=\"delayed-open\"] {\n\t&[data-side=\"top\"] {\n\t animation-name: ", "\n\t}\n\n\t&[data-side=\"right\"] {\n\t animation-name: ", "\n\t}\n\n\t&[data-side=\"bottom\"] {\n\t animation-name: ", "\n\t}\n\n\t&[data-side=\"left\"] {\n\t animation-name: ", "\n\t}\n }\n"])), _styles_animation__WEBPACK_IMPORTED_MODULE_1__.slideUpAndFade, _styles_animation__WEBPACK_IMPORTED_MODULE_1__.slideRightAndFade, _styles_animation__WEBPACK_IMPORTED_MODULE_1__.slideDownAndFade, _styles_animation__WEBPACK_IMPORTED_MODULE_1__.slideLeftAndFade);
|
|
TooltipContent.propTypes = _radix_ui_react_tooltip__WEBPACK_IMPORTED_MODULE_3__.Content.propTypes;
|
|
TooltipContent.defaultProps = {
|
|
side: 'top'
|
|
};
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TooltipContent);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/tooltip/tooltip.js":
|
|
/*!*********************************************************!*\
|
|
!*** ../assets/js/app/components/ui/tooltip/tooltip.js ***!
|
|
\*********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _radix_ui_react_tooltip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @radix-ui/react-tooltip */ "../../../node_modules/@radix-ui/react-tooltip/dist/index.module.js");
|
|
/* harmony import */ var _tooltip_arrow__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tooltip-arrow */ "../assets/js/app/components/ui/tooltip/tooltip-arrow.js");
|
|
/* harmony import */ var _tooltip_content__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tooltip-content */ "../assets/js/app/components/ui/tooltip/tooltip-content.js");
|
|
|
|
|
|
|
|
var Tooltip = _radix_ui_react_tooltip__WEBPACK_IMPORTED_MODULE_2__.Root;
|
|
Tooltip.Trigger = _radix_ui_react_tooltip__WEBPACK_IMPORTED_MODULE_2__.Trigger;
|
|
Tooltip.Arrow = _tooltip_arrow__WEBPACK_IMPORTED_MODULE_0__["default"];
|
|
Tooltip.Content = _tooltip_content__WEBPACK_IMPORTED_MODULE_1__["default"];
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Tooltip);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/typeahead/typeahead-list-footer.js":
|
|
/*!*************************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/typeahead/typeahead-list-footer.js ***!
|
|
\*************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var _typeahead_list_item__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./typeahead-list-item */ "../assets/js/app/components/ui/typeahead/typeahead-list-item.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
|
|
var _templateObject;
|
|
|
|
|
|
var TypeaheadListFooter = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__["default"])(_typeahead_list_item__WEBPACK_IMPORTED_MODULE_1__["default"]).attrs(function () {
|
|
return {
|
|
role: 'contentinfo'
|
|
};
|
|
})(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tfont-family: Roboto, sans-serif !important;\n\tbackground: #f1f3f5 !important;\n\ttext-align: center !important;\n\tfont-size: 12px !important;\n \tline-height: 1.5 !important;\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TypeaheadListFooter);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/typeahead/typeahead-list-item.js":
|
|
/*!***********************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/typeahead/typeahead-list-item.js ***!
|
|
\***********************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ TypeaheadListItem)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "../../../node_modules/@babel/runtime/helpers/esm/extends.js");
|
|
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "../../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
|
|
var _excluded = ["children", "value", "disabled"];
|
|
var _templateObject;
|
|
|
|
|
|
var StyledItem = styled_components__WEBPACK_IMPORTED_MODULE_4__["default"].li(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_2__["default"])(["\n\tall: revert;\n\n\tfont-family: Roboto, sans-serif !important;\n\tfont-size: 12px !important;\n\tcolor: #6d7882 !important;\n\tbackground: #ffffff !important;\n\tpadding: 8px !important;\n\tcursor: pointer !important;\n\n\t&:first-child {\n\t\tborder-top-right-radius: inherit;\n\t\tborder-top-left-radius: inherit;\n\t}\n\n\t&:last-child {\n\t\tborder-bottom-right-radius: inherit;\n\t\tborder-bottom-left-radius: inherit;\n\t}\n\n\t&[role=\"option\"]:hover,\n\t&[aria-selected=\"true\"] {\n\t\tbackground: #58d0f5 !important;\n\n\t\t&,\n\t\t& * {\n\t\t\tcolor: #ffffff !important;\n\t\t}\n\t}\n\n\t&[aria-disabled=\"true\"] {\n\t\tcursor: not-allowed !important;\n\t\topacity: .5 !important;\n\t}\n"])));
|
|
function TypeaheadListItem(_ref) {
|
|
var children = _ref.children,
|
|
value = _ref.value,
|
|
disabled = _ref.disabled,
|
|
rest = (0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref, _excluded);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(StyledItem, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
|
|
role: disabled ? 'listitem' : 'option',
|
|
"data-value": value
|
|
}, disabled ? {
|
|
'aria-disabled': true
|
|
} : {}, rest), children);
|
|
}
|
|
TypeaheadListItem.propTypes = {
|
|
value: PropTypes.string.isRequired,
|
|
disabled: PropTypes.bool,
|
|
children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired
|
|
};
|
|
TypeaheadListItem.defaultProps = {
|
|
value: ''
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/typeahead/typeahead-list.js":
|
|
/*!******************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/typeahead/typeahead-list.js ***!
|
|
\******************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
|
|
var _templateObject;
|
|
|
|
var TypeaheadList = styled_components__WEBPACK_IMPORTED_MODULE_1__["default"].ul(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n\tall: revert;\n\n\tpadding: 0 !important;\n\tmargin: 0 !important;\n\tlist-style: none !important;\n\twidth: 272px !important;\n\tz-index: 1 !important; // Just needs any 'z-index' value in order to appear above other things.\n\tbackground: #ffffff !important;\n\tborder-radius: 3px !important;\n\tbox-shadow: 0 1px 20px rgba(0, 0, 0, 0.15) !important;\n"])));
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TypeaheadList);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/components/ui/typeahead/typeahead.js":
|
|
/*!*************************************************************!*\
|
|
!*** ../assets/js/app/components/ui/typeahead/typeahead.js ***!
|
|
\*************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _hooks_use_debounced_callback__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../hooks/use-debounced-callback */ "../assets/js/app/hooks/use-debounced-callback.js");
|
|
/* harmony import */ var _typeahead_list__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./typeahead-list */ "../assets/js/app/components/ui/typeahead/typeahead-list.js");
|
|
/* harmony import */ var _typeahead_list_item__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./typeahead-list-item */ "../assets/js/app/components/ui/typeahead/typeahead-list-item.js");
|
|
/* harmony import */ var _typeahead_list_footer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./typeahead-list-footer */ "../assets/js/app/components/ui/typeahead/typeahead-list-footer.js");
|
|
/* harmony import */ var _github_text_expander_element__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @github/text-expander-element */ "../../../node_modules/@github/text-expander-element/dist/index.js");
|
|
/* provided dependency */ var PropTypes = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var Typeahead = function Typeahead(props) {
|
|
var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),
|
|
fragment = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
|
|
/**
|
|
* Debounced fragment renderer.
|
|
*
|
|
* @param {Function} resolve - Promise resolve function.
|
|
* @param {string} text - Text to pass to the rendered fragment as a filter prop.
|
|
*
|
|
* @return {void}
|
|
*/
|
|
var debouncedResultsRender = (0,_hooks_use_debounced_callback__WEBPACK_IMPORTED_MODULE_1__["default"])(function (_ref) {
|
|
var resolve = _ref.resolve,
|
|
text = _ref.text;
|
|
if (!fragment.current) {
|
|
fragment.current = document.createElement('div');
|
|
}
|
|
var result = props.fragment({
|
|
search: text
|
|
});
|
|
ReactDOM.render(result, fragment.current);
|
|
resolve({
|
|
matched: true,
|
|
fragment: fragment.current
|
|
});
|
|
}, props.debounce);
|
|
|
|
/**
|
|
* Handle mention change.
|
|
*
|
|
* @param {CustomEvent} e
|
|
*
|
|
* @return {void}
|
|
*/
|
|
var onChange = function onChange(e) {
|
|
var _e$detail = e.detail,
|
|
provide = _e$detail.provide,
|
|
text = _e$detail.text;
|
|
provide(new Promise(function (resolve) {
|
|
return debouncedResultsRender({
|
|
resolve: resolve,
|
|
text: text
|
|
});
|
|
}));
|
|
};
|
|
|
|
/**
|
|
* Handle mention select.
|
|
*
|
|
* @param {CustomEvent} e
|
|
*
|
|
* @return {void}
|
|
*/
|
|
var onValue = function onValue(e) {
|
|
var item = e.detail.item;
|
|
e.detail.value = "".concat(props.handle).concat(item.dataset.value);
|
|
props.onSelect(item, e);
|
|
};
|
|
|
|
// Init & cleanup events.
|
|
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
|
ref.current.addEventListener('text-expander-change', onChange);
|
|
ref.current.addEventListener('text-expander-value', onValue);
|
|
return function () {
|
|
if (ref.current) {
|
|
ref.current.removeEventListener('text-expander-change', onChange);
|
|
ref.current.removeEventListener('text-expander-value', onValue);
|
|
}
|
|
};
|
|
}, []);
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("text-expander", {
|
|
keys: props.handle,
|
|
ref: ref,
|
|
multiword: props.multiword ? props.handle : null
|
|
}, props.children);
|
|
};
|
|
Typeahead.List = _typeahead_list__WEBPACK_IMPORTED_MODULE_2__["default"];
|
|
Typeahead.ListItem = _typeahead_list_item__WEBPACK_IMPORTED_MODULE_3__["default"];
|
|
Typeahead.ListFooter = _typeahead_list_footer__WEBPACK_IMPORTED_MODULE_4__["default"];
|
|
Typeahead.propTypes = {
|
|
fragment: PropTypes.func.isRequired,
|
|
debounce: PropTypes.number.isRequired,
|
|
handle: PropTypes.string.isRequired,
|
|
multiword: PropTypes.bool.isRequired,
|
|
children: PropTypes.node.isRequired,
|
|
onSelect: PropTypes.func.isRequired
|
|
};
|
|
Typeahead.defaultProps = {
|
|
debounce: 0,
|
|
handle: '@',
|
|
multiword: false,
|
|
onSelect: function onSelect() {}
|
|
};
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Typeahead);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/context/elements.js":
|
|
/*!********************************************!*\
|
|
!*** ../assets/js/app/context/elements.js ***!
|
|
\********************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "ElementsProvider": () => (/* binding */ ElementsProvider),
|
|
/* harmony export */ "useElements": () => (/* binding */ useElements)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "../../../node_modules/@babel/runtime/helpers/esm/extends.js");
|
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
|
|
|
|
|
|
|
|
var ElementsContext = (0,react__WEBPACK_IMPORTED_MODULE_2__.createContext)(null);
|
|
|
|
/**
|
|
*
|
|
* @return {{elements: Map<string, HTMLElement>, getDocumentIdByElement: Function}} context
|
|
*/
|
|
var useElements = function useElements() {
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(ElementsContext);
|
|
};
|
|
var ElementsProvider = function ElementsProvider(props) {
|
|
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(function () {
|
|
return new Map();
|
|
}),
|
|
_useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_useState, 2),
|
|
elements = _useState2[0],
|
|
setElements = _useState2[1];
|
|
(0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
|
|
var map = new Map(),
|
|
noteCapableElements = document.querySelectorAll('.elementor-element[data-id]');
|
|
noteCapableElements.forEach(function (element) {
|
|
var id = element.dataset.id;
|
|
if (!map.has(id)) {
|
|
map.set(id, element);
|
|
}
|
|
});
|
|
setElements(map);
|
|
}, []);
|
|
|
|
/**
|
|
* Get the document ID for an element.
|
|
* Used mainly for handling Header / Footer notes when create a note in a page and not directly on them.
|
|
*
|
|
* @param {string} elementId - Elementor element ID.
|
|
* @param {string|number} defaultId - Default ID to return.
|
|
*
|
|
* @return {string|number}
|
|
*/
|
|
var getDocumentIdByElement = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (elementId) {
|
|
var defaultId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.top.$e.components.get('notes').config.route.post_id;
|
|
if (!elements.has(elementId)) {
|
|
return defaultId;
|
|
}
|
|
var document = elements.get(elementId).closest('[data-elementor-id]');
|
|
if (!document) {
|
|
return defaultId;
|
|
}
|
|
return document.dataset.elementorId;
|
|
}, [elements]);
|
|
var value = {
|
|
elements: elements,
|
|
getDocumentIdByElement: getDocumentIdByElement
|
|
};
|
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ElementsContext.Provider, (0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
|
|
value: value
|
|
}, props));
|
|
};
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-active-thread.js":
|
|
/*!***************************************************!*\
|
|
!*** ../assets/js/app/hooks/use-active-thread.js ***!
|
|
\***************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "NEW_THREAD": () => (/* binding */ NEW_THREAD),
|
|
/* harmony export */ "THREAD": () => (/* binding */ THREAD),
|
|
/* harmony export */ "default": () => (/* binding */ useActiveThread)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-redux */ "../../../node_modules/react-redux/es/index.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
|
|
|
|
var THREAD = 'thread';
|
|
var NEW_THREAD = 'new-thread';
|
|
function useActiveThread() {
|
|
var activeThread = (0,react_redux__WEBPACK_IMPORTED_MODULE_0__.useSelector)(function (state) {
|
|
return state.notes.active;
|
|
});
|
|
|
|
/**
|
|
* Set the current active thread.
|
|
*
|
|
* @return void
|
|
*/
|
|
var setActive = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (_ref) {
|
|
var type = _ref.type,
|
|
data = _ref.data;
|
|
var allowedTypes = [THREAD, NEW_THREAD];
|
|
if (!allowedTypes.includes(type)) {
|
|
throw new Error('`setActive()` type must be one of: ' + allowedTypes.join(', '));
|
|
}
|
|
return window.top.$e.run('notes/set-active', {
|
|
type: type,
|
|
data: data
|
|
});
|
|
}, []);
|
|
|
|
/**
|
|
* Clear the current active thread state.
|
|
*
|
|
* @param {number|null} id - Always clear if `id = null`, or clear only if `id` is provided and is the active thread.
|
|
*
|
|
* @return void
|
|
*/
|
|
var clearActive = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
|
|
var id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
return window.top.$e.run('notes/clear-active', {
|
|
id: id
|
|
});
|
|
}, []);
|
|
|
|
/**
|
|
* Determine of a thread is currently active.
|
|
*
|
|
* @return {boolean}
|
|
*/
|
|
var isThreadActive = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (noteId) {
|
|
return THREAD === (activeThread === null || activeThread === void 0 ? void 0 : activeThread.type) && (activeThread === null || activeThread === void 0 ? void 0 : activeThread.data.noteId) === noteId;
|
|
}, [activeThread]);
|
|
return {
|
|
activeThread: activeThread,
|
|
setActive: setActive,
|
|
clearActive: clearActive,
|
|
isThreadActive: isThreadActive
|
|
};
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-auto-focus.js":
|
|
/*!************************************************!*\
|
|
!*** ../assets/js/app/hooks/use-auto-focus.js ***!
|
|
\************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ useAutoFocus)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
|
|
|
|
/**
|
|
* When using the native autofocus and the input is filled with value the cursor
|
|
* will be positioned at the start of the input value, this hook make sure the cursor will be at the end.
|
|
*
|
|
* @param {string|undefined} value the value of the input
|
|
* @return {React.MutableRefObject<undefined>} reference
|
|
*/
|
|
function useAutoFocus(value) {
|
|
var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
|
|
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
|
if (ref.current) {
|
|
var lastCharPosition = value ? value.length : 0;
|
|
ref.current.focus();
|
|
ref.current.setSelectionRange(lastCharPosition, lastCharPosition);
|
|
}
|
|
}, []);
|
|
return ref;
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-debounced-callback.js":
|
|
/*!********************************************************!*\
|
|
!*** ../assets/js/app/hooks/use-debounced-callback.js ***!
|
|
\********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ useDebouncedCallback)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
|
|
function useDebouncedCallback(callback, wait) {
|
|
var timeout = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
var later = function later() {
|
|
clearTimeout(timeout.current);
|
|
callback.apply(void 0, args);
|
|
};
|
|
clearTimeout(timeout.current);
|
|
timeout.current = setTimeout(later, wait);
|
|
}, [callback, wait]);
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-forms-in-writing-mode.js":
|
|
/*!***********************************************************!*\
|
|
!*** ../assets/js/app/hooks/use-forms-in-writing-mode.js ***!
|
|
\***********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ useFormsInWritingMode)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-redux */ "../../../node_modules/react-redux/es/index.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
|
|
|
|
|
|
/**
|
|
* A util that manage all the forms that the user start to write some content on them.
|
|
*
|
|
* @return {Object} results
|
|
*/
|
|
function useFormsInWritingMode() {
|
|
var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_0__.useDispatch)(),
|
|
_window$top$$e$store$ = window.top.$e.store.get('notes'),
|
|
actions = _window$top$$e$store$.actions,
|
|
formsInWritingMode = (0,react_redux__WEBPACK_IMPORTED_MODULE_0__.useSelector)(function (state) {
|
|
return state.notes.formsInWritingMode;
|
|
});
|
|
var isInWritingMode = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (id) {
|
|
return formsInWritingMode.includes(id);
|
|
}, [formsInWritingMode]);
|
|
var addToWritingMode = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (id) {
|
|
return dispatch(actions.addFormToWritingMode(id));
|
|
}, [dispatch]);
|
|
var removeFromWritingMode = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (id) {
|
|
return dispatch(actions.removeFormFromWritingMode(id));
|
|
}, [dispatch]);
|
|
return {
|
|
formsInWritingMode: formsInWritingMode,
|
|
isInWritingMode: isInWritingMode,
|
|
addToWritingMode: addToWritingMode,
|
|
removeFromWritingMode: removeFromWritingMode
|
|
};
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-new-thread-events.js":
|
|
/*!*******************************************************!*\
|
|
!*** ../assets/js/app/hooks/use-new-thread-events.js ***!
|
|
\*******************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "DISABLE_NEW_THREAD": () => (/* binding */ DISABLE_NEW_THREAD),
|
|
/* harmony export */ "default": () => (/* binding */ useNewThreadEvents)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _use_user_can__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./use-user-can */ "../assets/js/app/hooks/use-user-can.js");
|
|
/* harmony import */ var _use_active_thread__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./use-active-thread */ "../assets/js/app/hooks/use-active-thread.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _context_elements__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../context/elements */ "../assets/js/app/context/elements.js");
|
|
|
|
|
|
|
|
|
|
|
|
// ClassName used to disable new thread events on click.
|
|
var DISABLE_NEW_THREAD = 'e-notes--disable-new-thread';
|
|
|
|
// ClassName used to display the mark and the hover on an element.
|
|
var NOTABLE_CLASSNAME = 'e-route-notes--notable';
|
|
|
|
/**
|
|
* Bind click events to notable elements.
|
|
*
|
|
* @return {void}
|
|
*/
|
|
function useNewThreadEvents() {
|
|
var canCreateThread = useCanCreateThread(),
|
|
_useElements = (0,_context_elements__WEBPACK_IMPORTED_MODULE_3__.useElements)(),
|
|
elements = _useElements.elements,
|
|
_useActiveThread = (0,_use_active_thread__WEBPACK_IMPORTED_MODULE_1__["default"])(),
|
|
setActive = _useActiveThread.setActive;
|
|
|
|
// Don't open new thread popover when clicking on an elements that disables it.
|
|
// (e.g. marker that opens a note).
|
|
var isNewThreadDisabled = function isNewThreadDisabled(e) {
|
|
var isDisabledByKeyboard = e.ctrlKey || e.metaKey || e.altKey,
|
|
isDisabledByClass = e.target.closest(".".concat(DISABLE_NEW_THREAD));
|
|
return isDisabledByKeyboard || isDisabledByClass;
|
|
};
|
|
|
|
// Disable default links behavior.
|
|
(0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
|
|
var onClick = function onClick(e) {
|
|
if (isNewThreadDisabled(e)) {
|
|
return;
|
|
}
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
};
|
|
elements.forEach(function (element) {
|
|
element.addEventListener('click', onClick);
|
|
});
|
|
return function () {
|
|
elements.forEach(function (element) {
|
|
element.removeEventListener('click', onClick);
|
|
});
|
|
};
|
|
}, [elements]);
|
|
|
|
// Change the active element on Elementor element click, to open a new-thread popover.
|
|
(0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
|
|
var onPointerDown = function onPointerDown(e) {
|
|
var isPrimaryMouseButton = 1 === e.buttons;
|
|
if (!isPrimaryMouseButton || isNewThreadDisabled(e)) {
|
|
return;
|
|
}
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
setActive({
|
|
type: _use_active_thread__WEBPACK_IMPORTED_MODULE_1__.NEW_THREAD,
|
|
data: {
|
|
elementId: e.currentTarget.dataset.id,
|
|
position: getClickPositionRelativeToTarget(e)
|
|
}
|
|
});
|
|
};
|
|
|
|
// Bind events.
|
|
if (elements.size && canCreateThread) {
|
|
elements.forEach(function (element) {
|
|
// Using `pointerdown` instead of `click` because when interacting out of the popover,
|
|
// a `click` event is being propagated to the underlying elements when the user releases
|
|
// the mouse pointer, which triggers the click handler. This behavior causes a bug where
|
|
// a new thread form is being opened instead of just closing the popover.
|
|
element.addEventListener('pointerdown', onPointerDown);
|
|
});
|
|
document.body.classList.add(NOTABLE_CLASSNAME);
|
|
}
|
|
|
|
// Cleanup.
|
|
return function () {
|
|
elements.forEach(function (element) {
|
|
element.removeEventListener('pointerdown', onPointerDown);
|
|
});
|
|
document.body.classList.remove(NOTABLE_CLASSNAME);
|
|
};
|
|
}, [elements, canCreateThread]);
|
|
}
|
|
|
|
/**
|
|
* Check if the user has permissions to create thread and there is no active thread.
|
|
*
|
|
* @return {boolean} does user have permissions to create a thread
|
|
*/
|
|
function useCanCreateThread() {
|
|
var hasPermission = (0,_use_user_can__WEBPACK_IMPORTED_MODULE_0__["default"])(_use_user_can__WEBPACK_IMPORTED_MODULE_0__.CAPABILITY_CREATE),
|
|
_useActiveThread2 = (0,_use_active_thread__WEBPACK_IMPORTED_MODULE_1__["default"])(),
|
|
activeThread = _useActiveThread2.activeThread;
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
|
|
return hasPermission && !activeThread;
|
|
}, [hasPermission, activeThread]);
|
|
}
|
|
|
|
/**
|
|
* Get the mouse click position as percentages, relative to the `currentTarget`.
|
|
*
|
|
* @param {MouseEvent} e
|
|
*
|
|
* @return {{x: number, y: number}} location
|
|
*/
|
|
function getClickPositionRelativeToTarget(e) {
|
|
var rect = e.currentTarget.getBoundingClientRect();
|
|
return {
|
|
x: (e.clientX - rect.left) / rect.width * 100,
|
|
y: (e.clientY - rect.top) / rect.height * 100
|
|
};
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-note.js":
|
|
/*!******************************************!*\
|
|
!*** ../assets/js/app/hooks/use-note.js ***!
|
|
\******************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ useNote)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/regenerator */ "../../../node_modules/@babel/runtime/regenerator/index.js");
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _models_note__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../models/note */ "../assets/js/app/models/note.js");
|
|
/* harmony import */ var react_query__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-query */ "../../../node_modules/react-query/es/index.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Hook to fetch note data by ID.
|
|
function useNote(noteId) {
|
|
var queryClient = (0,react_query__WEBPACK_IMPORTED_MODULE_4__.useQueryClient)(),
|
|
onSuccess = useOnSuccess(queryClient),
|
|
placeholderData = usePlaceholderDataCallback(queryClient, noteId);
|
|
return (0,react_query__WEBPACK_IMPORTED_MODULE_4__.useQuery)(['note', noteId], /*#__PURE__*/function () {
|
|
var _ref2 = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__["default"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().mark(function _callee(_ref) {
|
|
var _ref$queryKey, id, signal, _yield$window$top$$e$, data;
|
|
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_2___default().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
_ref$queryKey = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_ref.queryKey, 2), id = _ref$queryKey[1], signal = _ref.signal;
|
|
_context.next = 3;
|
|
return window.top.$e.data.get('notes/index', {
|
|
id: id
|
|
}, {
|
|
refresh: true,
|
|
signal: signal
|
|
});
|
|
case 3:
|
|
_yield$window$top$$e$ = _context.sent;
|
|
data = _yield$window$top$$e$.data;
|
|
return _context.abrupt("return", _models_note__WEBPACK_IMPORTED_MODULE_3__["default"].createFromResponse(data.data));
|
|
case 6:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function (_x) {
|
|
return _ref2.apply(this, arguments);
|
|
};
|
|
}(), {
|
|
onSuccess: onSuccess,
|
|
placeholderData: placeholderData // Use Note placeholder data from the "main" query.
|
|
});
|
|
}
|
|
|
|
// Get placeholder data for note.
|
|
function usePlaceholderDataCallback(queryClient, noteId) {
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_5__.useCallback)(function () {
|
|
var _queryClient$getQuery;
|
|
return (_queryClient$getQuery = queryClient.getQueryData('notes', {
|
|
active: true,
|
|
exact: false
|
|
})) === null || _queryClient$getQuery === void 0 ? void 0 : _queryClient$getQuery.find(function (note) {
|
|
return note.id === noteId;
|
|
});
|
|
}, [queryClient, noteId]);
|
|
}
|
|
|
|
// Hook to replace the Thread data in the "main" query, each time a Thread is fetched.
|
|
function useOnSuccess(queryClient) {
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_5__.useCallback)(function (fetchedNote) {
|
|
if (fetchedNote.isReply()) {
|
|
return;
|
|
}
|
|
queryClient.setQueriesData({
|
|
queryKey: ['notes'],
|
|
exact: false,
|
|
active: true
|
|
}, function (notes) {
|
|
if (!notes) {
|
|
return notes;
|
|
}
|
|
|
|
// Replace the corresponding Thread (it must be new array to trigger re-render in react components).
|
|
return notes.map(function (note) {
|
|
return note.id === fetchedNote.id ? fetchedNote : note;
|
|
});
|
|
});
|
|
}, [queryClient]);
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-notes-config.js":
|
|
/*!**************************************************!*\
|
|
!*** ../assets/js/app/hooks/use-notes-config.js ***!
|
|
\**************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ useNotesConfig)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
|
|
|
|
/**
|
|
* Returns notes configuration
|
|
*
|
|
* @return {Object} config
|
|
*/
|
|
function useNotesConfig() {
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
|
|
return window.top.$e.components.get('notes').config;
|
|
}, []);
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-notes-filters.js":
|
|
/*!***************************************************!*\
|
|
!*** ../assets/js/app/hooks/use-notes-filters.js ***!
|
|
\***************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ useNotesFilters)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-redux */ "../../../node_modules/react-redux/es/index.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
|
|
|
|
|
|
/**
|
|
* Use & set Notes filters from the global state.
|
|
*/
|
|
function useNotesFilters() {
|
|
var filters = (0,react_redux__WEBPACK_IMPORTED_MODULE_0__.useSelector)(function (state) {
|
|
return state.notes.filters;
|
|
}),
|
|
setFilters = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (newFilters) {
|
|
var overwrite = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
return window.top.$e.run('notes/filter', {
|
|
filters: newFilters,
|
|
overwrite: overwrite
|
|
});
|
|
}, []);
|
|
return [filters, setFilters];
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-notes-mutations.js":
|
|
/*!*****************************************************!*\
|
|
!*** ../assets/js/app/hooks/use-notes-mutations.js ***!
|
|
\*****************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "useCreateMutation": () => (/* binding */ useCreateMutation),
|
|
/* harmony export */ "useDeleteMutation": () => (/* binding */ useDeleteMutation),
|
|
/* harmony export */ "useReadMutation": () => (/* binding */ useReadMutation),
|
|
/* harmony export */ "useResolveMutation": () => (/* binding */ useResolveMutation),
|
|
/* harmony export */ "useUpdateMutation": () => (/* binding */ useUpdateMutation)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "../../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/regenerator */ "../../../node_modules/@babel/runtime/regenerator/index.js");
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var _models_note__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../models/note */ "../assets/js/app/models/note.js");
|
|
/* harmony import */ var _use_notes_config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./use-notes-config */ "../assets/js/app/hooks/use-notes-config.js");
|
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils */ "../assets/js/app/utils.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_7__);
|
|
/* harmony import */ var react_query__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-query */ "../../../node_modules/react-query/es/index.js");
|
|
/* harmony import */ var _context_elements__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../context/elements */ "../assets/js/app/context/elements.js");
|
|
/* harmony import */ var _use_active_thread__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./use-active-thread */ "../assets/js/app/hooks/use-active-thread.js");
|
|
|
|
|
|
|
|
var _excluded = ["id"];
|
|
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function useCreateMutation() {
|
|
var invalidateSingle = useInvalidateSingle(),
|
|
invalidateList = useInvalidateList(),
|
|
invalidateSummary = useInvalidateSummary(),
|
|
_useElements = (0,_context_elements__WEBPACK_IMPORTED_MODULE_9__.useElements)(),
|
|
getDocumentIdByElement = _useElements.getDocumentIdByElement,
|
|
config = (0,_use_notes_config__WEBPACK_IMPORTED_MODULE_5__["default"])();
|
|
return (0,react_query__WEBPACK_IMPORTED_MODULE_8__.useMutation)( /*#__PURE__*/function () {
|
|
var _ref2 = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__["default"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().mark(function _callee(_ref) {
|
|
var postId, elementId, content, _ref$position, position, _ref$routeUrl, routeUrl, _ref$routeTitle, routeTitle, _ref$routePostId, routePostId, _ref$status, status, parentId, _ref$isPublic, isPublic, _yield$window$top$$e$, data;
|
|
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
postId = _ref.postId, elementId = _ref.elementId, content = _ref.content, _ref$position = _ref.position, position = _ref$position === void 0 ? {
|
|
x: 0,
|
|
y: 0
|
|
} : _ref$position, _ref$routeUrl = _ref.routeUrl, routeUrl = _ref$routeUrl === void 0 ? config.route.url : _ref$routeUrl, _ref$routeTitle = _ref.routeTitle, routeTitle = _ref$routeTitle === void 0 ? config.route.title : _ref$routeTitle, _ref$routePostId = _ref.routePostId, routePostId = _ref$routePostId === void 0 ? config.route.post_id : _ref$routePostId, _ref$status = _ref.status, status = _ref$status === void 0 ? 'publish' : _ref$status, parentId = _ref.parentId, _ref$isPublic = _ref.isPublic, isPublic = _ref$isPublic === void 0 ? null : _ref$isPublic;
|
|
if (!postId) {
|
|
postId = getDocumentIdByElement(elementId);
|
|
}
|
|
_context.next = 4;
|
|
return window.top.$e.data.create('notes/index', _objectSpread({
|
|
post_id: postId,
|
|
element_id: elementId,
|
|
content: content,
|
|
position: position,
|
|
route_post_id: routePostId,
|
|
route_url: routeUrl,
|
|
route_title: routeTitle,
|
|
status: status,
|
|
parent_id: parentId,
|
|
mentioned_usernames: (0,_utils__WEBPACK_IMPORTED_MODULE_6__.extractMentions)(content)
|
|
}, null !== isPublic ? {
|
|
is_public: isPublic
|
|
} : {}));
|
|
case 4:
|
|
_yield$window$top$$e$ = _context.sent;
|
|
data = _yield$window$top$$e$.data;
|
|
return _context.abrupt("return", _models_note__WEBPACK_IMPORTED_MODULE_4__["default"].createFromResponse(data.data));
|
|
case 7:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function (_x) {
|
|
return _ref2.apply(this, arguments);
|
|
};
|
|
}(), {
|
|
onSuccess: function onSuccess(note) {
|
|
return Promise.all(note.isThread() ? [invalidateSummary({
|
|
exact: false
|
|
}), invalidateList({
|
|
exact: false
|
|
})] : [invalidateSingle({
|
|
id: note.parentId
|
|
})]);
|
|
}
|
|
});
|
|
}
|
|
function useUpdateMutation() {
|
|
var invalidateSingle = useInvalidateSingle();
|
|
return (0,react_query__WEBPACK_IMPORTED_MODULE_8__.useMutation)( /*#__PURE__*/function () {
|
|
var _ref4 = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__["default"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().mark(function _callee2(_ref3) {
|
|
var id, content, _yield$window$top$$e$2, data;
|
|
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().wrap(function _callee2$(_context2) {
|
|
while (1) switch (_context2.prev = _context2.next) {
|
|
case 0:
|
|
id = _ref3.id, content = _ref3.values.content;
|
|
_context2.next = 3;
|
|
return window.top.$e.data.update('notes/index', {
|
|
content: content,
|
|
mentioned_usernames: (0,_utils__WEBPACK_IMPORTED_MODULE_6__.extractMentions)(content)
|
|
}, {
|
|
id: id
|
|
});
|
|
case 3:
|
|
_yield$window$top$$e$2 = _context2.sent;
|
|
data = _yield$window$top$$e$2.data;
|
|
return _context2.abrupt("return", _models_note__WEBPACK_IMPORTED_MODULE_4__["default"].createFromResponse(data.data));
|
|
case 6:
|
|
case "end":
|
|
return _context2.stop();
|
|
}
|
|
}, _callee2);
|
|
}));
|
|
return function (_x2) {
|
|
return _ref4.apply(this, arguments);
|
|
};
|
|
}(), {
|
|
onSuccess: function onSuccess(note) {
|
|
return invalidateSingle({
|
|
id: note.isThread() ? note.id : note.parentId
|
|
});
|
|
}
|
|
});
|
|
}
|
|
function useDeleteMutation() {
|
|
var invalidateList = useInvalidateList(),
|
|
invalidateSingle = useInvalidateSingle(),
|
|
invalidateSummary = useInvalidateSummary(),
|
|
_useActiveThread = (0,_use_active_thread__WEBPACK_IMPORTED_MODULE_10__["default"])(),
|
|
clearActive = _useActiveThread.clearActive;
|
|
return (0,react_query__WEBPACK_IMPORTED_MODULE_8__.useMutation)( /*#__PURE__*/function () {
|
|
var _ref6 = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__["default"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().mark(function _callee3(_ref5) {
|
|
var id, parentId, _ref5$force, force;
|
|
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().wrap(function _callee3$(_context3) {
|
|
while (1) switch (_context3.prev = _context3.next) {
|
|
case 0:
|
|
id = _ref5.id, parentId = _ref5.parentId, _ref5$force = _ref5.force, force = _ref5$force === void 0 ? false : _ref5$force;
|
|
_context3.next = 3;
|
|
return window.top.$e.data.delete('notes/index', (0,_utils__WEBPACK_IMPORTED_MODULE_6__.normalizeQueryParams)({
|
|
id: id,
|
|
force: force
|
|
}));
|
|
case 3:
|
|
return _context3.abrupt("return", {
|
|
id: id,
|
|
parentId: parentId
|
|
});
|
|
case 4:
|
|
case "end":
|
|
return _context3.stop();
|
|
}
|
|
}, _callee3);
|
|
}));
|
|
return function (_x3) {
|
|
return _ref6.apply(this, arguments);
|
|
};
|
|
}(), {
|
|
onSuccess: function onSuccess(_ref7) {
|
|
var id = _ref7.id,
|
|
parentId = _ref7.parentId;
|
|
clearActive(id);
|
|
var isThread = !parentId;
|
|
return Promise.all(isThread ? [invalidateSummary({
|
|
exact: false
|
|
}), invalidateList({
|
|
exact: false
|
|
})] : [invalidateSingle({
|
|
id: parentId
|
|
})]);
|
|
}
|
|
});
|
|
}
|
|
function useResolveMutation() {
|
|
var invalidateList = useInvalidateList(),
|
|
invalidateSingle = useInvalidateSingle(),
|
|
invalidateSummary = useInvalidateSummary();
|
|
return (0,react_query__WEBPACK_IMPORTED_MODULE_8__.useMutation)( /*#__PURE__*/function () {
|
|
var _ref9 = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__["default"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().mark(function _callee4(_ref8) {
|
|
var id, isResolved, _yield$window$top$$e$3, data;
|
|
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().wrap(function _callee4$(_context4) {
|
|
while (1) switch (_context4.prev = _context4.next) {
|
|
case 0:
|
|
id = _ref8.id, isResolved = _ref8.isResolved;
|
|
_context4.next = 3;
|
|
return window.top.$e.data.update('notes/index', {
|
|
is_resolved: isResolved
|
|
}, {
|
|
id: id
|
|
});
|
|
case 3:
|
|
_yield$window$top$$e$3 = _context4.sent;
|
|
data = _yield$window$top$$e$3.data;
|
|
return _context4.abrupt("return", _models_note__WEBPACK_IMPORTED_MODULE_4__["default"].createFromResponse(data.data));
|
|
case 6:
|
|
case "end":
|
|
return _context4.stop();
|
|
}
|
|
}, _callee4);
|
|
}));
|
|
return function (_x4) {
|
|
return _ref9.apply(this, arguments);
|
|
};
|
|
}(), {
|
|
onSuccess: function onSuccess(note) {
|
|
// Invalidate only the queries that do filter by is_resolved.
|
|
var listPredicate = function listPredicate(_ref10) {
|
|
var queryKey = _ref10.queryKey;
|
|
return Object.prototype.hasOwnProperty.call(queryKey[1] || {}, 'is_resolved');
|
|
};
|
|
return Promise.all([invalidateSingle({
|
|
id: note.id
|
|
}), invalidateList({
|
|
predicate: listPredicate
|
|
}), invalidateSummary({
|
|
predicate: listPredicate
|
|
})]);
|
|
}
|
|
});
|
|
}
|
|
function useReadMutation() {
|
|
var invalidateList = useInvalidateList(),
|
|
invalidateSingle = useInvalidateSingle(),
|
|
invalidateSummary = useInvalidateSummary();
|
|
return (0,react_query__WEBPACK_IMPORTED_MODULE_8__.useMutation)( /*#__PURE__*/function () {
|
|
var _ref12 = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_2__["default"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().mark(function _callee5(_ref11) {
|
|
var ids, isRead;
|
|
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().wrap(function _callee5$(_context5) {
|
|
while (1) switch (_context5.prev = _context5.next) {
|
|
case 0:
|
|
ids = _ref11.ids, isRead = _ref11.isRead;
|
|
ids = ids.filter(function (id) {
|
|
return !!id && id > 0;
|
|
});
|
|
_context5.next = 4;
|
|
return window.top.$e.data[isRead ? 'create' : 'delete']('notes/read-status', {
|
|
ids: ids
|
|
});
|
|
case 4:
|
|
return _context5.abrupt("return", ids);
|
|
case 5:
|
|
case "end":
|
|
return _context5.stop();
|
|
}
|
|
}, _callee5);
|
|
}));
|
|
return function (_x5) {
|
|
return _ref12.apply(this, arguments);
|
|
};
|
|
}(), {
|
|
onSuccess: function onSuccess(ids) {
|
|
// Invalidate "single queries" that their ID was mutated.
|
|
var singlePredicate = function singlePredicate(_ref13) {
|
|
var queryKey = _ref13.queryKey;
|
|
return ids.includes(queryKey[1]);
|
|
};
|
|
|
|
// Invalidate only the queries that filter by only_unread.
|
|
var listPredicate = function listPredicate(_ref14) {
|
|
var queryKey = _ref14.queryKey;
|
|
return Object.prototype.hasOwnProperty.call(queryKey[1] || {}, 'only_unread');
|
|
};
|
|
return Promise.all([invalidateSingle({
|
|
predicate: singlePredicate
|
|
}), invalidateSummary({
|
|
predicate: listPredicate
|
|
}), invalidateList({
|
|
predicate: listPredicate,
|
|
refetchActive: false // Should not remove the note from the active list after reading it, even if `only_unread` is applied.
|
|
})]);
|
|
}
|
|
});
|
|
}
|
|
|
|
function useInvalidateSingle() {
|
|
var queryClient = (0,react_query__WEBPACK_IMPORTED_MODULE_8__.useQueryClient)();
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_7__.useCallback)(function (_ref15) {
|
|
var id = _ref15.id,
|
|
options = (0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__["default"])(_ref15, _excluded);
|
|
var queryKey = ['note'];
|
|
if (id) {
|
|
queryKey.push(id);
|
|
}
|
|
return queryClient.invalidateQueries(queryKey, options);
|
|
}, [queryClient]);
|
|
}
|
|
function useInvalidateList() {
|
|
var queryClient = (0,react_query__WEBPACK_IMPORTED_MODULE_8__.useQueryClient)();
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_7__.useCallback)(function () {
|
|
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
var queryKey = ['notes'];
|
|
return queryClient.invalidateQueries(queryKey, options);
|
|
}, [queryClient]);
|
|
}
|
|
function useInvalidateSummary() {
|
|
var queryClient = (0,react_query__WEBPACK_IMPORTED_MODULE_8__.useQueryClient)();
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_7__.useCallback)(function () {
|
|
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
var queryKey = ['notes/summary'];
|
|
return queryClient.invalidateQueries(queryKey, options);
|
|
}, [queryClient]);
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-notes-or-notes-summary.js":
|
|
/*!************************************************************!*\
|
|
!*** ../assets/js/app/hooks/use-notes-or-notes-summary.js ***!
|
|
\************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "VIEW_NOTES": () => (/* binding */ VIEW_NOTES),
|
|
/* harmony export */ "VIEW_NOTES_SUMMARY": () => (/* binding */ VIEW_NOTES_SUMMARY),
|
|
/* harmony export */ "default": () => (/* binding */ useNotesOrNotesSummary)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _use_notes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./use-notes */ "../assets/js/app/hooks/use-notes.js");
|
|
/* harmony import */ var _use_notes_summary__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./use-notes-summary */ "../assets/js/app/hooks/use-notes-summary.js");
|
|
|
|
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
|
|
var VIEW_NOTES = 'notes';
|
|
var VIEW_NOTES_SUMMARY = 'notes-summary';
|
|
function useNotesOrNotesSummary() {
|
|
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(VIEW_NOTES),
|
|
_useState2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_useState, 2),
|
|
view = _useState2[0],
|
|
setView = _useState2[1],
|
|
isNotesView = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
|
|
return VIEW_NOTES === view;
|
|
}, [view]),
|
|
isNotesSummaryView = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
|
|
return VIEW_NOTES_SUMMARY === view;
|
|
}, [view]);
|
|
var notesQuery = (0,_use_notes__WEBPACK_IMPORTED_MODULE_3__["default"])({
|
|
enabled: isNotesView
|
|
}),
|
|
notesSummaryQuery = (0,_use_notes_summary__WEBPACK_IMPORTED_MODULE_4__["default"])({
|
|
enabled: isNotesSummaryView
|
|
});
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
|
|
return _objectSpread(_objectSpread({}, VIEW_NOTES === view ? notesQuery : notesSummaryQuery), {}, {
|
|
setView: setView,
|
|
view: view,
|
|
isNotesView: isNotesView,
|
|
isNotesSummaryView: isNotesSummaryView
|
|
});
|
|
}, [notesQuery, notesSummaryQuery]);
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-notes-summary.js":
|
|
/*!***************************************************!*\
|
|
!*** ../assets/js/app/hooks/use-notes-summary.js ***!
|
|
\***************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ useNotesSummary)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/regenerator */ "../../../node_modules/@babel/runtime/regenerator/index.js");
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
|
|
/* harmony import */ var react_query__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-query */ "../../../node_modules/react-query/es/index.js");
|
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils */ "../assets/js/app/utils.js");
|
|
/* harmony import */ var _models_note_summary__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../models/note-summary */ "../assets/js/app/models/note-summary.js");
|
|
/* harmony import */ var _use_notes_filters__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./use-notes-filters */ "../assets/js/app/hooks/use-notes-filters.js");
|
|
|
|
|
|
|
|
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
|
|
|
|
|
|
var defaultOptions = {
|
|
enabled: true,
|
|
params: {}
|
|
};
|
|
function useNotesSummary() {
|
|
var rawOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
var _useNotesFilters = (0,_use_notes_filters__WEBPACK_IMPORTED_MODULE_8__["default"])(),
|
|
_useNotesFilters2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useNotesFilters, 1),
|
|
filters = _useNotesFilters2[0];
|
|
var options = (0,react__WEBPACK_IMPORTED_MODULE_4__.useMemo)(function () {
|
|
return _objectSpread(_objectSpread({}, defaultOptions), rawOptions);
|
|
}, [rawOptions]);
|
|
var queryParams = (0,react__WEBPACK_IMPORTED_MODULE_4__.useMemo)(function () {
|
|
return (0,_utils__WEBPACK_IMPORTED_MODULE_6__.normalizeQueryParams)(_objectSpread(_objectSpread({}, filters), options.params || {}));
|
|
}, [options.params, filters]);
|
|
return (0,react_query__WEBPACK_IMPORTED_MODULE_5__.useQuery)(['notes/summary', queryParams], /*#__PURE__*/function () {
|
|
var _ref2 = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().mark(function _callee(_ref) {
|
|
var _ref$queryKey, params, signal, _yield$window$top$$e$, data;
|
|
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
_ref$queryKey = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_ref.queryKey, 2), params = _ref$queryKey[1], signal = _ref.signal;
|
|
_context.next = 3;
|
|
return window.top.$e.data.get('notes/summary', _objectSpread({
|
|
parent_id: 0
|
|
}, params), {
|
|
refresh: true,
|
|
signal: signal
|
|
});
|
|
case 3:
|
|
_yield$window$top$$e$ = _context.sent;
|
|
data = _yield$window$top$$e$.data;
|
|
return _context.abrupt("return", data.data.map(function (rawNote) {
|
|
return _models_note_summary__WEBPACK_IMPORTED_MODULE_7__["default"].createFromResponse(rawNote);
|
|
}));
|
|
case 6:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function (_x) {
|
|
return _ref2.apply(this, arguments);
|
|
};
|
|
}(), {
|
|
keepPreviousData: true,
|
|
enabled: options.enabled
|
|
});
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-notes.js":
|
|
/*!*******************************************!*\
|
|
!*** ../assets/js/app/hooks/use-notes.js ***!
|
|
\*******************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ useNotes)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/regenerator */ "../../../node_modules/@babel/runtime/regenerator/index.js");
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var _models_note__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../models/note */ "../assets/js/app/models/note.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
|
|
/* harmony import */ var react_query__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-query */ "../../../node_modules/react-query/es/index.js");
|
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils */ "../assets/js/app/utils.js");
|
|
/* harmony import */ var _use_notes_config__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./use-notes-config */ "../assets/js/app/hooks/use-notes-config.js");
|
|
/* harmony import */ var _use_notes_filters__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./use-notes-filters */ "../assets/js/app/hooks/use-notes-filters.js");
|
|
|
|
|
|
|
|
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var defaultOptions = {
|
|
enabled: true,
|
|
params: {}
|
|
};
|
|
function useNotes() {
|
|
var rawOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
var _useNotesConfig = (0,_use_notes_config__WEBPACK_IMPORTED_MODULE_8__["default"])(),
|
|
route = _useNotesConfig.route;
|
|
var _useNotesFilters = (0,_use_notes_filters__WEBPACK_IMPORTED_MODULE_9__["default"])(),
|
|
_useNotesFilters2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useNotesFilters, 1),
|
|
filters = _useNotesFilters2[0];
|
|
var options = (0,react__WEBPACK_IMPORTED_MODULE_5__.useMemo)(function () {
|
|
return _objectSpread(_objectSpread({}, defaultOptions), rawOptions);
|
|
}, [rawOptions]);
|
|
var queryParams = (0,react__WEBPACK_IMPORTED_MODULE_5__.useMemo)(function () {
|
|
var routeFilter = route.is_elementor_library ? {
|
|
post_id: route.post_id
|
|
} : {
|
|
route_url: encodeURIComponent(route.url)
|
|
};
|
|
return (0,_utils__WEBPACK_IMPORTED_MODULE_7__.normalizeQueryParams)(_objectSpread(_objectSpread(_objectSpread({
|
|
parent_id: 0,
|
|
order_by: 'last_activity_at',
|
|
order: 'desc'
|
|
}, routeFilter), filters), options.params || {}));
|
|
}, [route, filters, options.params]);
|
|
return (0,react_query__WEBPACK_IMPORTED_MODULE_6__.useQuery)(['notes', queryParams], /*#__PURE__*/function () {
|
|
var _ref2 = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().mark(function _callee(_ref) {
|
|
var _ref$queryKey, params, signal, _yield$window$top$$e$, data;
|
|
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
_ref$queryKey = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_ref.queryKey, 2), params = _ref$queryKey[1], signal = _ref.signal;
|
|
_context.next = 3;
|
|
return window.top.$e.data.get('notes/index', params, {
|
|
refresh: true,
|
|
signal: signal
|
|
});
|
|
case 3:
|
|
_yield$window$top$$e$ = _context.sent;
|
|
data = _yield$window$top$$e$.data;
|
|
return _context.abrupt("return", data.data.map(function (rawNote) {
|
|
return _models_note__WEBPACK_IMPORTED_MODULE_4__["default"].createFromResponse(rawNote);
|
|
}));
|
|
case 6:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function (_x) {
|
|
return _ref2.apply(this, arguments);
|
|
};
|
|
}(), {
|
|
keepPreviousData: true,
|
|
enabled: options.enabled
|
|
});
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-reverse-html-entities.js":
|
|
/*!***********************************************************!*\
|
|
!*** ../assets/js/app/hooks/use-reverse-html-entities.js ***!
|
|
\***********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "useReverseHtmlEntities": () => (/* binding */ useReverseHtmlEntities)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
|
|
|
|
/**
|
|
* Reverse PHP's `htmlentities()` function.
|
|
* e.g.: `<a>` will become `<a>`.
|
|
*
|
|
* Used to render escaped HTML characters in JSX.
|
|
*
|
|
* @param {string} escapedHTML
|
|
*
|
|
* @return {string} unescaped HTML
|
|
*/
|
|
function useReverseHtmlEntities(escapedHTML) {
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
|
|
var textarea = document.createElement('textarea');
|
|
textarea.innerHTML = escapedHTML;
|
|
var value = textarea.value;
|
|
textarea.remove();
|
|
return value;
|
|
}, [escapedHTML]);
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-scroll-into-view.js":
|
|
/*!******************************************************!*\
|
|
!*** ../assets/js/app/hooks/use-scroll-into-view.js ***!
|
|
\******************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ useScrollIntoView)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "../../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
|
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "../assets/js/app/utils.js");
|
|
|
|
|
|
var _excluded = ["onlyIfNeeded"];
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
|
|
// Hook to scroll into the `ref` view when a condition is truthy.
|
|
function useScrollIntoView() {
|
|
var condition = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
var _ref$onlyIfNeeded = _ref.onlyIfNeeded,
|
|
onlyIfNeeded = _ref$onlyIfNeeded === void 0 ? true : _ref$onlyIfNeeded,
|
|
scrollOptions = (0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref, _excluded);
|
|
var ref = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);
|
|
(0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
|
|
if (condition) {
|
|
/**
|
|
* Defer to wait for React state stack to be empty, and all of the components have finished rendering,
|
|
* since it causes a bug in Chromium based browsers.
|
|
*
|
|
* @see https://stackoverflow.com/questions/68263352/smooth-scroll-bug-in-react-useeffect-hook-only-on-chrome-chromium
|
|
* @see https://stackoverflow.com/questions/59782858/scrollintoview-behavior-smooth-is-broken-in-react
|
|
*/
|
|
setTimeout(function () {
|
|
(0,_utils__WEBPACK_IMPORTED_MODULE_3__.scrollIntoView)(ref.current, _objectSpread({
|
|
onlyIfNeeded: onlyIfNeeded
|
|
}, scrollOptions));
|
|
});
|
|
}
|
|
}, [condition]);
|
|
return ref;
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-stoppable-effect.js":
|
|
/*!******************************************************!*\
|
|
!*** ../assets/js/app/hooks/use-stoppable-effect.js ***!
|
|
\******************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ useStoppableEffect)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
|
|
|
|
/**
|
|
* Use an effect with an option to stop it.
|
|
*
|
|
* Usage:
|
|
* useStoppableEffect( ( stop ) => {
|
|
* console.log( 'stuff' );
|
|
*
|
|
* if ( a === 1 ) {
|
|
* stop();
|
|
* }
|
|
* }, [ deps ] );
|
|
*
|
|
* @param {Function} effect
|
|
* @param {Array} deps
|
|
*
|
|
* @return {void}
|
|
*/
|
|
function useStoppableEffect(effect, deps) {
|
|
var shouldRun = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(true);
|
|
var stop = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
|
|
shouldRun.current = false;
|
|
}, []);
|
|
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
|
if (shouldRun.current) {
|
|
effect(stop);
|
|
}
|
|
}, deps);
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-user-can.js":
|
|
/*!**********************************************!*\
|
|
!*** ../assets/js/app/hooks/use-user-can.js ***!
|
|
\**********************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "CAPABILITY_CREATE": () => (/* binding */ CAPABILITY_CREATE),
|
|
/* harmony export */ "CAPABILITY_CREATE_USERS": () => (/* binding */ CAPABILITY_CREATE_USERS),
|
|
/* harmony export */ "CAPABILITY_DELETE": () => (/* binding */ CAPABILITY_DELETE),
|
|
/* harmony export */ "CAPABILITY_EDIT": () => (/* binding */ CAPABILITY_EDIT),
|
|
/* harmony export */ "CAPABILITY_EDIT_USERS": () => (/* binding */ CAPABILITY_EDIT_USERS),
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _use_notes_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./use-notes-config */ "../assets/js/app/hooks/use-notes-config.js");
|
|
|
|
|
|
var CAPABILITY_CREATE = 'create';
|
|
var CAPABILITY_EDIT = 'edit';
|
|
var CAPABILITY_DELETE = 'delete';
|
|
var CAPABILITY_CREATE_USERS = 'create_users';
|
|
var CAPABILITY_EDIT_USERS = 'edit_users';
|
|
var useUserCan = function useUserCan(capability) {
|
|
var note = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
var notesConfig = (0,_use_notes_config__WEBPACK_IMPORTED_MODULE_1__["default"])();
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
|
|
// Note capabilities.
|
|
if (note) {
|
|
return !!note.userCan[capability];
|
|
}
|
|
|
|
// Global capabilities.
|
|
return !!notesConfig.current_user_can[capability];
|
|
}, [capability, note, notesConfig]);
|
|
};
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useUserCan);
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-users.js":
|
|
/*!*******************************************!*\
|
|
!*** ../assets/js/app/hooks/use-users.js ***!
|
|
\*******************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ useUsers)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/regenerator */ "../../../node_modules/@babel/runtime/regenerator/index.js");
|
|
/* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3__);
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
|
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "../assets/js/app/utils.js");
|
|
/* harmony import */ var react_query__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-query */ "../../../node_modules/react-query/es/index.js");
|
|
/* harmony import */ var _models_user__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../models/user */ "../assets/js/app/models/user.js");
|
|
|
|
|
|
|
|
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
|
|
|
|
var defaultOptions = {
|
|
enabled: true,
|
|
params: {}
|
|
};
|
|
function useUsers() {
|
|
var rawOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
var options = (0,react__WEBPACK_IMPORTED_MODULE_4__.useMemo)(function () {
|
|
return _objectSpread(_objectSpread({}, defaultOptions), rawOptions);
|
|
}, [rawOptions]);
|
|
var queryParams = (0,react__WEBPACK_IMPORTED_MODULE_4__.useMemo)(function () {
|
|
return (0,_utils__WEBPACK_IMPORTED_MODULE_5__.normalizeQueryParams)(options.params || {});
|
|
}, [options.params]);
|
|
return (0,react_query__WEBPACK_IMPORTED_MODULE_6__.useQuery)(['users', queryParams], /*#__PURE__*/function () {
|
|
var _ref2 = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__["default"])( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().mark(function _callee(_ref) {
|
|
var _ref$queryKey, params, signal, _yield$window$top$$e$, data;
|
|
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_3___default().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
_ref$queryKey = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_ref.queryKey, 2), params = _ref$queryKey[1], signal = _ref.signal;
|
|
_context.next = 3;
|
|
return window.top.$e.data.get('notes/users', params, {
|
|
refresh: true,
|
|
signal: signal
|
|
});
|
|
case 3:
|
|
_yield$window$top$$e$ = _context.sent;
|
|
data = _yield$window$top$$e$.data;
|
|
return _context.abrupt("return", data.data.map(function (user) {
|
|
return _models_user__WEBPACK_IMPORTED_MODULE_7__["default"].createFromResponse(user);
|
|
}));
|
|
case 6:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
return function (_x) {
|
|
return _ref2.apply(this, arguments);
|
|
};
|
|
}(), {
|
|
keepPreviousData: true,
|
|
enabled: options.enabled
|
|
});
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-viewable-notes.js":
|
|
/*!****************************************************!*\
|
|
!*** ../assets/js/app/hooks/use-viewable-notes.js ***!
|
|
\****************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ useViewableNotes)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
/* harmony import */ var _context_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../context/elements */ "../assets/js/app/context/elements.js");
|
|
|
|
|
|
|
|
/**
|
|
* @typedef {import('../models/note')} Note
|
|
*/
|
|
|
|
/**
|
|
* Return a tuple of filtered notes based their visibility to the user in the current page (e.g. have elements).
|
|
* The first item contains the viewable notes and the second is the non-viewable ones.
|
|
*
|
|
* @param {Note[]} notes
|
|
*
|
|
* @return {[Note[], Note[]]} notes
|
|
*/
|
|
function useViewableNotes(notes) {
|
|
var _useElements = (0,_context_elements__WEBPACK_IMPORTED_MODULE_1__.useElements)(),
|
|
elements = _useElements.elements;
|
|
return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
|
|
if (!(notes !== null && notes !== void 0 && notes.length) || !(elements !== null && elements !== void 0 && elements.size)) {
|
|
return [[], []];
|
|
}
|
|
var reduced = notes.reduce(function (carry, note) {
|
|
var key = elements.has(note.elementId) ? 'viewable' : 'nonViewable';
|
|
carry[key].push(note);
|
|
return carry;
|
|
}, {
|
|
viewable: [],
|
|
nonViewable: []
|
|
});
|
|
return Object.values(reduced);
|
|
}, [notes, elements]);
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/hooks/use-watch.js":
|
|
/*!*******************************************!*\
|
|
!*** ../assets/js/app/hooks/use-watch.js ***!
|
|
\*******************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ useWatch)
|
|
/* harmony export */ });
|
|
var _React = React,
|
|
useEffect = _React.useEffect,
|
|
useRef = _React.useRef;
|
|
|
|
/**
|
|
* A util to trigger a callback only when the value changed except the first render.
|
|
*
|
|
* @param {Function} callback
|
|
* @param {Array} deps
|
|
*/
|
|
function useWatch(callback, deps) {
|
|
var isFirstRender = useRef(true);
|
|
useEffect(function () {
|
|
if (isFirstRender.current) {
|
|
isFirstRender.current = false;
|
|
return;
|
|
}
|
|
callback();
|
|
}, deps);
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/models/base-model.js":
|
|
/*!*********************************************!*\
|
|
!*** ../assets/js/app/models/base-model.js ***!
|
|
\*********************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ BaseModel)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "../../../node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
|
|
|
|
|
|
var BaseModel = /*#__PURE__*/function () {
|
|
function BaseModel() {
|
|
(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__["default"])(this, BaseModel);
|
|
}
|
|
(0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__["default"])(BaseModel, [{
|
|
key: "init",
|
|
value:
|
|
/**
|
|
* Using init and not the default constructor because there is a problem to fill the instance
|
|
* dynamically in the constructor.
|
|
*
|
|
* @param {Object} data all the properties
|
|
* @return {BaseModel} Instance of base model
|
|
*/
|
|
function init() {
|
|
var _this = this;
|
|
var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
Object.entries(data).forEach(function (_ref) {
|
|
var _ref2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_ref, 2),
|
|
key = _ref2[0],
|
|
value = _ref2[1];
|
|
_this[key] = value;
|
|
});
|
|
return this;
|
|
}
|
|
}]);
|
|
return BaseModel;
|
|
}();
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/models/document.js":
|
|
/*!*******************************************!*\
|
|
!*** ../assets/js/app/models/document.js ***!
|
|
\*******************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Document)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "../../../node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/assertThisInitialized */ "../../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js");
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "../../../node_modules/@babel/runtime/helpers/esm/inherits.js");
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js");
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _base_model__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./base-model */ "../assets/js/app/models/base-model.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__["default"])(this, result); }; }
|
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
|
|
var Document = /*#__PURE__*/function (_BaseModel) {
|
|
(0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_3__["default"])(Document, _BaseModel);
|
|
var _super = _createSuper(Document);
|
|
function Document() {
|
|
var _this;
|
|
(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, Document);
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "id", void 0);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "type", void 0);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "typeTitle", void 0);
|
|
return _this;
|
|
}
|
|
(0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(Document, null, [{
|
|
key: "createFromResponse",
|
|
value:
|
|
/**
|
|
* Create a document from server response
|
|
*
|
|
* @param {Object} data
|
|
*/
|
|
function createFromResponse(data) {
|
|
return new Document().init({
|
|
id: data.id,
|
|
type: data.type,
|
|
typeTitle: data.type_title
|
|
});
|
|
}
|
|
}]);
|
|
return Document;
|
|
}(_base_model__WEBPACK_IMPORTED_MODULE_7__["default"]);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/models/note-summary.js":
|
|
/*!***********************************************!*\
|
|
!*** ../assets/js/app/models/note-summary.js ***!
|
|
\***********************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ NoteSummary)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "../../../node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/assertThisInitialized */ "../../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js");
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "../../../node_modules/@babel/runtime/helpers/esm/inherits.js");
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js");
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _base_model__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./base-model */ "../assets/js/app/models/base-model.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__["default"])(this, result); }; }
|
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
|
|
var NoteSummary = /*#__PURE__*/function (_BaseModel) {
|
|
(0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_3__["default"])(NoteSummary, _BaseModel);
|
|
var _super = _createSuper(NoteSummary);
|
|
function NoteSummary() {
|
|
var _this;
|
|
(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, NoteSummary);
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "url", '');
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "fullURL", '');
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "title", '');
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "notesCount", 0);
|
|
return _this;
|
|
}
|
|
(0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(NoteSummary, null, [{
|
|
key: "createFromResponse",
|
|
value:
|
|
/**
|
|
* Create a note from server response
|
|
*
|
|
* @param {Object} data
|
|
*/
|
|
function createFromResponse(data) {
|
|
return new NoteSummary().init({
|
|
url: data.url,
|
|
fullURL: data.full_url,
|
|
title: data.title,
|
|
notesCount: data.notes_count
|
|
});
|
|
}
|
|
}]);
|
|
return NoteSummary;
|
|
}(_base_model__WEBPACK_IMPORTED_MODULE_7__["default"]);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/models/note.js":
|
|
/*!***************************************!*\
|
|
!*** ../assets/js/app/models/note.js ***!
|
|
\***************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Note)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "../../../node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/assertThisInitialized */ "../../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js");
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "../../../node_modules/@babel/runtime/helpers/esm/inherits.js");
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js");
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _base_model__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./base-model */ "../assets/js/app/models/base-model.js");
|
|
/* harmony import */ var _user__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./user */ "../assets/js/app/models/user.js");
|
|
/* harmony import */ var _document__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./document */ "../assets/js/app/models/document.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__["default"])(this, result); }; }
|
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
|
|
|
|
|
|
var Note = /*#__PURE__*/function (_BaseModel) {
|
|
(0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_3__["default"])(Note, _BaseModel);
|
|
var _super = _createSuper(Note);
|
|
function Note() {
|
|
var _this;
|
|
(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, Note);
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "id", null);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "parentId", 0);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "elementId", null);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "content", '');
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "position", {
|
|
x: 0,
|
|
y: 0
|
|
});
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "repliesCount", 0);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "unreadRepliesCount", 0);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "replies", []);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "author", null);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "readers", []);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "isRead", false);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "isResolved", false);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "routeUrl", '');
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "routeTitle", '');
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "userCan", {});
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "createdAt", null);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "updatedAt", null);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "lastActivityAt", null);
|
|
// Private props
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "_formattedLastActivityAt", '');
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "_formattedCreatedAt", '');
|
|
return _this;
|
|
}
|
|
(0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(Note, [{
|
|
key: "getFormattedLastActivityAt",
|
|
value:
|
|
/**
|
|
* TODO: Change to WP site settings format.
|
|
*
|
|
* @return {string} Last activity date formatted.
|
|
*/
|
|
function getFormattedLastActivityAt() {
|
|
if (!this._formattedLastActivityAt) {
|
|
this._formattedLastActivityAt = this.lastActivityAt.toLocaleString();
|
|
}
|
|
return this._formattedLastActivityAt;
|
|
}
|
|
|
|
/**
|
|
* TODO: Change to WP site settings format.
|
|
*
|
|
* @return {string} Created at date formatted.
|
|
*/
|
|
}, {
|
|
key: "getFormattedCreatedAt",
|
|
value: function getFormattedCreatedAt() {
|
|
if (!this._formattedCreatedAt) {
|
|
this._formattedCreatedAt = this.createdAt.toLocaleString();
|
|
}
|
|
return this._formattedCreatedAt;
|
|
}
|
|
|
|
/**
|
|
* Get the note deep link.
|
|
*
|
|
* @return {string} url
|
|
*/
|
|
}, {
|
|
key: "getURL",
|
|
value: function getURL() {
|
|
var id = this.isReply() ? this.parentId : this.id;
|
|
return this.constructor.getURL(id);
|
|
}
|
|
|
|
/**
|
|
* Get a note deep link by ID.
|
|
*
|
|
* @param {number} id
|
|
*
|
|
* @return {string} url
|
|
*/
|
|
}, {
|
|
key: "isUnreadThread",
|
|
value:
|
|
/**
|
|
* Check if the current note or one of its replies are unread.
|
|
*
|
|
* @return {boolean} is unread thread
|
|
*/
|
|
function isUnreadThread() {
|
|
return this.isThread() && (!this.isRead || this.unreadRepliesCount > 0);
|
|
}
|
|
|
|
/**
|
|
* Determine if the Note is a Thread.
|
|
*
|
|
* @return {boolean} - Is thread.
|
|
*/
|
|
}, {
|
|
key: "isThread",
|
|
value: function isThread() {
|
|
return 0 === this.parentId;
|
|
}
|
|
|
|
/**
|
|
* Determine if the Note is a Reply.
|
|
*
|
|
* @return {boolean} - Is reply.
|
|
*/
|
|
}, {
|
|
key: "isReply",
|
|
value: function isReply() {
|
|
return !this.isThread();
|
|
}
|
|
}], [{
|
|
key: "createFromResponse",
|
|
value:
|
|
/**
|
|
* Create a note from server response
|
|
*
|
|
* @param {Object} data
|
|
*/
|
|
function createFromResponse(data) {
|
|
return new Note().init({
|
|
id: data.id,
|
|
parentId: data.parent_id,
|
|
elementId: data.element_id,
|
|
content: data.content,
|
|
position: data.position,
|
|
repliesCount: data.replies_count,
|
|
unreadRepliesCount: data.unread_replies_count,
|
|
replies: data.replies.map(function (reply) {
|
|
return Note.createFromResponse(reply);
|
|
}),
|
|
author: data.author ? _user__WEBPACK_IMPORTED_MODULE_8__["default"].createFromResponse(data.author) : _user__WEBPACK_IMPORTED_MODULE_8__["default"].createDeleted(data.author_display_name),
|
|
document: data.document ? _document__WEBPACK_IMPORTED_MODULE_9__["default"].createFromResponse(data.document) : null,
|
|
readers: data.readers ? data.readers.map(function (reader) {
|
|
return _user__WEBPACK_IMPORTED_MODULE_8__["default"].createFromResponse(reader);
|
|
}) : [],
|
|
isRead: data.is_read,
|
|
isResolved: data.is_resolved,
|
|
routeUrl: data.route_url,
|
|
routeTitle: data.route_title,
|
|
userCan: data.user_can,
|
|
createdAt: new Date(data.created_at),
|
|
updatedAt: new Date(data.updated_at),
|
|
lastActivityAt: new Date(data.last_activity_at)
|
|
});
|
|
}
|
|
}, {
|
|
key: "getURL",
|
|
value: function getURL(id) {
|
|
var route = window.top.$e.components.get('notes').config.route;
|
|
return route.note_url_pattern.replace('{{NOTE_ID}}', id);
|
|
}
|
|
}]);
|
|
return Note;
|
|
}(_base_model__WEBPACK_IMPORTED_MODULE_7__["default"]);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/models/user.js":
|
|
/*!***************************************!*\
|
|
!*** ../assets/js/app/models/user.js ***!
|
|
\***************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ User)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "../../../node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/assertThisInitialized */ "../../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js");
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "../../../node_modules/@babel/runtime/helpers/esm/inherits.js");
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js");
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _base_model__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./base-model */ "../assets/js/app/models/base-model.js");
|
|
/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__["default"])(this, result); }; }
|
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
|
|
var User = /*#__PURE__*/function (_BaseModel) {
|
|
(0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_3__["default"])(User, _BaseModel);
|
|
var _super = _createSuper(User);
|
|
function User() {
|
|
var _this;
|
|
(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, User);
|
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
args[_key] = arguments[_key];
|
|
}
|
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "id", null);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "name", '');
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "slug", '');
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "avatarUrls", {
|
|
24: null,
|
|
48: null,
|
|
96: null
|
|
});
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "capabilities", {});
|
|
return _this;
|
|
}
|
|
(0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(User, null, [{
|
|
key: "createFromResponse",
|
|
value:
|
|
/**
|
|
* Create a user from server response
|
|
*
|
|
* @param {Object} data
|
|
*/
|
|
function createFromResponse(data) {
|
|
var _data$capabilities, _data$capabilities$no, _data$capabilities2, _data$capabilities2$p;
|
|
return new User().init({
|
|
id: data.id,
|
|
name: data.name,
|
|
slug: data.slug,
|
|
avatarUrls: data.avatar_urls,
|
|
capabilities: {
|
|
notes: {
|
|
read: (_data$capabilities = data.capabilities) === null || _data$capabilities === void 0 ? void 0 : (_data$capabilities$no = _data$capabilities.notes) === null || _data$capabilities$no === void 0 ? void 0 : _data$capabilities$no.can_read
|
|
},
|
|
post: {
|
|
edit: (_data$capabilities2 = data.capabilities) === null || _data$capabilities2 === void 0 ? void 0 : (_data$capabilities2$p = _data$capabilities2.post) === null || _data$capabilities2$p === void 0 ? void 0 : _data$capabilities2$p.can_edit
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* A factory to create a User model when a user was deleted or not exist for some reason.
|
|
*
|
|
* @param {string} name
|
|
* @return {BaseModel} user
|
|
*/
|
|
}, {
|
|
key: "createDeleted",
|
|
value: function createDeleted() {
|
|
var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
var avatarUrls = window.top.$e.components.get('notes').config.urls.avatar_defaults;
|
|
return new User().init({
|
|
name: [name, __('(deleted user)', 'elementor-pro')].join(' '),
|
|
avatarUrls: avatarUrls
|
|
});
|
|
}
|
|
}]);
|
|
return User;
|
|
}(_base_model__WEBPACK_IMPORTED_MODULE_7__["default"]);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/query-client.js":
|
|
/*!****************************************!*\
|
|
!*** ../assets/js/app/query-client.js ***!
|
|
\****************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
/* harmony export */ });
|
|
/* harmony import */ var react_query__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-query */ "../../../node_modules/react-query/es/index.js");
|
|
|
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (new react_query__WEBPACK_IMPORTED_MODULE_0__.QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
retry: 2,
|
|
refetchOnWindowFocus: true
|
|
},
|
|
mutations: {
|
|
retry: 2
|
|
}
|
|
}
|
|
}));
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/styles/animation.js":
|
|
/*!********************************************!*\
|
|
!*** ../assets/js/app/styles/animation.js ***!
|
|
\********************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "fadeOut": () => (/* binding */ fadeOut),
|
|
/* harmony export */ "slideDownAndFade": () => (/* binding */ slideDownAndFade),
|
|
/* harmony export */ "slideLeftAndFade": () => (/* binding */ slideLeftAndFade),
|
|
/* harmony export */ "slideRightAndFade": () => (/* binding */ slideRightAndFade),
|
|
/* harmony export */ "slideUpAndFade": () => (/* binding */ slideUpAndFade),
|
|
/* harmony export */ "spin": () => (/* binding */ spin)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "../../../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
|
|
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "../../../node_modules/styled-components/dist/styled-components.browser.esm.js");
|
|
|
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
|
|
var slideUpAndFade = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.keyframes)(_templateObject || (_templateObject = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n 0% {\n\topacity: 0;\n\ttransform: translateY(3px);\n }\n 100% {\n\topacity: 1;\n\ttransform: translateY(0);\n }\n"])));
|
|
var slideRightAndFade = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.keyframes)(_templateObject2 || (_templateObject2 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n 0% {\n\topacity: 0;\n\ttransform: translateX(-3px);\n }\n 100% {\n\topacity: 1;\n\ttransform: translateX(0);\n }\n"])));
|
|
var slideDownAndFade = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.keyframes)(_templateObject3 || (_templateObject3 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n 0% {\n\topacity: 0;\n\ttransform: translateY(-3px);\n }\n 100% {\n\topacity: 1;\n\ttransform: translateY(0);\n }\n"])));
|
|
var slideLeftAndFade = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.keyframes)(_templateObject4 || (_templateObject4 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n 0% {\n\topacity: 0;\n\ttransform: translateX(3px);\n }\n 100% {\n\topacity: 1;\n\ttransform: translateX(0);\n }\n"])));
|
|
var fadeOut = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.keyframes)(_templateObject5 || (_templateObject5 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n 0% {\n\topacity: 1;\n }\n\n 100% {\n\topacity: 0;\n }\n"])));
|
|
var spin = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.keyframes)(_templateObject6 || (_templateObject6 = (0,_babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0__["default"])(["\n 0% {\n\ttransform: rotate(0deg);\n }\n 100% {\n\ttransform: rotate(360deg);\n }\n"])));
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/app/utils.js":
|
|
/*!*********************************!*\
|
|
!*** ../assets/js/app/utils.js ***!
|
|
\*********************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "MAX_Z_INDEX": () => (/* binding */ MAX_Z_INDEX),
|
|
/* harmony export */ "extractMentions": () => (/* binding */ extractMentions),
|
|
/* harmony export */ "isFullyInViewport": () => (/* binding */ isFullyInViewport),
|
|
/* harmony export */ "normalizeQueryParams": () => (/* binding */ normalizeQueryParams),
|
|
/* harmony export */ "scrollIntoView": () => (/* binding */ scrollIntoView),
|
|
/* harmony export */ "submitForm": () => (/* binding */ submitForm)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "../../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
|
|
/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
|
|
/* harmony import */ var _services_rich_text_parser__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../services/rich-text-parser */ "../assets/js/services/rich-text-parser/index.js");
|
|
/* harmony import */ var _services_rich_text_parser_tokens__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../services/rich-text-parser/tokens */ "../assets/js/services/rich-text-parser/tokens/index.js");
|
|
|
|
|
|
|
|
|
|
var _excluded = ["onlyIfNeeded"];
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
|
|
|
|
|
|
/**
|
|
* Max value for the css property z-index
|
|
*
|
|
* @type {number}
|
|
*/
|
|
var MAX_Z_INDEX = 2147483647;
|
|
|
|
/**
|
|
* Extract mentions from string.
|
|
*
|
|
* @param {string} content - Text to extract from.
|
|
*
|
|
* @return {string[]} mentions
|
|
*/
|
|
function extractMentions(content) {
|
|
var usernames = (0,_services_rich_text_parser__WEBPACK_IMPORTED_MODULE_4__["default"])({
|
|
tokenClasses: [_services_rich_text_parser_tokens__WEBPACK_IMPORTED_MODULE_5__.Mention],
|
|
fallbackTokenClass: false,
|
|
parsePipeFunctions: []
|
|
}).parse(content).map(function (token) {
|
|
return token.username.value;
|
|
});
|
|
|
|
// Return only unique values.
|
|
return (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_3__["default"])(new Set(usernames));
|
|
}
|
|
|
|
/**
|
|
* Normalize query params object.
|
|
*
|
|
* @param {Object} params - Query params definition.
|
|
*
|
|
* @return {Object} - Normalized query params.
|
|
*/
|
|
function normalizeQueryParams(params) {
|
|
return Object.entries(params).reduce(function (queryParams, _ref) {
|
|
var _ref2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_ref, 2),
|
|
param = _ref2[0],
|
|
value = _ref2[1];
|
|
// Remove nullish params.
|
|
if (null === value) {
|
|
return queryParams;
|
|
}
|
|
|
|
// Convert booleans to 1/0.
|
|
if ('boolean' === typeof value) {
|
|
value = value ? 1 : 0;
|
|
}
|
|
return _objectSpread(_objectSpread({}, queryParams), {}, (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])({}, param, value));
|
|
}, {});
|
|
}
|
|
|
|
/**
|
|
* Scroll into an element.
|
|
* Returns a promise that will be resolved when the element is in the viewport.
|
|
* TODO: Find a way to resolve the promise after the scroll has finished.
|
|
*
|
|
* @param {HTMLElement} element
|
|
* @param {Object} object
|
|
* @param {boolean} object.onlyIfNeeded
|
|
* @param {*} object.scrollOptions
|
|
* @return {Promise} a promise that will be resolved when the element is in the viewport
|
|
*/
|
|
function scrollIntoView(element) {
|
|
var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
var _ref3$onlyIfNeeded = _ref3.onlyIfNeeded,
|
|
onlyIfNeeded = _ref3$onlyIfNeeded === void 0 ? true : _ref3$onlyIfNeeded,
|
|
scrollOptions = (0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__["default"])(_ref3, _excluded);
|
|
if (onlyIfNeeded && isFullyInViewport(element)) {
|
|
return Promise.resolve();
|
|
}
|
|
return new Promise(function (resolve) {
|
|
observeForFirstIntersection(element, function () {
|
|
resolve();
|
|
});
|
|
element.scrollIntoView(_objectSpread({
|
|
behavior: 'smooth',
|
|
block: 'center',
|
|
inline: 'center'
|
|
}, scrollOptions));
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Check if an element is fully in viewport.
|
|
*
|
|
* @param {HTMLElement} element
|
|
*
|
|
* @return {boolean} is element fully in the viewport
|
|
*/
|
|
function isFullyInViewport(element) {
|
|
var _element$getBoundingC = element.getBoundingClientRect(),
|
|
top = _element$getBoundingC.top,
|
|
left = _element$getBoundingC.left,
|
|
bottom = _element$getBoundingC.bottom,
|
|
right = _element$getBoundingC.right;
|
|
var _element$parentElemen = element.parentElement.getBoundingClientRect(),
|
|
parentTop = _element$parentElemen.top,
|
|
parentRight = _element$parentElemen.right,
|
|
parentBottom = _element$parentElemen.bottom,
|
|
parentLeft = _element$parentElemen.left;
|
|
var isInBodyView = top >= 0 && left >= 0 && top <= window.innerHeight && left <= window.innerWidth;
|
|
var isInParentView = top >= parentTop && right <= parentRight && bottom <= parentBottom && left >= parentLeft;
|
|
return isInBodyView && isInParentView;
|
|
}
|
|
|
|
/**
|
|
* Wrap IntersectionObserver for working with single element.
|
|
*
|
|
* @param {HTMLElement} element
|
|
* @param {Function} callback
|
|
*/
|
|
function observeForFirstIntersection(element, callback) {
|
|
var observer = new IntersectionObserver(function (entries, currentObserver) {
|
|
var _entries$;
|
|
if (entries !== null && entries !== void 0 && (_entries$ = entries[0]) !== null && _entries$ !== void 0 && _entries$.isIntersecting) {
|
|
currentObserver.disconnect();
|
|
callback();
|
|
}
|
|
});
|
|
observer.observe(element);
|
|
}
|
|
|
|
/**
|
|
* Programmatically submit a form while triggering React's `onSubmit()` event listener.
|
|
*
|
|
* @see https://stackoverflow.com/a/65667238/3829526
|
|
*
|
|
* @param {HTMLFormElement} form
|
|
*
|
|
* @return {void}
|
|
*/
|
|
function submitForm(form) {
|
|
form.dispatchEvent(new Event('submit', {
|
|
cancelable: true,
|
|
bubbles: true
|
|
}));
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/copy-to-clipboard/index.js":
|
|
/*!********************************************************!*\
|
|
!*** ../assets/js/services/copy-to-clipboard/index.js ***!
|
|
\********************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "canCopyToClipboard": () => (/* binding */ canCopyToClipboard),
|
|
/* harmony export */ "copyToClipboard": () => (/* binding */ copyToClipboard)
|
|
/* harmony export */ });
|
|
/**
|
|
* Check if there is access to the clipboard API
|
|
* (Usually, when a website doesn't have an SSL certificate, the browser won't expose the clipboard API).
|
|
*
|
|
* @return {boolean} can copy to clipboard?
|
|
*/
|
|
function canCopyToClipboard() {
|
|
var _navigator;
|
|
return !!((_navigator = navigator) !== null && _navigator !== void 0 && _navigator.clipboard);
|
|
}
|
|
|
|
/**
|
|
* Will copy value to the clipboard
|
|
*
|
|
* @param {string} value
|
|
*/
|
|
function copyToClipboard(value) {
|
|
if (!canCopyToClipboard()) {
|
|
throw new Error('Cannot copy to clipboard, please make sure you are using SSL in your website.');
|
|
}
|
|
navigator.clipboard.writeText(value);
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/index.js":
|
|
/*!*******************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/index.js ***!
|
|
\*******************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ createRichTextParser)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _rich_text_parser__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./rich-text-parser */ "../assets/js/services/rich-text-parser/rich-text-parser.js");
|
|
/* harmony import */ var _parse_pipe_functions___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./parse-pipe-functions/ */ "../assets/js/services/rich-text-parser/parse-pipe-functions/index.js");
|
|
/* harmony import */ var _tokens___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./tokens/ */ "../assets/js/services/rich-text-parser/tokens/index.js");
|
|
|
|
|
|
|
|
|
|
/**
|
|
* Create a RichTextParser instance, set default tokens, and parse pipe functions.
|
|
*
|
|
* @param {Object} options
|
|
* @param {Object[]} options.tokenClasses - Token classes to tokenize into.
|
|
* @param {Object|false} options.fallbackTokenClass
|
|
* @param {Function[]} options.parsePipeFunctions - Parsing pipe functions to trigger after basic parsing.
|
|
* @return {RichTextParser} parser
|
|
*/
|
|
function createRichTextParser() {
|
|
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
tokenClasses = _ref.tokenClasses,
|
|
fallbackTokenClass = _ref.fallbackTokenClass,
|
|
parsePipeFunctions = _ref.parsePipeFunctions;
|
|
var tokenClassesDefaults = [_tokens___WEBPACK_IMPORTED_MODULE_2__.Email, _tokens___WEBPACK_IMPORTED_MODULE_2__.LineBreak, _tokens___WEBPACK_IMPORTED_MODULE_2__.Mention, _tokens___WEBPACK_IMPORTED_MODULE_2__.Url, _tokens___WEBPACK_IMPORTED_MODULE_2__.Wow];
|
|
var fallbackTokenClassDefault = _tokens___WEBPACK_IMPORTED_MODULE_2__.Text;
|
|
|
|
// The order here is important!
|
|
var parsePipeFunctionsDefaults = [_parse_pipe_functions___WEBPACK_IMPORTED_MODULE_1__.wrapTokensIntoParagraph, _parse_pipe_functions___WEBPACK_IMPORTED_MODULE_1__.wrapTokensIntoContent];
|
|
return new _rich_text_parser__WEBPACK_IMPORTED_MODULE_0__["default"]({
|
|
tokenClasses: tokenClasses !== null && tokenClasses !== void 0 ? tokenClasses : tokenClassesDefaults,
|
|
fallbackTokenClass: fallbackTokenClass !== null && fallbackTokenClass !== void 0 ? fallbackTokenClass : fallbackTokenClassDefault,
|
|
parsePipeFunctions: parsePipeFunctions !== null && parsePipeFunctions !== void 0 ? parsePipeFunctions : parsePipeFunctionsDefaults
|
|
});
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/parse-pipe-functions/index.js":
|
|
/*!****************************************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/parse-pipe-functions/index.js ***!
|
|
\****************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "wrapTokensIntoContent": () => (/* reexport safe */ _wrap_tokens_into_content__WEBPACK_IMPORTED_MODULE_1__["default"]),
|
|
/* harmony export */ "wrapTokensIntoParagraph": () => (/* reexport safe */ _wrap_tokens_into_paragraph__WEBPACK_IMPORTED_MODULE_0__["default"])
|
|
/* harmony export */ });
|
|
/* harmony import */ var _wrap_tokens_into_paragraph__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./wrap-tokens-into-paragraph */ "../assets/js/services/rich-text-parser/parse-pipe-functions/wrap-tokens-into-paragraph.js");
|
|
/* harmony import */ var _wrap_tokens_into_content__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./wrap-tokens-into-content */ "../assets/js/services/rich-text-parser/parse-pipe-functions/wrap-tokens-into-content.js");
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/parse-pipe-functions/wrap-tokens-into-content.js":
|
|
/*!***********************************************************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/parse-pipe-functions/wrap-tokens-into-content.js ***!
|
|
\***********************************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ wrapTokensIntoContent)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _tokens___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../tokens/ */ "../assets/js/services/rich-text-parser/tokens/index.js");
|
|
|
|
|
|
/**
|
|
* Wrap tokens tree with one Content token.
|
|
*
|
|
* @param {Object[]} tokens
|
|
*
|
|
* @return {Content} content
|
|
*/
|
|
function wrapTokensIntoContent(tokens) {
|
|
return _tokens___WEBPACK_IMPORTED_MODULE_0__.Content.create(tokens);
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/parse-pipe-functions/wrap-tokens-into-paragraph.js":
|
|
/*!*************************************************************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/parse-pipe-functions/wrap-tokens-into-paragraph.js ***!
|
|
\*************************************************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ wrapTokensIntoParagraph)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _tokens___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../tokens/ */ "../assets/js/services/rich-text-parser/tokens/index.js");
|
|
|
|
|
|
/**
|
|
* Convert LineBreak tokens into Paragraphs.
|
|
* input: [ Text, Text, Email, LineBreak, Text, Text ]
|
|
* output: [
|
|
* Paragraph: [ Text, Text, Email ],
|
|
* Paragraph: [ Text, Text ]
|
|
* ]
|
|
*
|
|
* @param {Object[]} tokens
|
|
*
|
|
* @return {Object[]} paragraphs
|
|
*/
|
|
function wrapTokensIntoParagraph(tokens) {
|
|
tokens.push(_tokens___WEBPACK_IMPORTED_MODULE_0__.LineBreak.create());
|
|
return tokens.reduce(function (carry, token) {
|
|
var currentToken = token;
|
|
if (token.is(_tokens___WEBPACK_IMPORTED_MODULE_0__.LineBreak)) {
|
|
var lastParagraphIndex = findLastIndex(carry, function (t) {
|
|
return t.is(_tokens___WEBPACK_IMPORTED_MODULE_0__.Paragraph);
|
|
});
|
|
currentToken = _tokens___WEBPACK_IMPORTED_MODULE_0__.Paragraph.create(carry.slice(lastParagraphIndex + 1, carry.length));
|
|
carry = carry.slice(0, lastParagraphIndex + 1);
|
|
}
|
|
carry.push(currentToken);
|
|
return carry;
|
|
}, []);
|
|
}
|
|
|
|
/**
|
|
* Find an index of based on the callback but it runs from last to first item.
|
|
*
|
|
* @param {Array} array
|
|
* @param {Function} callback
|
|
* @return {number} last index
|
|
*/
|
|
function findLastIndex(array, callback) {
|
|
for (var i = array.length - 1; i >= 0; i--) {
|
|
if (callback(array[i], i)) {
|
|
return i;
|
|
}
|
|
}
|
|
return -1;
|
|
}
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/rich-text-parser.js":
|
|
/*!******************************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/rich-text-parser.js ***!
|
|
\******************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ RichTextParser)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "../../../node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils */ "../assets/js/services/rich-text-parser/utils.js");
|
|
|
|
|
|
|
|
|
|
|
|
var RichTextParser = /*#__PURE__*/function () {
|
|
/**
|
|
* @param {Object} options
|
|
* @param {Array} options.tokenClasses
|
|
* @param {Object} options.fallbackTokenClass
|
|
* @param {Function[]} options.parsePipeFunctions
|
|
*/
|
|
function RichTextParser() {
|
|
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
tokenClasses = _ref.tokenClasses,
|
|
fallbackTokenClass = _ref.fallbackTokenClass,
|
|
parsePipeFunctions = _ref.parsePipeFunctions;
|
|
(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__["default"])(this, RichTextParser);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(this, "tokenClasses", void 0);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(this, "fallbackTokenClass", void 0);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_3__["default"])(this, "parsePipeFunctions", void 0);
|
|
this.tokenClasses = tokenClasses;
|
|
this.fallbackTokenClass = fallbackTokenClass;
|
|
this.parsePipeFunctions = parsePipeFunctions;
|
|
}
|
|
|
|
/**
|
|
* Takes a string and parse it into a meaningful object, based on the configuration that was provided to this class.
|
|
* input: 'This is text and email: test@elementor.com'
|
|
* output: {
|
|
* type: 'Content',
|
|
* value: [
|
|
* {
|
|
* type: 'Paragraph',
|
|
* value: [
|
|
* { type: 'Text', value: 'This is text and email: ' },
|
|
* { type: 'Email', value: 'test@elementor.com' },
|
|
* ]
|
|
* }
|
|
* ]
|
|
* }
|
|
*
|
|
* @param {string} value
|
|
*
|
|
* @return {Object|Array} content
|
|
*/
|
|
(0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__["default"])(RichTextParser, [{
|
|
key: "parse",
|
|
value: function parse(value) {
|
|
var _this$parsePipeFuncti;
|
|
var lexemes = this.extractLexemes(value),
|
|
tokens = this.tokenize(lexemes);
|
|
return _utils__WEBPACK_IMPORTED_MODULE_4__.pipe.apply(void 0, (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])((_this$parsePipeFuncti = this.parsePipeFunctions) !== null && _this$parsePipeFuncti !== void 0 ? _this$parsePipeFuncti : []))(tokens);
|
|
}
|
|
|
|
/**
|
|
* Split the value into lexemes (an array of strings without the meaning)
|
|
*
|
|
* @param {string} value
|
|
*
|
|
* @return {string[]} lexemes
|
|
*/
|
|
}, {
|
|
key: "extractLexemes",
|
|
value: function extractLexemes(value) {
|
|
return value.trim().split(this.getLexerRegex()).reduce(function (lexemes, currentLexeme) {
|
|
if (currentLexeme) {
|
|
lexemes.push(currentLexeme);
|
|
}
|
|
return lexemes;
|
|
}, []);
|
|
}
|
|
|
|
/**
|
|
* Get all the array of lexemes and transform them into tokens (An object that represent what the part of string is).
|
|
*
|
|
* @param {string[]} lexemes
|
|
*
|
|
* @return {Object[]} tokens
|
|
*/
|
|
}, {
|
|
key: "tokenize",
|
|
value: function tokenize(lexemes) {
|
|
var _this = this;
|
|
return lexemes.map(function (lexeme) {
|
|
var TokenClass = _this.tokenClasses.find(function (tc) {
|
|
return tc.isToken(lexeme);
|
|
});
|
|
if (!TokenClass) {
|
|
return _this.fallbackTokenClass ? _this.fallbackTokenClass.create(lexeme) : null;
|
|
}
|
|
return TokenClass.create(lexeme);
|
|
}).filter(function (lexeme) {
|
|
return !!lexeme;
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Generate a regex from each token class that was provided.
|
|
*
|
|
* @return {RegExp} regular expression
|
|
*/
|
|
}, {
|
|
key: "getLexerRegex",
|
|
value: function getLexerRegex() {
|
|
var patterns = this.tokenClasses.map(function (tokenClass) {
|
|
var _tokenClass$getPatter;
|
|
return (_tokenClass$getPatter = tokenClass.getPattern()) === null || _tokenClass$getPatter === void 0 ? void 0 : _tokenClass$getPatter.source;
|
|
}).filter(function (pattern) {
|
|
return !!pattern;
|
|
});
|
|
return new RegExp("(".concat(patterns.join('|'), ")"), 'igm');
|
|
}
|
|
}]);
|
|
return RichTextParser;
|
|
}();
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/tokens/base-token.js":
|
|
/*!*******************************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/tokens/base-token.js ***!
|
|
\*******************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ BaseToken)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "../../../node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
|
|
|
|
|
|
var BaseToken = /*#__PURE__*/function () {
|
|
/**
|
|
* @param {string | Array | null} value
|
|
*/
|
|
function BaseToken(value) {
|
|
(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, BaseToken);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__["default"])(this, "type", void 0);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__["default"])(this, "value", void 0);
|
|
this.value = value;
|
|
this.type = this.constructor.type;
|
|
}
|
|
|
|
/**
|
|
* Regex pattern for the lexer.
|
|
*
|
|
* @return {RegExp} regular expression
|
|
*/
|
|
(0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(BaseToken, [{
|
|
key: "is",
|
|
value:
|
|
/**
|
|
* Check if the current token is instance of the provided token class
|
|
*
|
|
* @param {Object} tokenClass
|
|
*
|
|
* @return {boolean} is a token class instance
|
|
*/
|
|
function is(tokenClass) {
|
|
return this.type === tokenClass.type;
|
|
}
|
|
}], [{
|
|
key: "getPattern",
|
|
value: function getPattern() {
|
|
return null;
|
|
}
|
|
|
|
/**
|
|
* Checks if a lexeme belongs to the current token.
|
|
*
|
|
* @param {string} lexeme
|
|
*
|
|
* @return {boolean} does lexeme belong to the current token
|
|
*/
|
|
}, {
|
|
key: "isToken",
|
|
value: function isToken(lexeme) {
|
|
return !!lexeme.match(new RegExp(this.getPattern(), 'igm'));
|
|
}
|
|
|
|
/**
|
|
* Creates a new Token instance.
|
|
*
|
|
* @param {string | Array | null } value
|
|
*
|
|
* @return {this} token
|
|
*/
|
|
}, {
|
|
key: "create",
|
|
value: function create() {
|
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
return new this(value);
|
|
}
|
|
}]);
|
|
return BaseToken;
|
|
}();
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__["default"])(BaseToken, "type", '');
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/tokens/content.js":
|
|
/*!****************************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/tokens/content.js ***!
|
|
\****************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Content)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "../../../node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "../../../node_modules/@babel/runtime/helpers/esm/inherits.js");
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js");
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _base_token__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./base-token */ "../assets/js/services/rich-text-parser/tokens/base-token.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__["default"])(this, result); }; }
|
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
|
|
var Content = /*#__PURE__*/function (_BaseToken) {
|
|
(0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__["default"])(Content, _BaseToken);
|
|
var _super = _createSuper(Content);
|
|
function Content() {
|
|
(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__["default"])(this, Content);
|
|
return _super.apply(this, arguments);
|
|
}
|
|
return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_0__["default"])(Content);
|
|
}(_base_token__WEBPACK_IMPORTED_MODULE_6__["default"]);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__["default"])(Content, "type", 'Content');
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/tokens/email.js":
|
|
/*!**************************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/tokens/email.js ***!
|
|
\**************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Email)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "../../../node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "../../../node_modules/@babel/runtime/helpers/esm/inherits.js");
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js");
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _base_token__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./base-token */ "../assets/js/services/rich-text-parser/tokens/base-token.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__["default"])(this, result); }; }
|
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
|
|
var Email = /*#__PURE__*/function (_BaseToken) {
|
|
(0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__["default"])(Email, _BaseToken);
|
|
var _super = _createSuper(Email);
|
|
function Email() {
|
|
(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, Email);
|
|
return _super.apply(this, arguments);
|
|
}
|
|
(0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(Email, null, [{
|
|
key: "getPattern",
|
|
value: function getPattern() {
|
|
return /[\w\-.]+@(?:[\w-]+\.)+[\w-]{2,4}/;
|
|
}
|
|
}]);
|
|
return Email;
|
|
}(_base_token__WEBPACK_IMPORTED_MODULE_6__["default"]);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__["default"])(Email, "type", 'Email');
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/tokens/handle.js":
|
|
/*!***************************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/tokens/handle.js ***!
|
|
\***************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Handle)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "../../../node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "../../../node_modules/@babel/runtime/helpers/esm/inherits.js");
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js");
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _base_token__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./base-token */ "../assets/js/services/rich-text-parser/tokens/base-token.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__["default"])(this, result); }; }
|
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
|
|
var Handle = /*#__PURE__*/function (_BaseToken) {
|
|
(0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__["default"])(Handle, _BaseToken);
|
|
var _super = _createSuper(Handle);
|
|
function Handle() {
|
|
(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__["default"])(this, Handle);
|
|
return _super.apply(this, arguments);
|
|
}
|
|
return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_0__["default"])(Handle);
|
|
}(_base_token__WEBPACK_IMPORTED_MODULE_6__["default"]);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__["default"])(Handle, "type", 'Handle');
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/tokens/index.js":
|
|
/*!**************************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/tokens/index.js ***!
|
|
\**************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "Content": () => (/* reexport safe */ _content__WEBPACK_IMPORTED_MODULE_4__["default"]),
|
|
/* harmony export */ "Email": () => (/* reexport safe */ _email__WEBPACK_IMPORTED_MODULE_0__["default"]),
|
|
/* harmony export */ "Handle": () => (/* reexport safe */ _handle__WEBPACK_IMPORTED_MODULE_6__["default"]),
|
|
/* harmony export */ "LineBreak": () => (/* reexport safe */ _line_break__WEBPACK_IMPORTED_MODULE_1__["default"]),
|
|
/* harmony export */ "Mention": () => (/* reexport safe */ _mention__WEBPACK_IMPORTED_MODULE_5__["default"]),
|
|
/* harmony export */ "Paragraph": () => (/* reexport safe */ _paragraph__WEBPACK_IMPORTED_MODULE_2__["default"]),
|
|
/* harmony export */ "Text": () => (/* reexport safe */ _text__WEBPACK_IMPORTED_MODULE_3__["default"]),
|
|
/* harmony export */ "Url": () => (/* reexport safe */ _url__WEBPACK_IMPORTED_MODULE_8__["default"]),
|
|
/* harmony export */ "Username": () => (/* reexport safe */ _username__WEBPACK_IMPORTED_MODULE_7__["default"]),
|
|
/* harmony export */ "Wow": () => (/* reexport safe */ _wow__WEBPACK_IMPORTED_MODULE_9__["default"])
|
|
/* harmony export */ });
|
|
/* harmony import */ var _email__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./email */ "../assets/js/services/rich-text-parser/tokens/email.js");
|
|
/* harmony import */ var _line_break__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./line-break */ "../assets/js/services/rich-text-parser/tokens/line-break.js");
|
|
/* harmony import */ var _paragraph__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./paragraph */ "../assets/js/services/rich-text-parser/tokens/paragraph.js");
|
|
/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./text */ "../assets/js/services/rich-text-parser/tokens/text.js");
|
|
/* harmony import */ var _content__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./content */ "../assets/js/services/rich-text-parser/tokens/content.js");
|
|
/* harmony import */ var _mention__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./mention */ "../assets/js/services/rich-text-parser/tokens/mention.js");
|
|
/* harmony import */ var _handle__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./handle */ "../assets/js/services/rich-text-parser/tokens/handle.js");
|
|
/* harmony import */ var _username__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./username */ "../assets/js/services/rich-text-parser/tokens/username.js");
|
|
/* harmony import */ var _url__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./url */ "../assets/js/services/rich-text-parser/tokens/url.js");
|
|
/* harmony import */ var _wow__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./wow */ "../assets/js/services/rich-text-parser/tokens/wow.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/tokens/line-break.js":
|
|
/*!*******************************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/tokens/line-break.js ***!
|
|
\*******************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ LineBreak)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "../../../node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "../../../node_modules/@babel/runtime/helpers/esm/inherits.js");
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js");
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _base_token__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./base-token */ "../assets/js/services/rich-text-parser/tokens/base-token.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__["default"])(this, result); }; }
|
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
|
|
var LineBreak = /*#__PURE__*/function (_BaseToken) {
|
|
(0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__["default"])(LineBreak, _BaseToken);
|
|
var _super = _createSuper(LineBreak);
|
|
function LineBreak(value) {
|
|
(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, LineBreak);
|
|
return _super.call(this, value || '\n');
|
|
}
|
|
(0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(LineBreak, null, [{
|
|
key: "getPattern",
|
|
value: function getPattern() {
|
|
return /(?:\r?\n)/;
|
|
}
|
|
}]);
|
|
return LineBreak;
|
|
}(_base_token__WEBPACK_IMPORTED_MODULE_6__["default"]);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__["default"])(LineBreak, "type", 'LineBreak');
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/tokens/mention.js":
|
|
/*!****************************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/tokens/mention.js ***!
|
|
\****************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Mention)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "../../../node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/assertThisInitialized */ "../../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js");
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "../../../node_modules/@babel/runtime/helpers/esm/inherits.js");
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js");
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _base_token__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./base-token */ "../assets/js/services/rich-text-parser/tokens/base-token.js");
|
|
/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./index */ "../assets/js/services/rich-text-parser/tokens/index.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5__["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__["default"])(this, result); }; }
|
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
|
|
|
|
var Mention = /*#__PURE__*/function (_BaseToken) {
|
|
(0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_3__["default"])(Mention, _BaseToken);
|
|
var _super = _createSuper(Mention);
|
|
function Mention(value) {
|
|
var _this;
|
|
(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, Mention);
|
|
_this = _super.call(this, value);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "handle", void 0);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2__["default"])(_this), "username", void 0);
|
|
_this.handle = _index__WEBPACK_IMPORTED_MODULE_8__.Handle.create(_this.constructor.handleChar);
|
|
_this.username = _index__WEBPACK_IMPORTED_MODULE_8__.Username.create(value.replace(_this.constructor.handleChar, ''));
|
|
return _this;
|
|
}
|
|
(0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(Mention, null, [{
|
|
key: "getPattern",
|
|
value: function getPattern() {
|
|
return new RegExp("\\B".concat(this.handleChar, "[\\w\\-]+"));
|
|
}
|
|
}]);
|
|
return Mention;
|
|
}(_base_token__WEBPACK_IMPORTED_MODULE_7__["default"]);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])(Mention, "type", 'Mention');
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6__["default"])(Mention, "handleChar", '@');
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/tokens/paragraph.js":
|
|
/*!******************************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/tokens/paragraph.js ***!
|
|
\******************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Paragraph)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "../../../node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "../../../node_modules/@babel/runtime/helpers/esm/inherits.js");
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js");
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _base_token__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./base-token */ "../assets/js/services/rich-text-parser/tokens/base-token.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__["default"])(this, result); }; }
|
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
|
|
var Paragraph = /*#__PURE__*/function (_BaseToken) {
|
|
(0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__["default"])(Paragraph, _BaseToken);
|
|
var _super = _createSuper(Paragraph);
|
|
function Paragraph() {
|
|
(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__["default"])(this, Paragraph);
|
|
return _super.apply(this, arguments);
|
|
}
|
|
return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_0__["default"])(Paragraph);
|
|
}(_base_token__WEBPACK_IMPORTED_MODULE_6__["default"]);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__["default"])(Paragraph, "type", 'Paragraph');
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/tokens/text.js":
|
|
/*!*************************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/tokens/text.js ***!
|
|
\*************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Text)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "../../../node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "../../../node_modules/@babel/runtime/helpers/esm/inherits.js");
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js");
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _base_token__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./base-token */ "../assets/js/services/rich-text-parser/tokens/base-token.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__["default"])(this, result); }; }
|
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
|
|
var Text = /*#__PURE__*/function (_BaseToken) {
|
|
(0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__["default"])(Text, _BaseToken);
|
|
var _super = _createSuper(Text);
|
|
function Text() {
|
|
(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__["default"])(this, Text);
|
|
return _super.apply(this, arguments);
|
|
}
|
|
return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_0__["default"])(Text);
|
|
}(_base_token__WEBPACK_IMPORTED_MODULE_6__["default"]);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__["default"])(Text, "type", 'Text');
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/tokens/url.js":
|
|
/*!************************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/tokens/url.js ***!
|
|
\************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Url)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "../../../node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "../../../node_modules/@babel/runtime/helpers/esm/inherits.js");
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js");
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _base_token__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./base-token */ "../assets/js/services/rich-text-parser/tokens/base-token.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__["default"])(this, result); }; }
|
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
|
|
var Url = /*#__PURE__*/function (_BaseToken) {
|
|
(0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__["default"])(Url, _BaseToken);
|
|
var _super = _createSuper(Url);
|
|
function Url() {
|
|
(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, Url);
|
|
return _super.apply(this, arguments);
|
|
}
|
|
(0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(Url, null, [{
|
|
key: "getPattern",
|
|
value:
|
|
/**
|
|
* @see https://stackoverflow.com/questions/3809401/what-is-a-good-regular-expression-to-match-a-url
|
|
*
|
|
* @return {RegExp} pattern
|
|
*/
|
|
function getPattern() {
|
|
return /https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_+.~#?&/=]*)/;
|
|
}
|
|
}]);
|
|
return Url;
|
|
}(_base_token__WEBPACK_IMPORTED_MODULE_6__["default"]);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__["default"])(Url, "type", 'Url');
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/tokens/username.js":
|
|
/*!*****************************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/tokens/username.js ***!
|
|
\*****************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Username)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "../../../node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "../../../node_modules/@babel/runtime/helpers/esm/inherits.js");
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js");
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _base_token__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./base-token */ "../assets/js/services/rich-text-parser/tokens/base-token.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__["default"])(this, result); }; }
|
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
|
|
var Username = /*#__PURE__*/function (_BaseToken) {
|
|
(0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__["default"])(Username, _BaseToken);
|
|
var _super = _createSuper(Username);
|
|
function Username() {
|
|
(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__["default"])(this, Username);
|
|
return _super.apply(this, arguments);
|
|
}
|
|
return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_0__["default"])(Username);
|
|
}(_base_token__WEBPACK_IMPORTED_MODULE_6__["default"]);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__["default"])(Username, "type", 'Username');
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/tokens/wow.js":
|
|
/*!************************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/tokens/wow.js ***!
|
|
\************************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "default": () => (/* binding */ Wow)
|
|
/* harmony export */ });
|
|
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
|
|
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "../../../node_modules/@babel/runtime/helpers/esm/createClass.js");
|
|
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "../../../node_modules/@babel/runtime/helpers/esm/inherits.js");
|
|
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../../../node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js");
|
|
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js");
|
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../node_modules/@babel/runtime/helpers/esm/defineProperty.js");
|
|
/* harmony import */ var _base_token__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./base-token */ "../assets/js/services/rich-text-parser/tokens/base-token.js");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__["default"])(this, result); }; }
|
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
|
|
var Wow = /*#__PURE__*/function (_BaseToken) {
|
|
(0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__["default"])(Wow, _BaseToken);
|
|
var _super = _createSuper(Wow);
|
|
function Wow() {
|
|
(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, Wow);
|
|
return _super.apply(this, arguments);
|
|
}
|
|
(0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(Wow, null, [{
|
|
key: "getPattern",
|
|
value: function getPattern() {
|
|
return /(?:(?:\b(?:yay|wow)\b)|🎉)/;
|
|
}
|
|
}]);
|
|
return Wow;
|
|
}(_base_token__WEBPACK_IMPORTED_MODULE_6__["default"]);
|
|
(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_5__["default"])(Wow, "type", 'Wow');
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "../assets/js/services/rich-text-parser/utils.js":
|
|
/*!*******************************************************!*\
|
|
!*** ../assets/js/services/rich-text-parser/utils.js ***!
|
|
\*******************************************************/
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
/* harmony export */ "pipe": () => (/* binding */ pipe)
|
|
/* harmony export */ });
|
|
/**
|
|
* A util function to transform data through transform functions
|
|
*
|
|
* @param {Function[]} functions
|
|
* @return {Function} function
|
|
*/
|
|
function pipe() {
|
|
for (var _len = arguments.length, functions = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
functions[_key] = arguments[_key];
|
|
}
|
|
return function (value) {
|
|
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
args[_key2 - 1] = arguments[_key2];
|
|
}
|
|
return functions.reduce(function (currentValue, currentFunction) {
|
|
return currentFunction.apply(void 0, [currentValue].concat(args));
|
|
}, value);
|
|
};
|
|
}
|
|
|
|
/***/ })
|
|
|
|
}]);
|
|
//# sourceMappingURL=notes-app.js.map
|