trepur_components 0.2.53 → 0.2.56

package/dist/components/Input/index.js

@@ -39,14 +39,15 @@ const Input = _ref => {
     onBlur,
     onFocus,
     hasValidation,
-    errors
+    errors,
+    value
   } = _ref;
-  let classList = 'flex flex-col ';
+  let classList = 'flex flex-col';
   classList += classes ? classes : '';
   let labelClassList = 'w-auto ';
   labelClassList += bold ? 'font-bold ' : '';
   labelClassList += labelClasses ? labelClasses : '';
-  let inputClassList = 'border px-2 ';
+  let inputClassList = 'border px-2 rounded-md h-24';
   inputClassList += inputClasses ? inputClasses : '';
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
     id: id
@@ -72,6 +73,7 @@ const Input = _ref => {
     readOnly: readOnly,
     type: type,
     name: name,
+    value: value,
     placeholder: placeholder,
     onChange: onChange,
     onBlur: onBlur,

package/dist/components/TextAndTitle/index.js

@@ -1,18 +1,28 @@
 "use strict";
 
+require("core-js/modules/es.object.assign.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-require("core-js/modules/es.object.assign.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+
+var _react = _interopRequireWildcard(require("react"));
 
-var _react = _interopRequireDefault(require("react"));
+var _Input = _interopRequireDefault(require("../Input"));
+
+var _Button = _interopRequireDefault(require("../Button"));
 
 require("../index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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); }
+
+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; }
+
 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); }
 
 const TextAndTitle = _ref => {
@@ -28,8 +38,12 @@ const TextAndTitle = _ref => {
     textColor,
     titleColor,
     textCenter,
-    titleCenter
+    titleCenter,
+    withLiveUpdates,
+    onSave
   } = _ref;
+  const [isInEditingMode, setIsInEditingMode] = (0, _react.useState)(false);
+  const [titleText, setTitleText] = (0, _react.useState)(title);
   let classList = classes ? classes : '';
   let titleClassList = 'text-md sm:text-lg ';
   titleClassList += titleBold ? 'font-bold ' : '';
@@ -48,17 +62,51 @@ const TextAndTitle = _ref => {
     'color': titleColor
   }; //-----------------------------------
 
+  const toggleEditState = () => {
+    setIsInEditingMode(!isInEditingMode);
+  };
+
+  const handleButtonSave = () => {
+    toggleEditState();
+    onSave(titleText, id);
+  };
+
+  const handleChange = e => {
+    setTitleText(e.target.value);
+  };
+
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
     id: id
   }, {
     className: classList
-  }), /*#__PURE__*/_react.default.createElement("p", {
+  }), withLiveUpdates && isInEditingMode ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
+    className: "w-full text-brand-primary mt-20 border border-2",
+    autoFocus: true,
+    value: titleText,
+    onChange: e => handleChange(e),
+    type: "text"
+  }), /*#__PURE__*/_react.default.createElement(_Input.default, {
+    className: "w-full text-brand-primary border border-2",
+    autoFocus: true,
+    value: "",
+    onChange: e => handleChange(e),
+    type: "text"
+  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    buttonText: "Save",
+    buttonOnClick: handleButtonSave,
+    buttonBgColor: "black",
+    buttonTextColor: "white",
+    buttonHoverTextColor: "#000000",
+    buttonHoverBorderColor: "#000000",
+    buttonHoverBgColor: "white"
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
     style: titleStyles,
-    className: titleClassList
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: titleClassList,
+    onClick: toggleEditState
+  }, titleText), /*#__PURE__*/_react.default.createElement("div", {
     style: textStyles,
     className: textClassList
-  }, children));
+  }, children)));
 };
 
 var _default = TextAndTitle;

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "0.2.53",
+  "version": "0.2.56",
   "private": false,
   "keywords": [
     "react",