trepur_components 0.2.63 → 0.2.66

package/dist/components/Accordion/index.js

@@ -27,8 +27,9 @@ const Accordion = _ref => {
     id: id
   }, {
     className: classes
-  }), items && items.map(item => {
+  }), items && items.map((item, i) => {
     return /*#__PURE__*/_react.default.createElement(_Collapsible.default, {
+      key: "collapsible_item_".concat(i),
       id: item.id,
       title: item.title,
       subtitle: item.subtitle,

package/dist/components/Collapsible/index.js

@@ -26,7 +26,6 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 const Collapsible = _ref => {
   let {
     id,
-    key,
     classes,
     title,
     subtitle,
@@ -84,8 +83,7 @@ const Collapsible = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
     id: id
   }, {
-    className: classes,
-    key: key
+    className: classes
   }), /*#__PURE__*/_react.default.createElement("div", {
     style: styles,
     onMouseOver: () => setHoverState(true),

package/dist/components/Nav/index.js

@@ -79,7 +79,7 @@ const Nav = _ref => {
     setSideNavWidth({
       'width': "".concat(sideBarWidth),
       'backgroundColor': mobileBgColor ? mobileBgColor : bgColor,
-      'padding-right': '10px'
+      'paddingRight': '10px'
     });
   };
 
@@ -187,8 +187,9 @@ const Nav = _ref => {
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: 'flex ' + firstRowClasses
-  }, firstRow && firstRow.map(rowItem => {
+  }, firstRow && firstRow.map((rowItem, i) => {
     return /*#__PURE__*/_react.default.createElement(_Column.default, {
+      key: "row_item_1.".concat(i),
       classes: rowItem.columnClasses ? "".concat(rowItem.columnClasses, " h-16") : 'h-16',
       sm: rowItem.smColumnWidth,
       md: rowItem.columnWidth,
@@ -199,8 +200,9 @@ const Nav = _ref => {
     }, rowItem.component));
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: 'flex ' + secondRowClasses
-  }, secondRow && secondRow.map(rowItem => {
+  }, secondRow && secondRow.map((rowItem, i) => {
     return /*#__PURE__*/_react.default.createElement(_Column.default, {
+      key: "row_item_2.".concat(i),
       classes: "h-16",
       sm: rowItem.smColumnWidth,
       md: rowItem.columnWidth,
@@ -209,8 +211,9 @@ const Nav = _ref => {
     }, rowItem.component);
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: 'flex ' + thirdRowClasses
-  }, thirdRow && thirdRow.map(rowItem => {
+  }, thirdRow && thirdRow.map((rowItem, i) => {
     return /*#__PURE__*/_react.default.createElement(_Column.default, {
+      key: "row_item_3.".concat(i),
       classes: "h-16",
       sm: rowItem.smColumnWidth,
       md: rowItem.columnWidth,
@@ -228,8 +231,9 @@ const Nav = _ref => {
     onClick: () => closeSideNav(),
     type: "times",
     size: "2"
-  }), mobileItems && mobileItems.map(item => {
+  }), mobileItems && mobileItems.map((item, i) => {
     return /*#__PURE__*/_react.default.createElement("div", {
+      key: "mobile_item_".concat(i),
       className: "pb-5"
     }, item.component);
   })) :
@@ -242,8 +246,10 @@ const Nav = _ref => {
     id: "mobile-menu"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "px-2 pt-2 pb-3 space-y-1"
-  }, mobileItems && mobileItems.map(item => {
-    return /*#__PURE__*/_react.default.createElement("div", null, item.component);
+  }, mobileItems && mobileItems.map((item, i) => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: "dropdown_item_1.".concat(i)
+    }, item.component);
   }))));
 };
 

package/dist/components/TextAndTitle/index.js

@@ -9,6 +9,10 @@ exports.default = void 0;
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.split.js");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _Input = _interopRequireDefault(require("../Input"));
@@ -27,6 +31,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 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); }
 
+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; }
+
+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; }
+
+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; }
+
 const TextAndTitle = _ref => {
   let {
     id,
@@ -51,9 +61,23 @@ const TextAndTitle = _ref => {
     saveButtonProps,
     cancelButtonProps
   } = _ref;
+  const defaultComponentData = {
+    title: {
+      text: title
+    },
+    textLineOne: {
+      text: textLineOne
+    },
+    textLineTwo: {
+      text: textLineTwo
+    },
+    textLineThree: {
+      text: textLineThree
+    }
+  };
   const [isInEditingMode, setIsInEditingMode] = (0, _react.useState)(false);
-  const [titleText, setTitleText] = (0, _react.useState)(title);
   const [isHovering, setIsHovering] = (0, _react.useState)(false);
+  const [componentData, setComponentData] = (0, _react.useState)(defaultComponentData);
   const hoverClasses = 'border-dashed border';
   const classList = (0, _classnames.default)({
     [hoverClasses]: withLiveUpdates && !isInEditingMode && isHovering,
@@ -81,8 +105,25 @@ const TextAndTitle = _ref => {
   };
 
   const handleButtonSave = () => {
+    const arr = [];
+    arr.push({
+      key: 'title',
+      value: componentData.title.text
+    });
+    arr.push({
+      key: 'textLineOne',
+      value: componentData.textLineOne.text
+    });
+    arr.push({
+      key: 'textLineTwo',
+      value: componentData.textLineTwo.text
+    });
+    arr.push({
+      key: 'textLineThree',
+      value: componentData.textLineThree.text
+    });
     toggleEditState();
-    onSave(titleText, id);
+    onSave(arr, id);
     setIsHovering(false);
   };
 
@@ -92,7 +133,15 @@ const TextAndTitle = _ref => {
   };
 
   const handleChange = e => {
-    setTitleText(e.target.value);
+    let id = e.target.id;
+    console.log('id', id);
+    id = id.split('-')[id.split('-').length - 1];
+    console.log('id: ', id);
+    setComponentData(_objectSpread(_objectSpread({}, componentData), {}, {
+      [id]: {
+        text: e.target.value
+      }
+    }));
   };
 
   const toggleHoverState = () => {
@@ -106,28 +155,32 @@ const TextAndTitle = _ref => {
     onMouseOver: () => toggleHoverState(),
     onMouseOut: () => toggleHoverState()
   }), withLiveUpdates && isInEditingMode ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
+    id: "title",
     classes: editTitleClasses,
     inputClasses: editInputClasses,
     autoFocus: true,
-    value: titleText,
+    value: componentData.title.text,
     onChange: e => handleChange(e),
     type: "text"
   }), /*#__PURE__*/_react.default.createElement(_Input.default, {
+    id: "textLineOne",
     classes: editTextClasses,
     inputClasses: editInputClasses,
-    value: textLineOne,
+    value: componentData.textLineOne.text,
     onChange: e => handleChange(e),
     type: "text"
   }), /*#__PURE__*/_react.default.createElement(_Input.default, {
+    id: "textLineTwo",
     classes: editTextClasses,
     inputClasses: editInputClasses,
-    value: textLineTwo,
+    value: componentData.textLineTwo.text,
     onChange: e => handleChange(e),
     type: "text"
   }), /*#__PURE__*/_react.default.createElement(_Input.default, {
+    id: "textLineThree",
     classes: editTextClasses,
     inputClasses: editInputClasses,
-    value: textLineThree,
+    value: componentData.textLineThree.text,
     onChange: e => handleChange(e),
     type: "text"
   }), /*#__PURE__*/_react.default.createElement(_Button.default, {
@@ -155,16 +208,16 @@ const TextAndTitle = _ref => {
   }, /*#__PURE__*/_react.default.createElement("p", {
     style: titleStyles,
     className: titleClassList
-  }, titleText), /*#__PURE__*/_react.default.createElement("p", {
+  }, componentData.title.text), /*#__PURE__*/_react.default.createElement("p", {
     style: textStyles,
     className: textClassList
-  }, textLineOne), /*#__PURE__*/_react.default.createElement("p", {
+  }, componentData.textLineOne.text), /*#__PURE__*/_react.default.createElement("p", {
     style: textStyles,
     className: textClassList
-  }, textLineTwo), /*#__PURE__*/_react.default.createElement("p", {
+  }, componentData.textLineTwo.text), /*#__PURE__*/_react.default.createElement("p", {
     style: textStyles,
     className: textClassList
-  }, textLineThree)));
+  }, componentData.textLineThree.text)));
 };
 
 var _default = TextAndTitle;

package/package.json

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