oolib 2.62.2 → 2.63.0

package/dist/components/cards/comps/CardPlaceholder/index.js

@@ -1,14 +1,46 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardPlaceholder = void 0;
-var react_1 = __importDefault(require("react"));
-var placeholders_1 = require("../../../../assets/images/cards/placeholders");
+var react_1 = __importStar(require("react"));
+var cards_ph1_jpg_1 = __importDefault(require("../../../../assets/images/cards_ph1.jpg"));
+var cards_ph2_jpg_1 = __importDefault(require("../../../../assets/images/cards_ph2.jpg"));
+var cards_ph3_jpg_1 = __importDefault(require("../../../../assets/images/cards_ph3.jpg"));
 var CardPlaceholder = function (_a) {
     var _b = _a.style, style = _b === void 0 ? { height: 'auto', width: '100%' } : _b;
-    var randomInt = Math.ceil(Math.random() * 3); //will give us 1,2 or 3
-    return react_1.default.createElement("img", { style: style, src: placeholders_1.placeholders["ph".concat(randomInt)] });
+    var placeholders = {
+        ph1: cards_ph1_jpg_1.default,
+        ph2: cards_ph2_jpg_1.default,
+        ph3: cards_ph3_jpg_1.default
+    };
+    //useRef cuz we want this int only one time, which is on first mount.
+    //else, everytime the parent comp rerenders, the placeholder changes, which looks quite bad
+    var randomInt = (0, react_1.useRef)(Math.ceil(Math.random() * 3)); //will give us 1,2 or 3
+    return react_1.default.createElement("img", { style: style, src: placeholders["ph".concat(randomInt.current)] });
 };
 exports.CardPlaceholder = CardPlaceholder;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.62.2",
+  "version": "2.63.0",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/assets/images/cards/placeholders/index.d.ts

@@ -1,5 +0,0 @@
-export namespace placeholders {
-    export { ph1 };
-    export { ph2 };
-    export { ph3 };
-}

package/dist/assets/images/cards/placeholders/index.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.placeholders = void 0;
-var ph1_jpg_1 = __importDefault(require("./ph1.jpg"));
-var ph2_jpg_1 = __importDefault(require("./ph2.jpg"));
-var ph3_jpg_1 = __importDefault(require("./ph3.jpg"));
-exports.placeholders = {
-    ph1: ph1_jpg_1.default,
-    ph2: ph2_jpg_1.default,
-    ph3: ph3_jpg_1.default
-};