trepur_components 0.2.60 → 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.
Files changed (2) hide show
  1. package/dist/components/TextAndTitle/index.js +51 -35
  2. package/package.json +1 -1
package/dist/components/TextAndTitle/index.js CHANGED
@@ -9,8 +9,6 @@ exports.default = void 0;
9
9
 
10
10
  require("core-js/modules/web.dom-collections.iterator.js");
11
11
 
12
- require("core-js/modules/es.json.stringify.js");
13
-
14
12
  var _react = _interopRequireWildcard(require("react"));
15
13
 
16
14
  var _Input = _interopRequireDefault(require("../Input"));
@@ -35,9 +33,12 @@ const TextAndTitle = _ref => {
35
33
  classes,
36
34
  titleClasses,
37
35
  editTitleClasses,
38
- editTitleInputClasses,
36
+ editTextClasses,
37
+ editInputClasses,
39
38
  textClasses,
40
- children,
39
+ textLineOne,
40
+ textLineTwo,
41
+ textLineThree,
41
42
  title,
42
43
  titleBold,
43
44
  bgColor,
@@ -46,9 +47,10 @@ 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
- console.log('children: ', children);
52
54
  const [isInEditingMode, setIsInEditingMode] = (0, _react.useState)(false);
53
55
  const [titleText, setTitleText] = (0, _react.useState)(title);
54
56
  const [isHovering, setIsHovering] = (0, _react.useState)(false);
@@ -61,7 +63,7 @@ const TextAndTitle = _ref => {
61
63
  titleClassList += titleBold ? 'font-bold ' : '';
62
64
  titleClassList += titleCenter ? 'text-center ' : '';
63
65
  titleClassList += titleClasses ? titleClasses : '';
64
- let textClassList = '';
66
+ let textClassList = 'pt-4';
65
67
  textClassList += textCenter ? 'text-center ' : '';
66
68
  textClassList += textClasses ? textClasses : ''; //---------- Styling ---------------
67
69
 
@@ -97,14 +99,6 @@ const TextAndTitle = _ref => {
97
99
  withLiveUpdates && setIsHovering(!isHovering);
98
100
  };
99
101
 
100
- const destructChildren = children => {
101
- let data = '';
102
- children && children.map(child => {
103
- data += "".concat(JSON.parse(JSON.stringify(child)).props.children);
104
- });
105
- return data;
106
- };
107
-
108
102
  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
109
103
  id: id
110
104
  }, {
@@ -113,42 +107,64 @@ const TextAndTitle = _ref => {
113
107
  onMouseOut: () => toggleHoverState()
114
108
  }), withLiveUpdates && isInEditingMode ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
115
109
  classes: editTitleClasses,
116
- inputClasses: editTitleInputClasses,
110
+ inputClasses: editInputClasses,
117
111
  autoFocus: true,
118
112
  value: titleText,
119
113
  onChange: e => handleChange(e),
120
114
  type: "text"
121
115
  }), /*#__PURE__*/_react.default.createElement(_Input.default, {
122
- classes: "py-4",
123
- value: destructChildren(children),
116
+ classes: editTextClasses,
117
+ inputClasses: editInputClasses,
118
+ value: textLineOne,
119
+ onChange: e => handleChange(e),
120
+ type: "text"
121
+ }), /*#__PURE__*/_react.default.createElement(_Input.default, {
122
+ classes: editTextClasses,
123
+ inputClasses: editInputClasses,
124
+ value: textLineTwo,
125
+ onChange: e => handleChange(e),
126
+ type: "text"
127
+ }), /*#__PURE__*/_react.default.createElement(_Input.default, {
128
+ classes: editTextClasses,
129
+ inputClasses: editInputClasses,
130
+ value: textLineThree,
124
131
  onChange: e => handleChange(e),
125
132
  type: "text"
126
133
  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
134
+ buttonClasses: "mt-4",
127
135
  buttonText: "Save",
128
136
  buttonOnClick: handleButtonSave,
129
- buttonBgColor: "black",
130
- buttonTextColor: "white",
131
- buttonHoverTextColor: "#000000",
132
- buttonHoverBorderColor: "#000000",
133
- buttonHoverBgColor: "white"
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
134
143
  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
135
- buttonClasses: "ml-4",
144
+ buttonClasses: "mt-4 ml-4",
136
145
  buttonText: "Cancel",
137
- class: true,
138
146
  buttonOnClick: handleButtonCancel,
139
- buttonBgColor: "black",
140
- buttonTextColor: "white",
141
- buttonHoverTextColor: "#000000",
142
- buttonHoverBorderColor: "#000000",
143
- buttonHoverBgColor: "white"
144
- })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
145
- style: titleStyles,
146
- 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", {
147
154
  onClick: toggleEditState
148
- }, titleText), /*#__PURE__*/_react.default.createElement("div", {
155
+ }, /*#__PURE__*/_react.default.createElement("p", {
156
+ style: titleStyles,
157
+ className: titleClassList
158
+ }, titleText), /*#__PURE__*/_react.default.createElement("p", {
159
+ style: textStyles,
160
+ className: textClassList
161
+ }, textLineOne), /*#__PURE__*/_react.default.createElement("p", {
162
+ style: textStyles,
163
+ className: textClassList
164
+ }, textLineTwo), /*#__PURE__*/_react.default.createElement("p", {
149
165
  style: textStyles,
150
166
  className: textClassList
151
- }, children)));
167
+ }, textLineThree)));
152
168
  };
153
169
 
154
170
  var _default = TextAndTitle;
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "trepur_components",
3
3
  "description": "component lib",
4
4
  "author": "trepur_ttenneb",
5
- "version": "0.2.60",
5
+ "version": "0.2.63",
6
6
  "private": false,
7
7
  "keywords": [
8
8
  "react",