trepur_components 0.2.62 → 0.2.63
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.
|
@@ -33,7 +33,8 @@ const TextAndTitle = _ref => {
|
|
|
33
33
|
classes,
|
|
34
34
|
titleClasses,
|
|
35
35
|
editTitleClasses,
|
|
36
|
-
|
|
36
|
+
editTextClasses,
|
|
37
|
+
editInputClasses,
|
|
37
38
|
textClasses,
|
|
38
39
|
textLineOne,
|
|
39
40
|
textLineTwo,
|
|
@@ -46,7 +47,9 @@ const TextAndTitle = _ref => {
|
|
|
46
47
|
textCenter,
|
|
47
48
|
titleCenter,
|
|
48
49
|
withLiveUpdates = false,
|
|
49
|
-
onSave
|
|
50
|
+
onSave,
|
|
51
|
+
saveButtonProps,
|
|
52
|
+
cancelButtonProps
|
|
50
53
|
} = _ref;
|
|
51
54
|
const [isInEditingMode, setIsInEditingMode] = (0, _react.useState)(false);
|
|
52
55
|
const [titleText, setTitleText] = (0, _react.useState)(title);
|
|
@@ -60,7 +63,7 @@ const TextAndTitle = _ref => {
|
|
|
60
63
|
titleClassList += titleBold ? 'font-bold ' : '';
|
|
61
64
|
titleClassList += titleCenter ? 'text-center ' : '';
|
|
62
65
|
titleClassList += titleClasses ? titleClasses : '';
|
|
63
|
-
let textClassList = '';
|
|
66
|
+
let textClassList = 'pt-4';
|
|
64
67
|
textClassList += textCenter ? 'text-center ' : '';
|
|
65
68
|
textClassList += textClasses ? textClasses : ''; //---------- Styling ---------------
|
|
66
69
|
|
|
@@ -104,48 +107,54 @@ const TextAndTitle = _ref => {
|
|
|
104
107
|
onMouseOut: () => toggleHoverState()
|
|
105
108
|
}), withLiveUpdates && isInEditingMode ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
106
109
|
classes: editTitleClasses,
|
|
107
|
-
inputClasses:
|
|
110
|
+
inputClasses: editInputClasses,
|
|
108
111
|
autoFocus: true,
|
|
109
112
|
value: titleText,
|
|
110
113
|
onChange: e => handleChange(e),
|
|
111
114
|
type: "text"
|
|
112
115
|
}), /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
113
|
-
classes:
|
|
116
|
+
classes: editTextClasses,
|
|
117
|
+
inputClasses: editInputClasses,
|
|
114
118
|
value: textLineOne,
|
|
115
119
|
onChange: e => handleChange(e),
|
|
116
120
|
type: "text"
|
|
117
121
|
}), /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
118
|
-
classes:
|
|
122
|
+
classes: editTextClasses,
|
|
123
|
+
inputClasses: editInputClasses,
|
|
119
124
|
value: textLineTwo,
|
|
120
125
|
onChange: e => handleChange(e),
|
|
121
126
|
type: "text"
|
|
122
127
|
}), /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
123
|
-
classes:
|
|
128
|
+
classes: editTextClasses,
|
|
129
|
+
inputClasses: editInputClasses,
|
|
124
130
|
value: textLineThree,
|
|
125
131
|
onChange: e => handleChange(e),
|
|
126
132
|
type: "text"
|
|
127
133
|
}), /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
134
|
+
buttonClasses: "mt-4",
|
|
128
135
|
buttonText: "Save",
|
|
129
136
|
buttonOnClick: handleButtonSave,
|
|
130
|
-
buttonBgColor:
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
137
|
+
buttonBgColor: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.bgColor,
|
|
138
|
+
buttonBorderColor: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.borderColor,
|
|
139
|
+
buttonTextColor: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.textColor,
|
|
140
|
+
buttonHoverTextColor: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.hoverTextColor,
|
|
141
|
+
buttonHoverBorderColor: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.hoverBorderColor,
|
|
142
|
+
buttonHoverBgColor: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.hoverBgColor
|
|
135
143
|
}), /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
136
|
-
buttonClasses: "ml-4",
|
|
144
|
+
buttonClasses: "mt-4 ml-4",
|
|
137
145
|
buttonText: "Cancel",
|
|
138
|
-
class: true,
|
|
139
146
|
buttonOnClick: handleButtonCancel,
|
|
140
|
-
buttonBgColor:
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
className: titleClassList,
|
|
147
|
+
buttonBgColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.bgColor,
|
|
148
|
+
buttonBorderColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.borderColor,
|
|
149
|
+
buttonTextColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.textColor,
|
|
150
|
+
buttonHoverTextColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.hoverTextColor,
|
|
151
|
+
buttonHoverBorderColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.hoverBorderColor,
|
|
152
|
+
buttonHoverBgColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.hoverBgColor
|
|
153
|
+
})) : /*#__PURE__*/_react.default.createElement("div", {
|
|
148
154
|
onClick: toggleEditState
|
|
155
|
+
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
156
|
+
style: titleStyles,
|
|
157
|
+
className: titleClassList
|
|
149
158
|
}, titleText), /*#__PURE__*/_react.default.createElement("p", {
|
|
150
159
|
style: textStyles,
|
|
151
160
|
className: textClassList
|