@renaissancerentals/renaissance-component 10.1.3 → 10.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import "./assets/ContactModal.scss";
|
|
3
|
+
import { ContactSectionProps } from "./ContactSection";
|
|
4
|
+
export declare const ContactModal: React.FC<ContactModalProps>;
|
|
5
|
+
export interface ContactModalProps extends ContactSectionProps {
|
|
6
|
+
showContactModal: boolean;
|
|
7
|
+
contactModalCloseHandler: () => void;
|
|
8
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ContactModal = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _muncherUi = require("@contentmunch/muncher-ui");
|
|
11
|
+
|
|
12
|
+
require("./assets/ContactModal.scss");
|
|
13
|
+
|
|
14
|
+
var _ContactSection = require("./ContactSection");
|
|
15
|
+
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
|
|
18
|
+
var ContactModal = function ContactModal(_ref) {
|
|
19
|
+
var showContactModal = _ref.showContactModal,
|
|
20
|
+
contactModalCloseHandler = _ref.contactModalCloseHandler,
|
|
21
|
+
to = _ref.to,
|
|
22
|
+
subject = _ref.subject,
|
|
23
|
+
variant = _ref.variant,
|
|
24
|
+
conversionTrackingId2 = _ref.conversionTrackingId2,
|
|
25
|
+
conversionTrackingId1 = _ref.conversionTrackingId1;
|
|
26
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
27
|
+
className: "div-contact--modal"
|
|
28
|
+
}, /*#__PURE__*/_react.default.createElement(_muncherUi.Modal, {
|
|
29
|
+
show: showContactModal,
|
|
30
|
+
setShow: contactModalCloseHandler
|
|
31
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
32
|
+
className: "close",
|
|
33
|
+
onClick: contactModalCloseHandler
|
|
34
|
+
}, /*#__PURE__*/_react.default.createElement(_muncherUi.Icon, {
|
|
35
|
+
name: "close",
|
|
36
|
+
size: "medium"
|
|
37
|
+
})), /*#__PURE__*/_react.default.createElement(_ContactSection.ContactSection, {
|
|
38
|
+
subject: subject,
|
|
39
|
+
variant: variant,
|
|
40
|
+
to: to,
|
|
41
|
+
conversionTrackingId1: conversionTrackingId1,
|
|
42
|
+
conversionTrackingId2: conversionTrackingId2
|
|
43
|
+
})));
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
exports.ContactModal = ContactModal;
|
|
47
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJDb250YWN0TW9kYWwiLCJzaG93Q29udGFjdE1vZGFsIiwiY29udGFjdE1vZGFsQ2xvc2VIYW5kbGVyIiwidG8iLCJzdWJqZWN0IiwidmFyaWFudCIsImNvbnZlcnNpb25UcmFja2luZ0lkMiIsImNvbnZlcnNpb25UcmFja2luZ0lkMSJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb250YWN0L0NvbnRhY3RNb2RhbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7SWNvbiwgTW9kYWx9IGZyb20gXCJAY29udGVudG11bmNoL211bmNoZXItdWlcIjtcbmltcG9ydCBcIi4vYXNzZXRzL0NvbnRhY3RNb2RhbC5zY3NzXCI7XG5pbXBvcnQge0NvbnRhY3RTZWN0aW9uLCBDb250YWN0U2VjdGlvblByb3BzfSBmcm9tIFwiLi9Db250YWN0U2VjdGlvblwiO1xuXG5leHBvcnQgY29uc3QgQ29udGFjdE1vZGFsOiBSZWFjdC5GQzxDb250YWN0TW9kYWxQcm9wcz4gPSAoXG4gICAge1xuICAgICAgICBzaG93Q29udGFjdE1vZGFsLCBjb250YWN0TW9kYWxDbG9zZUhhbmRsZXIsIHRvLCBzdWJqZWN0LFxuICAgICAgICB2YXJpYW50LCBjb252ZXJzaW9uVHJhY2tpbmdJZDIsIGNvbnZlcnNpb25UcmFja2luZ0lkMVxuICAgIH0pID0+IHtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiZGl2LWNvbnRhY3QtLW1vZGFsXCI+XG4gICAgICAgICAgICA8TW9kYWwgc2hvdz17c2hvd0NvbnRhY3RNb2RhbH0gc2V0U2hvdz17Y29udGFjdE1vZGFsQ2xvc2VIYW5kbGVyfT5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImNsb3NlXCIgb25DbGljaz17Y29udGFjdE1vZGFsQ2xvc2VIYW5kbGVyfT5cbiAgICAgICAgICAgICAgICAgICAgPEljb24gbmFtZT1cImNsb3NlXCIgc2l6ZT1cIm1lZGl1bVwiLz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8Q29udGFjdFNlY3Rpb24gc3ViamVjdD17c3ViamVjdH0gdmFyaWFudD17dmFyaWFudH0gdG89e3RvfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb252ZXJzaW9uVHJhY2tpbmdJZDE9e2NvbnZlcnNpb25UcmFja2luZ0lkMX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29udmVyc2lvblRyYWNraW5nSWQyPXtjb252ZXJzaW9uVHJhY2tpbmdJZDJ9Lz5cbiAgICAgICAgICAgIDwvTW9kYWw+XG4gICAgICAgIDwvZGl2PlxuICAgIClcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29udGFjdE1vZGFsUHJvcHMgZXh0ZW5kcyBDb250YWN0U2VjdGlvblByb3BzIHtcbiAgICBzaG93Q29udGFjdE1vZGFsOiBib29sZWFuO1xuICAgIGNvbnRhY3RNb2RhbENsb3NlSGFuZGxlcjogKCkgPT4gdm9pZDtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBOztBQUNBOztBQUNBOztBQUNBOzs7O0FBRU8sSUFBTUEsWUFBeUMsR0FBRyxTQUE1Q0EsWUFBNEMsT0FJL0M7RUFBQSxJQUZGQyxnQkFFRSxRQUZGQSxnQkFFRTtFQUFBLElBRmdCQyx3QkFFaEIsUUFGZ0JBLHdCQUVoQjtFQUFBLElBRjBDQyxFQUUxQyxRQUYwQ0EsRUFFMUM7RUFBQSxJQUY4Q0MsT0FFOUMsUUFGOENBLE9BRTlDO0VBQUEsSUFERkMsT0FDRSxRQURGQSxPQUNFO0VBQUEsSUFET0MscUJBQ1AsUUFET0EscUJBQ1A7RUFBQSxJQUQ4QkMscUJBQzlCLFFBRDhCQSxxQkFDOUI7RUFFTixvQkFDSTtJQUFLLFNBQVMsRUFBQztFQUFmLGdCQUNJLDZCQUFDLGdCQUFEO0lBQU8sSUFBSSxFQUFFTixnQkFBYjtJQUErQixPQUFPLEVBQUVDO0VBQXhDLGdCQUNJO0lBQUssU0FBUyxFQUFDLE9BQWY7SUFBdUIsT0FBTyxFQUFFQTtFQUFoQyxnQkFDSSw2QkFBQyxlQUFEO0lBQU0sSUFBSSxFQUFDLE9BQVg7SUFBbUIsSUFBSSxFQUFDO0VBQXhCLEVBREosQ0FESixlQUlJLDZCQUFDLDhCQUFEO0lBQWdCLE9BQU8sRUFBRUUsT0FBekI7SUFBa0MsT0FBTyxFQUFFQyxPQUEzQztJQUFvRCxFQUFFLEVBQUVGLEVBQXhEO0lBQ2dCLHFCQUFxQixFQUFFSSxxQkFEdkM7SUFFZ0IscUJBQXFCLEVBQUVEO0VBRnZDLEVBSkosQ0FESixDQURKO0FBWUgsQ0FsQk0ifQ==
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
@import "src/assets/variables";
|
|
2
|
+
|
|
3
|
+
.div-contact--modal {
|
|
4
|
+
position: relative;
|
|
5
|
+
.close {
|
|
6
|
+
position: fixed;
|
|
7
|
+
top: 1rem;
|
|
8
|
+
right: 1rem;
|
|
9
|
+
padding: .4rem;
|
|
10
|
+
color: $primary-color;
|
|
11
|
+
cursor: pointer;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.close:hover {
|
|
15
|
+
opacity: .6;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.muncher-modal {
|
|
19
|
+
padding: 1rem 1rem 5rem 1rem;
|
|
20
|
+
left: 0;
|
|
21
|
+
top: 0;
|
|
22
|
+
width: 100vw;
|
|
23
|
+
overflow: scroll;
|
|
24
|
+
max-height: 100vh;
|
|
25
|
+
|
|
26
|
+
.section__contact .form--element {
|
|
27
|
+
width: 70vw;
|
|
28
|
+
@media (min-width: $medium-size) {
|
|
29
|
+
max-width: 17rem;
|
|
30
|
+
}
|
|
31
|
+
@media (min-width: $large-size) {
|
|
32
|
+
max-width: 25rem;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
}
|
|
37
|
+
}
|