trepur_components 0.2.67 → 0.2.70
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Card/index.js +2 -2
- package/dist/components/Jumbotron/index.js +7 -23
- package/dist/components/SocialBlock/index.js +226 -0
- package/dist/components/Testimonial/index.js +1 -1
- package/dist/components/TextAndTitle/index.js +2 -3
- package/dist/index.js +8 -0
- package/package.json +1 -1
|
@@ -170,11 +170,11 @@ const Card = _ref => {
|
|
|
170
170
|
className: cardImageBelowTitle ? 'order-1' : 'order-3'
|
|
171
171
|
}, cardTitle && /*#__PURE__*/_react.default.createElement("div", {
|
|
172
172
|
className: titleWrapperClass
|
|
173
|
-
}, /*#__PURE__*/_react.default.createElement("
|
|
173
|
+
}, /*#__PURE__*/_react.default.createElement("h3", {
|
|
174
174
|
className: cardTitleClasses
|
|
175
175
|
}, cardTitle))), /*#__PURE__*/_react.default.createElement("div", {
|
|
176
176
|
className: contentWrapperClass
|
|
177
|
-
}, cardSubTitle && /*#__PURE__*/_react.default.createElement("
|
|
177
|
+
}, cardSubTitle && /*#__PURE__*/_react.default.createElement("h4", {
|
|
178
178
|
className: cardSubTitleClassList
|
|
179
179
|
}, cardSubTitle), cardDescription && /*#__PURE__*/_react.default.createElement("p", {
|
|
180
180
|
className: cardDescriptionClassList
|
|
@@ -9,7 +9,7 @@ require("core-js/modules/es.object.assign.js");
|
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
13
|
|
|
14
14
|
require("../index.css");
|
|
15
15
|
|
|
@@ -22,35 +22,19 @@ const Jumbotron = _ref => {
|
|
|
22
22
|
id,
|
|
23
23
|
classes,
|
|
24
24
|
image,
|
|
25
|
-
altText
|
|
26
|
-
text,
|
|
27
|
-
ctaText,
|
|
28
|
-
ctaText2,
|
|
29
|
-
ctaLink,
|
|
30
|
-
ctaLink2
|
|
25
|
+
altText
|
|
31
26
|
} = _ref;
|
|
27
|
+
const classList = (0, _classnames.default)({
|
|
28
|
+
[classes]: classes
|
|
29
|
+
}, 'w-full');
|
|
32
30
|
return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
|
|
33
31
|
id: id
|
|
34
32
|
}, {
|
|
35
|
-
className:
|
|
33
|
+
className: classList
|
|
36
34
|
}), /*#__PURE__*/_react.default.createElement("img", {
|
|
37
35
|
src: image,
|
|
38
36
|
alt: altText
|
|
39
|
-
})
|
|
40
|
-
className: "w-auto absolute top-10"
|
|
41
|
-
}, /*#__PURE__*/_react.default.createElement("h1", {
|
|
42
|
-
className: "text-4xl"
|
|
43
|
-
}, text), /*#__PURE__*/_react.default.createElement("div", {
|
|
44
|
-
className: "pt-2 lg:pt-8"
|
|
45
|
-
}, ctaText && /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
46
|
-
className: "mx-2",
|
|
47
|
-
ctaText: ctaText,
|
|
48
|
-
onClick: ctaLink
|
|
49
|
-
}), ctaText2 && /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
50
|
-
className: "mx-2",
|
|
51
|
-
ctaText: ctaText2,
|
|
52
|
-
onClick: ctaLink2
|
|
53
|
-
}))));
|
|
37
|
+
}));
|
|
54
38
|
};
|
|
55
39
|
|
|
56
40
|
var _default = Jumbotron;
|
|
@@ -0,0 +1,226 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.assign.js");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
11
|
+
|
|
12
|
+
require("core-js/modules/es.regexp.exec.js");
|
|
13
|
+
|
|
14
|
+
require("core-js/modules/es.string.split.js");
|
|
15
|
+
|
|
16
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
+
|
|
18
|
+
var _Input = _interopRequireDefault(require("../Input"));
|
|
19
|
+
|
|
20
|
+
var _Button = _interopRequireDefault(require("../Button"));
|
|
21
|
+
|
|
22
|
+
require("../index.css");
|
|
23
|
+
|
|
24
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
25
|
+
|
|
26
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
|
+
|
|
28
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
|
+
|
|
30
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
|
+
|
|
32
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
33
|
+
|
|
34
|
+
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; }
|
|
35
|
+
|
|
36
|
+
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) { _defineProperty(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; }
|
|
37
|
+
|
|
38
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
39
|
+
|
|
40
|
+
const SocialBlock = _ref => {
|
|
41
|
+
let {
|
|
42
|
+
id,
|
|
43
|
+
classes,
|
|
44
|
+
title,
|
|
45
|
+
text,
|
|
46
|
+
withLiveUpdates,
|
|
47
|
+
onSave,
|
|
48
|
+
saveButtonProps,
|
|
49
|
+
cancelButtonProps,
|
|
50
|
+
editTitleClasses,
|
|
51
|
+
editTextClasses,
|
|
52
|
+
editInputClasses
|
|
53
|
+
} = _ref;
|
|
54
|
+
const defaultComponentData = {
|
|
55
|
+
title: {
|
|
56
|
+
text: title
|
|
57
|
+
},
|
|
58
|
+
text: {
|
|
59
|
+
text: text
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
const [isInEditingMode, setIsInEditingMode] = (0, _react.useState)(false);
|
|
63
|
+
const [isHovering, setIsHovering] = (0, _react.useState)(false);
|
|
64
|
+
const [componentData, setComponentData] = (0, _react.useState)(defaultComponentData);
|
|
65
|
+
const hoverClasses = 'border-dashed border';
|
|
66
|
+
const classList = (0, _classnames.default)({
|
|
67
|
+
[classes]: classes
|
|
68
|
+
});
|
|
69
|
+
const hoverClassList = (0, _classnames.default)({
|
|
70
|
+
[hoverClasses]: withLiveUpdates && !isInEditingMode && isHovering
|
|
71
|
+
});
|
|
72
|
+
const socialButtons = [{
|
|
73
|
+
classes: 'mx-2 w-16 py-4 border border-1',
|
|
74
|
+
buttonBgColor: "#3b5999",
|
|
75
|
+
buttonCenterIcon: "facebook-f",
|
|
76
|
+
buttonTextColor: "white",
|
|
77
|
+
buttonBorderColor: "#3b5999",
|
|
78
|
+
buttonType: "social",
|
|
79
|
+
hoverButtonBgColor: "white",
|
|
80
|
+
hoverButtonBorderColor: "#3b5999",
|
|
81
|
+
hoverButtonTextColor: "#3b5999",
|
|
82
|
+
iconBrand: true,
|
|
83
|
+
url: "https://www.facebook.com/rupert.bennett"
|
|
84
|
+
}, {
|
|
85
|
+
classes: 'mx-2 w-16 py-4 border border-1',
|
|
86
|
+
buttonBgColor: "#0e76a8",
|
|
87
|
+
buttonCenterIcon: "linkedin-in",
|
|
88
|
+
buttonTextColor: "white",
|
|
89
|
+
buttonBorderColor: "#0e76a8",
|
|
90
|
+
buttonType: "social",
|
|
91
|
+
hoverButtonBgColor: "white",
|
|
92
|
+
hoverButtonBorderColor: "#0e76a8",
|
|
93
|
+
hoverButtonTextColor: "#0e76a8",
|
|
94
|
+
iconBrand: true,
|
|
95
|
+
url: "https://www.linkedin.com/in/rupert-bennett"
|
|
96
|
+
}, {
|
|
97
|
+
classes: 'mx-2 w-16 py-4 border border-1',
|
|
98
|
+
buttonBgColor: "#000000",
|
|
99
|
+
buttonCenterIcon: "github",
|
|
100
|
+
buttonTextColor: "white",
|
|
101
|
+
buttonBorderColor: "#000000",
|
|
102
|
+
buttonType: "social",
|
|
103
|
+
hoverButtonBgColor: "white",
|
|
104
|
+
hoverButtonBorderColor: "black",
|
|
105
|
+
hoverButtonTextColor: "#000000",
|
|
106
|
+
iconBrand: true,
|
|
107
|
+
url: "https://github.com/irupertbennett"
|
|
108
|
+
}, {
|
|
109
|
+
classes: 'mx-2 w-16 py-4 border border-1',
|
|
110
|
+
buttonBgColor: "#dc143c",
|
|
111
|
+
buttonCenterIcon: "envelope",
|
|
112
|
+
buttonTextColor: "white",
|
|
113
|
+
buttonBorderColor: "#dc143c",
|
|
114
|
+
buttonType: "social",
|
|
115
|
+
hoverButtonBgColor: "white",
|
|
116
|
+
hoverButtonBorderColor: "#dc143c",
|
|
117
|
+
hoverButtonTextColor: "#dc143c",
|
|
118
|
+
url: "mailto:irupertbennett@gmail.com?subject=rupertbennett.com-&body=Referred from rupertbennett.com"
|
|
119
|
+
}];
|
|
120
|
+
|
|
121
|
+
const toggleEditState = () => {
|
|
122
|
+
withLiveUpdates && setIsInEditingMode(!isInEditingMode);
|
|
123
|
+
};
|
|
124
|
+
|
|
125
|
+
const handleButtonSave = () => {
|
|
126
|
+
const arr = [];
|
|
127
|
+
arr.push({
|
|
128
|
+
key: 'title',
|
|
129
|
+
value: componentData.title.text
|
|
130
|
+
});
|
|
131
|
+
arr.push({
|
|
132
|
+
key: 'text',
|
|
133
|
+
value: componentData.text.text
|
|
134
|
+
});
|
|
135
|
+
toggleEditState();
|
|
136
|
+
onSave(arr, id);
|
|
137
|
+
setIsHovering(false);
|
|
138
|
+
};
|
|
139
|
+
|
|
140
|
+
const handleButtonCancel = () => {
|
|
141
|
+
toggleEditState();
|
|
142
|
+
setIsHovering(false);
|
|
143
|
+
};
|
|
144
|
+
|
|
145
|
+
const handleChange = e => {
|
|
146
|
+
let id = e.target.id;
|
|
147
|
+
console.log('id', id);
|
|
148
|
+
id = id.split('-')[id.split('-').length - 1];
|
|
149
|
+
setComponentData(_objectSpread(_objectSpread({}, componentData), {}, {
|
|
150
|
+
[id]: {
|
|
151
|
+
text: e.target.value
|
|
152
|
+
}
|
|
153
|
+
}));
|
|
154
|
+
};
|
|
155
|
+
|
|
156
|
+
return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
|
|
157
|
+
id: id
|
|
158
|
+
}, {
|
|
159
|
+
className: classList
|
|
160
|
+
}), withLiveUpdates && isInEditingMode ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
161
|
+
id: "title",
|
|
162
|
+
classes: editTitleClasses,
|
|
163
|
+
inputClasses: editInputClasses,
|
|
164
|
+
autoFocus: true,
|
|
165
|
+
value: componentData.title.text,
|
|
166
|
+
onChange: e => handleChange(e),
|
|
167
|
+
type: "text"
|
|
168
|
+
}), /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
169
|
+
id: "text",
|
|
170
|
+
classes: editTextClasses,
|
|
171
|
+
inputClasses: editInputClasses,
|
|
172
|
+
value: componentData.text.text,
|
|
173
|
+
onChange: e => handleChange(e),
|
|
174
|
+
type: "text"
|
|
175
|
+
}), /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
176
|
+
buttonClasses: "mt-4",
|
|
177
|
+
buttonText: "Save",
|
|
178
|
+
buttonOnClick: handleButtonSave,
|
|
179
|
+
buttonBgColor: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.bgColor,
|
|
180
|
+
buttonBorderColor: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.borderColor,
|
|
181
|
+
buttonTextColor: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.textColor,
|
|
182
|
+
buttonHoverTextColor: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.hoverTextColor,
|
|
183
|
+
buttonHoverBorderColor: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.hoverBorderColor,
|
|
184
|
+
buttonHoverBgColor: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.hoverBgColor
|
|
185
|
+
}), /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
186
|
+
buttonClasses: "mt-4 ml-4",
|
|
187
|
+
buttonText: "Cancel",
|
|
188
|
+
buttonOnClick: handleButtonCancel,
|
|
189
|
+
buttonBgColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.bgColor,
|
|
190
|
+
buttonBorderColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.borderColor,
|
|
191
|
+
buttonTextColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.textColor,
|
|
192
|
+
buttonHoverTextColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.hoverTextColor,
|
|
193
|
+
buttonHoverBorderColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.hoverBorderColor,
|
|
194
|
+
buttonHoverBgColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.hoverBgColor
|
|
195
|
+
})) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
196
|
+
onClick: toggleEditState,
|
|
197
|
+
className: hoverClassList
|
|
198
|
+
}, /*#__PURE__*/_react.default.createElement("h2", {
|
|
199
|
+
className: "text-md sm:text-lg"
|
|
200
|
+
}, componentData.title.text), /*#__PURE__*/_react.default.createElement("p", {
|
|
201
|
+
className: "pt-4"
|
|
202
|
+
}, componentData.text.text)), /*#__PURE__*/_react.default.createElement("div", {
|
|
203
|
+
className: "pt-4 text-center"
|
|
204
|
+
}, socialButtons && socialButtons.map((button, i) => {
|
|
205
|
+
return /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
206
|
+
key: "".concat(i, "_button"),
|
|
207
|
+
buttonClasses: button.classes,
|
|
208
|
+
buttonBgColor: button.buttonBgColor,
|
|
209
|
+
buttonCenterIcon: button.buttonCenterIcon,
|
|
210
|
+
buttonTextColor: button.buttonTextColor,
|
|
211
|
+
buttonBorderColor: button.buttonBorderColor,
|
|
212
|
+
buttonType: button.buttonType,
|
|
213
|
+
buttonHoverBgColor: button.hoverButtonBgColor,
|
|
214
|
+
buttonHoverBorderColor: button.hoverButtonBorderColor,
|
|
215
|
+
buttonHoverTextColor: button.hoverButtonTextColor,
|
|
216
|
+
buttonOnClick: button.onClick,
|
|
217
|
+
buttonUrl: button.url,
|
|
218
|
+
buttonBorder: true,
|
|
219
|
+
buttonIconBrand: button.iconBrand,
|
|
220
|
+
iconSize: 2
|
|
221
|
+
});
|
|
222
|
+
}))));
|
|
223
|
+
};
|
|
224
|
+
|
|
225
|
+
var _default = SocialBlock;
|
|
226
|
+
exports.default = _default;
|
|
@@ -50,7 +50,7 @@ const Testimonial = _ref => {
|
|
|
50
50
|
className: imageClassList,
|
|
51
51
|
src: image,
|
|
52
52
|
alt: altText
|
|
53
|
-
}), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("
|
|
53
|
+
}), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h2", {
|
|
54
54
|
className: "text-md md:text-lg"
|
|
55
55
|
}, companyName, " "), /*#__PURE__*/_react.default.createElement("p", {
|
|
56
56
|
className: "text-md md:text-lg"
|
|
@@ -56,7 +56,7 @@ const TextAndTitle = _ref => {
|
|
|
56
56
|
titleColor,
|
|
57
57
|
textCenter,
|
|
58
58
|
titleCenter,
|
|
59
|
-
withLiveUpdates
|
|
59
|
+
withLiveUpdates,
|
|
60
60
|
onSave,
|
|
61
61
|
saveButtonProps,
|
|
62
62
|
cancelButtonProps
|
|
@@ -136,7 +136,6 @@ const TextAndTitle = _ref => {
|
|
|
136
136
|
let id = e.target.id;
|
|
137
137
|
console.log('id', id);
|
|
138
138
|
id = id.split('-')[id.split('-').length - 1];
|
|
139
|
-
console.log('id: ', id);
|
|
140
139
|
setComponentData(_objectSpread(_objectSpread({}, componentData), {}, {
|
|
141
140
|
[id]: {
|
|
142
141
|
text: e.target.value
|
|
@@ -205,7 +204,7 @@ const TextAndTitle = _ref => {
|
|
|
205
204
|
buttonHoverBgColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.hoverBgColor
|
|
206
205
|
})) : /*#__PURE__*/_react.default.createElement("div", {
|
|
207
206
|
onClick: toggleEditState
|
|
208
|
-
}, /*#__PURE__*/_react.default.createElement("
|
|
207
|
+
}, /*#__PURE__*/_react.default.createElement("h1", {
|
|
209
208
|
style: titleStyles,
|
|
210
209
|
className: titleClassList
|
|
211
210
|
}, componentData.title.text), /*#__PURE__*/_react.default.createElement("p", {
|
package/dist/index.js
CHANGED
|
@@ -165,6 +165,12 @@ Object.defineProperty(exports, "Search", {
|
|
|
165
165
|
return _Search.default;
|
|
166
166
|
}
|
|
167
167
|
});
|
|
168
|
+
Object.defineProperty(exports, "SocialBlock", {
|
|
169
|
+
enumerable: true,
|
|
170
|
+
get: function get() {
|
|
171
|
+
return _SocialBlock.default;
|
|
172
|
+
}
|
|
173
|
+
});
|
|
168
174
|
Object.defineProperty(exports, "StarRating", {
|
|
169
175
|
enumerable: true,
|
|
170
176
|
get: function get() {
|
|
@@ -268,6 +274,8 @@ var _Row = _interopRequireDefault(require("./components/Row"));
|
|
|
268
274
|
|
|
269
275
|
var _Search = _interopRequireDefault(require("./components/Search"));
|
|
270
276
|
|
|
277
|
+
var _SocialBlock = _interopRequireDefault(require("./components/SocialBlock"));
|
|
278
|
+
|
|
271
279
|
var _StarRating = _interopRequireDefault(require("./components/StarRating"));
|
|
272
280
|
|
|
273
281
|
var _Testimonial = _interopRequireDefault(require("./components/Testimonial"));
|