@chayns-components/core 5.0.0-beta.4 → 5.0.0-beta.400

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,64 +1,74 @@
 {
-  "name": "@chayns-components/core",
-  "version": "5.0.0-beta.4",
-  "description": "A set of beautiful React components for developing your own applications with chayns.",
-  "keywords": [
-    "chayns",
-    "react",
-    "components"
-  ],
-  "author": "Tobit.Software",
-  "homepage": "https://github.com/TobitSoftware/chayns-components/tree/main/packages/core#readme",
-  "license": "MIT",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
-  "directories": {
-    "lib": "lib",
-    "test": "__tests__"
-  },
-  "files": [
-    "lib"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/TobitSoftware/chayns-components.git"
-  },
-  "scripts": {
-    "build": "npm run build:js && npm run build:types",
-    "build:js": "babel src --out-dir lib --extensions=.ts,.tsx --source-maps --ignore=src/stories",
-    "build:types": "tsc",
-    "prepublishOnly": "npm run build"
-  },
-  "bugs": {
-    "url": "https://github.com/TobitSoftware/chayns-components/issues"
-  },
-  "eslintConfig": {
-    "extends": "@chayns-toolkit"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.15.4",
-    "@babel/core": "^7.15.5",
-    "@babel/preset-env": "^7.15.6",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/preset-typescript": "^7.15.0",
-    "@chayns-toolkit/eslint-config": "^1.6.4",
-    "@types/react": "^17.0.21",
-    "@types/styled-components": "^5.1.14",
-    "babel-loader": "^8.2.2",
-    "lerna": "^4.0.0",
-    "react": "^17.0.2",
-    "typescript": "^4.4.3"
-  },
-  "dependencies": {
-    "clsx": "^1.1.1",
-    "framer-motion": "^4.1.17",
-    "styled-components": "^5.3.1"
-  },
-  "peerDependencies": {
-    "react": ">=16.8.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "gitHead": "d22578208d047da0f88f61abace739d4919bc1f4"
+    "name": "@chayns-components/core",
+    "version": "5.0.0-beta.400",
+    "description": "A set of beautiful React components for developing your own applications with chayns.",
+    "keywords": [
+        "chayns",
+        "react",
+        "components"
+    ],
+    "author": "Tobit.Software",
+    "homepage": "https://github.com/TobitSoftware/chayns-components/tree/main/packages/core#readme",
+    "license": "MIT",
+    "main": "lib/index.js",
+    "types": "lib/index.d.ts",
+    "directories": {
+        "lib": "lib",
+        "test": "__tests__"
+    },
+    "files": [
+        "lib"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/TobitSoftware/chayns-components.git"
+    },
+    "scripts": {
+        "build": "npm run build:js && npm run build:types",
+        "build:js": "babel src --out-dir lib --extensions=.ts,.tsx --source-maps --ignore=src/stories",
+        "build:types": "tsc",
+        "prepublishOnly": "npm run build"
+    },
+    "bugs": {
+        "url": "https://github.com/TobitSoftware/chayns-components/issues"
+    },
+    "devDependencies": {
+        "@babel/cli": "^7.23.4",
+        "@babel/core": "^7.23.7",
+        "@babel/preset-env": "^7.23.8",
+        "@babel/preset-react": "^7.23.3",
+        "@babel/preset-typescript": "^7.23.3",
+        "@types/react": "^18.2.48",
+        "@types/react-dom": "^18.2.18",
+        "@types/styled-components": "^5.1.34",
+        "@types/uuid": "^9.0.7",
+        "babel-loader": "^9.1.3",
+        "lerna": "^8.0.2",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "styled-components": "^6.1.8",
+        "typescript": "^5.3.3"
+    },
+    "dependencies": {
+        "@chayns/colors": "^2.0.0",
+        "@chayns/uac-service": "^0.0.46",
+        "@types/react-syntax-highlighter": "^15.5.11",
+        "babel-prettier-parser": "^0.10.8",
+        "chayns-api": "^1.0.45",
+        "clsx": "^2.1.0",
+        "date-fns": "^2.30.0",
+        "framer-motion": "^10.18.0",
+        "prettier": "^3.2.3",
+        "react-syntax-highlighter": "^15.5.0",
+        "uuid": "^9.0.1"
+    },
+    "peerDependencies": {
+        "react": ">=16.14.0",
+        "react-dom": ">=16.14.0",
+        "styled-components": "^5.3.11"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "gitHead": "003bef2ef37ec80b918513d28e6cc2787c3ed5b2"
 }