trepur_components 0.3.30 → 0.3.33

package/dist/components/Image/index.js

@@ -1,13 +1,15 @@
 "use strict";
 
+require("core-js/modules/es.object.assign.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.imageProps = exports.default = void 0;
 
-require("core-js/modules/es.object.assign.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -15,6 +17,10 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 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 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; }
@@ -37,11 +43,46 @@ const Image = _ref => {
   let {
     imageProps
   } = _ref;
+  const [isHovering, setIsHovering] = (0, _react.useState)(false);
+  const widthClassList = (0, _classnames.default)({
+    'w-6': imageProps.width === 1,
+    'w-10': imageProps.width === 2,
+    'w-14': imageProps.width === 3,
+    'w-16': imageProps.width === 4,
+    'w-20': imageProps.width === 5,
+    'w-24': imageProps.width === 6,
+    'w-28': imageProps.width === 7,
+    'w-32': imageProps.width === 8,
+    'w-36': imageProps.width === 9,
+    'w-40': imageProps.width === 10,
+    'w-44': imageProps.width === 11
+  });
+  const heightClassList = (0, _classnames.default)({
+    'h-6': imageProps.height === 1,
+    'h-10': imageProps.height === 2,
+    'h-14': imageProps.height === 3,
+    'h-16': imageProps.height === 4,
+    'h-20': imageProps.height === 5,
+    'h-24': imageProps.height === 6,
+    'h-28': imageProps.height === 7,
+    'h-32': imageProps.height === 8,
+    'h-36': imageProps.height === 9,
+    'h-40': imageProps.height === 10,
+    'h-44': imageProps.height === 11
+  });
   const classList = (0, _classnames.default)({
     [imageProps === null || imageProps === void 0 ? void 0 : imageProps.classes]: imageProps === null || imageProps === void 0 ? void 0 : imageProps.classes,
     'rounded-full': imageProps === null || imageProps === void 0 ? void 0 : imageProps.rounded
-  });
-  return /*#__PURE__*/_react.default.createElement("img", _extends({}, (imageProps === null || imageProps === void 0 ? void 0 : imageProps.id) && {
+  }, widthClassList, heightClassList);
+  return /*#__PURE__*/_react.default.createElement("div", null, (imageProps === null || imageProps === void 0 ? void 0 : imageProps.imageName) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "fixed ".concat(widthClassList, " ").concat(heightClassList, " top-0 left-0 right-0 bottom-0 z-10 bg-white transition-opacity duration-700 ").concat(isHovering ? 'opacity-50' : 'opacity-0')
+  }), (imageProps === null || imageProps === void 0 ? void 0 : imageProps.imageName) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex fixed ".concat(widthClassList, " ").concat(heightClassList, " top-0 left-0 right-0 bottom-0 z-20 transition-opacity duration-700 ").concat(isHovering ? 'opacity-100' : 'opacity-0'),
+    onMouseEnter: () => setIsHovering(true),
+    onMouseLeave: () => setIsHovering(false)
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "m-auto text-center"
+  }, imageProps === null || imageProps === void 0 ? void 0 : imageProps.imageName)), /*#__PURE__*/_react.default.createElement("img", _extends({}, (imageProps === null || imageProps === void 0 ? void 0 : imageProps.id) && {
     id: imageProps === null || imageProps === void 0 ? void 0 : imageProps.id
   }, {
     className: classList,
@@ -50,6 +91,8 @@ const Image = _ref => {
     alt: imageProps === null || imageProps === void 0 ? void 0 : imageProps.altText
   }, (imageProps === null || imageProps === void 0 ? void 0 : imageProps.title) && {
     title: imageProps === null || imageProps === void 0 ? void 0 : imageProps.title
+  })), (imageProps === null || imageProps === void 0 ? void 0 : imageProps.imageName) && isHovering && /*#__PURE__*/_react.default.createElement("p", {
+    className: "".concat(widthClassList, " text-center ").concat(isHovering ? 'block' : 'hidden')
   }));
 };
 

package/dist/index.js

@@ -99,6 +99,12 @@ Object.defineProperty(exports, "FyreCard", {
     return _FyreCard.default;
   }
 });
+Object.defineProperty(exports, "Greeting", {
+  enumerable: true,
+  get: function get() {
+    return _Greeting.default;
+  }
+});
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
   get: function get() {
@@ -258,6 +264,8 @@ var _FooterBar = _interopRequireDefault(require("./components/FooterBar"));
 
 var _FyreCard = _interopRequireDefault(require("./components/FyreCard"));
 
+var _Greeting = _interopRequireDefault(require("./components/Greeting"));
+
 var _Icon = _interopRequireDefault(require("./components/Icon"));
 
 var _Image = _interopRequireDefault(require("./components/Image"));

package/package.json

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