@chayns-components/core 5.0.0-beta.37 → 5.0.0-beta.372

package/lib/utils/truncation.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.truncateElement = void 0;
+const doesElementOverflow = (element, referenceHeight) => element.scrollHeight > referenceHeight;
+const doesElementHasOnlyText = element => {
+  // Check if element has no child elements.
+  if (element.children.length === 0) {
+    // If element has text (not empty), it is only text.
+    return element.textContent !== '';
+  }
+  // Element has child elements or no text, so it's not only text.
+  return false;
+};
+const removeLastLeafElement = element => {
+  // remove last element of html element where the last element is a leaf element and its content is a string
+  const lastChild = element.lastElementChild;
+  if (lastChild && !doesElementHasOnlyText(lastChild) && lastChild.hasChildNodes()) {
+    removeLastLeafElement(lastChild);
+  } else if (lastChild && doesElementHasOnlyText(lastChild) && lastChild.textContent && lastChild.textContent.length > 25) {
+    lastChild.textContent = `${lastChild.textContent.substring(0, lastChild.textContent.length - 25)} ...`;
+  } else if (lastChild) {
+    element.removeChild(lastChild);
+  }
+};
+const truncateElement = (element, referenceHeight) => {
+  while (doesElementOverflow(element, referenceHeight)) {
+    removeLastLeafElement(element);
+  }
+};
+exports.truncateElement = truncateElement;
+//# sourceMappingURL=truncation.js.map

package/lib/utils/truncation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncation.js","names":["doesElementOverflow","element","referenceHeight","scrollHeight","doesElementHasOnlyText","children","length","textContent","removeLastLeafElement","lastChild","lastElementChild","hasChildNodes","substring","removeChild","truncateElement","exports"],"sources":["../../src/utils/truncation.ts"],"sourcesContent":["const doesElementOverflow = (element: HTMLElement, referenceHeight: number): boolean =>\n    element.scrollHeight > referenceHeight;\n\nconst doesElementHasOnlyText = (element: HTMLElement): boolean => {\n    // Check if element has no child elements.\n    if (element.children.length === 0) {\n        // If element has text (not empty), it is only text.\n        return element.textContent !== '';\n    }\n    // Element has child elements or no text, so it's not only text.\n    return false;\n};\n\nconst removeLastLeafElement = (element: HTMLElement) => {\n    // remove last element of html element where the last element is a leaf element and its content is a string\n    const lastChild: Element | null = element.lastElementChild;\n    if (\n        lastChild &&\n        !doesElementHasOnlyText(lastChild as HTMLElement) &&\n        lastChild.hasChildNodes()\n    ) {\n        removeLastLeafElement(lastChild as HTMLElement);\n    } else if (\n        lastChild &&\n        doesElementHasOnlyText(lastChild as HTMLElement) &&\n        lastChild.textContent &&\n        lastChild.textContent.length > 25\n    ) {\n        lastChild.textContent = `${lastChild.textContent.substring(\n            0,\n            lastChild.textContent.length - 25,\n        )} ...`;\n    } else if (lastChild) {\n        element.removeChild(lastChild);\n    }\n};\nexport const truncateElement = (element: HTMLElement, referenceHeight: number) => {\n    while (doesElementOverflow(element, referenceHeight)) {\n        removeLastLeafElement(element);\n    }\n};\n"],"mappings":";;;;;;AAAA,MAAMA,mBAAmB,GAAGA,CAACC,OAAoB,EAAEC,eAAuB,KACtED,OAAO,CAACE,YAAY,GAAGD,eAAe;AAE1C,MAAME,sBAAsB,GAAIH,OAAoB,IAAc;EAC9D;EACA,IAAIA,OAAO,CAACI,QAAQ,CAACC,MAAM,KAAK,CAAC,EAAE;IAC/B;IACA,OAAOL,OAAO,CAACM,WAAW,KAAK,EAAE;EACrC;EACA;EACA,OAAO,KAAK;AAChB,CAAC;AAED,MAAMC,qBAAqB,GAAIP,OAAoB,IAAK;EACpD;EACA,MAAMQ,SAAyB,GAAGR,OAAO,CAACS,gBAAgB;EAC1D,IACID,SAAS,IACT,CAACL,sBAAsB,CAACK,SAAwB,CAAC,IACjDA,SAAS,CAACE,aAAa,CAAC,CAAC,EAC3B;IACEH,qBAAqB,CAACC,SAAwB,CAAC;EACnD,CAAC,MAAM,IACHA,SAAS,IACTL,sBAAsB,CAACK,SAAwB,CAAC,IAChDA,SAAS,CAACF,WAAW,IACrBE,SAAS,CAACF,WAAW,CAACD,MAAM,GAAG,EAAE,EACnC;IACEG,SAAS,CAACF,WAAW,GAAI,GAAEE,SAAS,CAACF,WAAW,CAACK,SAAS,CACtD,CAAC,EACDH,SAAS,CAACF,WAAW,CAACD,MAAM,GAAG,EACnC,CAAE,MAAK;EACX,CAAC,MAAM,IAAIG,SAAS,EAAE;IAClBR,OAAO,CAACY,WAAW,CAACJ,SAAS,CAAC;EAClC;AACJ,CAAC;AACM,MAAMK,eAAe,GAAGA,CAACb,OAAoB,EAAEC,eAAuB,KAAK;EAC9E,OAAOF,mBAAmB,CAACC,OAAO,EAAEC,eAAe,CAAC,EAAE;IAClDM,qBAAqB,CAACP,OAAO,CAAC;EAClC;AACJ,CAAC;AAACc,OAAA,CAAAD,eAAA,GAAAA,eAAA"}

package/lib/utils/uploadFile.d.ts

@@ -0,0 +1,9 @@
+import type { FileItem, Image, Video } from '../types/file';
+interface UploadFilesOptions {
+    fileToUpload: FileItem;
+    accessToken: string;
+    personId: string;
+    callback: (UploadedFile: Video | Image) => void;
+}
+export declare const uploadFile: ({ fileToUpload, personId, accessToken, callback, }: UploadFilesOptions) => Promise<void>;
+export {};

package/lib/utils/uploadFile.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.uploadFile = void 0;
+var _post = require("../api/image/post");
+var _post2 = require("../api/video/post");
+const uploadFile = async _ref => {
+  let {
+    fileToUpload,
+    personId,
+    accessToken,
+    callback
+  } = _ref;
+  if (!fileToUpload || fileToUpload.state !== 'none') {
+    return;
+  }
+  if (fileToUpload.file?.type.includes('video/')) {
+    const uploadedVideo = await (0, _post2.postVideo)({
+      file: fileToUpload.file,
+      accessToken
+    });
+    if (uploadedVideo) {
+      callback({
+        ...uploadedVideo,
+        id: uploadedVideo.id.toString()
+      });
+    }
+  }
+  if (fileToUpload.file?.type.includes('image/')) {
+    const uploadedImage = await (0, _post.postImage)({
+      file: fileToUpload.file,
+      personId,
+      accessToken
+    });
+    if (uploadedImage) {
+      callback({
+        url: `${uploadedImage.base}/${uploadedImage.key}`,
+        id: uploadedImage.key,
+        meta: uploadedImage.meta
+      });
+    }
+  }
+};
+exports.uploadFile = uploadFile;
+//# sourceMappingURL=uploadFile.js.map

package/lib/utils/uploadFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploadFile.js","names":["_post","require","_post2","uploadFile","_ref","fileToUpload","personId","accessToken","callback","state","file","type","includes","uploadedVideo","postVideo","id","toString","uploadedImage","postImage","url","base","key","meta","exports"],"sources":["../../src/utils/uploadFile.ts"],"sourcesContent":["import { postImage } from '../api/image/post';\nimport { postVideo } from '../api/video/post';\nimport type { FileItem, Image, Video } from '../types/file';\n\ninterface UploadFilesOptions {\n    fileToUpload: FileItem;\n    accessToken: string;\n    personId: string;\n    callback: (UploadedFile: Video | Image) => void;\n}\n\nexport const uploadFile = async ({\n    fileToUpload,\n    personId,\n    accessToken,\n    callback,\n}: UploadFilesOptions): Promise<void> => {\n    if (!fileToUpload || fileToUpload.state !== 'none') {\n        return;\n    }\n\n    if (fileToUpload.file?.type.includes('video/')) {\n        const uploadedVideo = await postVideo({ file: fileToUpload.file, accessToken });\n\n        if (uploadedVideo) {\n            callback({\n                ...uploadedVideo,\n                id: uploadedVideo.id.toString(),\n            });\n        }\n    }\n\n    if (fileToUpload.file?.type.includes('image/')) {\n        const uploadedImage = await postImage({ file: fileToUpload.file, personId, accessToken });\n\n        if (uploadedImage) {\n            callback({\n                url: `${uploadedImage.base}/${uploadedImage.key}`,\n                id: uploadedImage.key,\n                meta: uploadedImage.meta,\n            });\n        }\n    }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAUO,MAAME,UAAU,GAAG,MAAAC,IAAA,IAKe;EAAA,IALR;IAC7BC,YAAY;IACZC,QAAQ;IACRC,WAAW;IACXC;EACgB,CAAC,GAAAJ,IAAA;EACjB,IAAI,CAACC,YAAY,IAAIA,YAAY,CAACI,KAAK,KAAK,MAAM,EAAE;IAChD;EACJ;EAEA,IAAIJ,YAAY,CAACK,IAAI,EAAEC,IAAI,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC5C,MAAMC,aAAa,GAAG,MAAM,IAAAC,gBAAS,EAAC;MAAEJ,IAAI,EAAEL,YAAY,CAACK,IAAI;MAAEH;IAAY,CAAC,CAAC;IAE/E,IAAIM,aAAa,EAAE;MACfL,QAAQ,CAAC;QACL,GAAGK,aAAa;QAChBE,EAAE,EAAEF,aAAa,CAACE,EAAE,CAACC,QAAQ,CAAC;MAClC,CAAC,CAAC;IACN;EACJ;EAEA,IAAIX,YAAY,CAACK,IAAI,EAAEC,IAAI,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC5C,MAAMK,aAAa,GAAG,MAAM,IAAAC,eAAS,EAAC;MAAER,IAAI,EAAEL,YAAY,CAACK,IAAI;MAAEJ,QAAQ;MAAEC;IAAY,CAAC,CAAC;IAEzF,IAAIU,aAAa,EAAE;MACfT,QAAQ,CAAC;QACLW,GAAG,EAAG,GAAEF,aAAa,CAACG,IAAK,IAAGH,aAAa,CAACI,GAAI,EAAC;QACjDN,EAAE,EAAEE,aAAa,CAACI,GAAG;QACrBC,IAAI,EAAEL,aAAa,CAACK;MACxB,CAAC,CAAC;IACN;EACJ;AACJ,CAAC;AAACC,OAAA,CAAApB,UAAA,GAAAA,UAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.37",
+    "version": "5.0.0-beta.372",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "keywords": [
         "chayns",
@@ -33,34 +33,42 @@
         "url": "https://github.com/TobitSoftware/chayns-components/issues"
     },
     "devDependencies": {
-        "@babel/cli": "^7.17.3",
-        "@babel/core": "^7.17.5",
-        "@babel/preset-env": "^7.16.11",
-        "@babel/preset-react": "^7.16.7",
-        "@babel/preset-typescript": "^7.16.7",
-        "@types/react": "^17.0.39",
-        "@types/react-dom": "^17.0.11",
-        "@types/styled-components": "^5.1.23",
-        "@types/uuid": "^8.3.4",
-        "babel-loader": "^8.2.3",
-        "lerna": "^4.0.0",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
-        "typescript": "^4.5.5"
+        "@babel/cli": "^7.23.4",
+        "@babel/core": "^7.23.6",
+        "@babel/preset-env": "^7.23.6",
+        "@babel/preset-react": "^7.23.3",
+        "@babel/preset-typescript": "^7.23.3",
+        "@types/react": "^18.2.45",
+        "@types/react-dom": "^18.2.17",
+        "@types/styled-components": "^5.1.34",
+        "@types/uuid": "^9.0.7",
+        "babel-loader": "^9.1.3",
+        "lerna": "^7.4.2",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "styled-components": "^6.1.1",
+        "typescript": "^5.3.3"
     },
     "dependencies": {
         "@chayns/colors": "^2.0.0",
-        "clsx": "^1.1.1",
-        "framer-motion": "^6.2.6",
-        "styled-components": "^5.3.3",
-        "uuid": "^8.3.2"
+        "@chayns/uac-service": "^0.0.46",
+        "@types/react-syntax-highlighter": "^15.5.11",
+        "babel-prettier-parser": "^0.10.8",
+        "chayns-api": "^1.0.42",
+        "clsx": "^2.0.0",
+        "date-fns": "^2.30.0",
+        "framer-motion": "^10.16.16",
+        "prettier": "^2.8.8",
+        "react-syntax-highlighter": "^15.5.0",
+        "uuid": "^9.0.1"
     },
     "peerDependencies": {
         "react": ">=16.14.0",
-        "react-dom": ">=16.14.0"
+        "react-dom": ">=16.14.0",
+        "styled-components": "^5.3.11"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1a1a9eedf7067405d4138fbec50b7031045f94d2"
+    "gitHead": "522cfbc8e53d55356483d4eec38d6e171580fd4d"
 }