@chayns-components/core 5.0.0-beta.98 → 5.0.0-beta.982

package/README.md

@@ -31,14 +31,4 @@ yarn add @chayns-components/core
 
 ## Usage
 
-You can use the components in your project as in the following example.
-
-```typescript jsx
-import { Button } from '@chayns-components/core';
-
-const handleButtonClick: MouseEventHandler<HTMLButtonElement> = (event) => {
-    // Your code
-};
-
-<Button onClick={handleButtonClick}>Click me!</Button>;
-```
+For detailed usage visit the [storybook](https://components.chayns.site/storybook).

package/lib/cjs/api/image/post.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.postImage = void 0;
+var _chaynsApi = require("chayns-api");
+const IMAGE_SERVICE_API_V3_URL = 'https://cube.tobit.cloud/image-service/v3/Images';
+const IMAGE_RESIZER_API_URL = 'https://cube.tobit.cloud/image-resizer-backend/api/v1.0/image';
+
+/**
+ * Uploads an image to the tsimg cloud service
+ */
+const postImage = async ({
+  file,
+  shouldUploadImageToSite
+}) => {
+  const {
+    accessToken
+  } = await (0, _chaynsApi.getAccessToken)();
+  const user = (0, _chaynsApi.getUser)();
+  const site = (0, _chaynsApi.getSite)();
+  if (!accessToken || !(user !== null && user !== void 0 && user.personId)) {
+    return undefined;
+  }
+
+  // const body = await getFileAsArrayBuffer(file);
+
+  const body = new FormData();
+  body.append('File', file);
+  const url = file.size > 10 * 1024 * 1024 ? `${IMAGE_RESIZER_API_URL}/${shouldUploadImageToSite ? site.id : user.personId}` : `${IMAGE_SERVICE_API_V3_URL}/${shouldUploadImageToSite ? site.id : user.personId}`;
+  const response = await fetch(url, {
+    body,
+    headers: {
+      Accept: 'application/json',
+      Authorization: `bearer ${accessToken}`
+    },
+    method: 'POST'
+  });
+  if (response.ok) {
+    const {
+      image,
+      baseDomain
+    } = await response.json();
+    // Maps image-service-api-v3 result to v2 result.
+    return {
+      key: image.path,
+      // Removes trailing slash from baseDomain, since image-service-api-v2 doesn't have a trailing slash on base.
+      base: baseDomain.endsWith('/') ? baseDomain.slice(0, -1) : baseDomain,
+      meta: {
+        preview: image.preview,
+        width: String(image.width),
+        height: String(image.height)
+      }
+    };
+  }
+  throw Error(`Failed to POST image (status code: ${response.status}).`);
+};
+exports.postImage = postImage;
+//# sourceMappingURL=post.js.map

package/lib/cjs/api/image/post.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post.js","names":["_chaynsApi","require","IMAGE_SERVICE_API_V3_URL","IMAGE_RESIZER_API_URL","postImage","file","shouldUploadImageToSite","accessToken","getAccessToken","user","getUser","site","getSite","personId","undefined","body","FormData","append","url","size","id","response","fetch","headers","Accept","Authorization","method","ok","image","baseDomain","json","key","path","base","endsWith","slice","meta","preview","width","String","height","Error","status","exports"],"sources":["../../../../src/api/image/post.ts"],"sourcesContent":["import { getAccessToken, getSite, getUser } from 'chayns-api';\nimport type { Meta } from '../../types/file';\n\nexport interface PostImageResult {\n    key: string;\n    base: string;\n    meta?: Meta;\n}\n\ninterface Result {\n    requestId: string;\n    image: Image;\n    baseDomain: string;\n    signature: Signature;\n}\n\nexport interface Image {\n    path: string;\n    width: number;\n    height: number;\n    size: number;\n    hash: string;\n    preview: string;\n    isSecured: boolean;\n    format: string;\n    fileExtension: string;\n}\n\nexport interface Signature {\n    verify: string;\n    signature: string;\n    expires: Date;\n}\n\ninterface PostImageOptions {\n    file: File;\n    shouldUploadImageToSite?: boolean;\n}\n\nconst IMAGE_SERVICE_API_V3_URL = 'https://cube.tobit.cloud/image-service/v3/Images';\nconst IMAGE_RESIZER_API_URL = 'https://cube.tobit.cloud/image-resizer-backend/api/v1.0/image';\n\n/**\n * Uploads an image to the tsimg cloud service\n */\nexport const postImage = async ({\n    file,\n    shouldUploadImageToSite,\n}: PostImageOptions): Promise<PostImageResult | undefined> => {\n    const { accessToken } = await getAccessToken();\n    const user = getUser();\n    const site = getSite();\n\n    if (!accessToken || !user?.personId) {\n        return undefined;\n    }\n\n    // const body = await getFileAsArrayBuffer(file);\n\n    const body = new FormData();\n\n    body.append('File', file);\n\n    const url =\n        file.size > 10 * 1024 * 1024\n            ? `${IMAGE_RESIZER_API_URL}/${shouldUploadImageToSite ? site.id : user.personId}`\n            : `${IMAGE_SERVICE_API_V3_URL}/${shouldUploadImageToSite ? site.id : user.personId}`;\n\n    const response = await fetch(url, {\n        body,\n        headers: {\n            Accept: 'application/json',\n            Authorization: `bearer ${accessToken}`,\n        },\n        method: 'POST',\n    });\n\n    if (response.ok) {\n        const { image, baseDomain } = (await response.json()) as Result;\n        // Maps image-service-api-v3 result to v2 result.\n        return {\n            key: image.path,\n            // Removes trailing slash from baseDomain, since image-service-api-v2 doesn't have a trailing slash on base.\n            base: baseDomain.endsWith('/') ? baseDomain.slice(0, -1) : baseDomain,\n            meta: {\n                preview: image.preview,\n                width: String(image.width),\n                height: String(image.height),\n            },\n        };\n    }\n\n    throw Error(`Failed to POST image (status code: ${response.status}).`);\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAuCA,MAAMC,wBAAwB,GAAG,kDAAkD;AACnF,MAAMC,qBAAqB,GAAG,+DAA+D;;AAE7F;AACA;AACA;AACO,MAAMC,SAAS,GAAG,MAAAA,CAAO;EAC5BC,IAAI;EACJC;AACc,CAAC,KAA2C;EAC1D,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAM,IAAAC,yBAAc,EAAC,CAAC;EAC9C,MAAMC,IAAI,GAAG,IAAAC,kBAAO,EAAC,CAAC;EACtB,MAAMC,IAAI,GAAG,IAAAC,kBAAO,EAAC,CAAC;EAEtB,IAAI,CAACL,WAAW,IAAI,EAACE,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEI,QAAQ,GAAE;IACjC,OAAOC,SAAS;EACpB;;EAEA;;EAEA,MAAMC,IAAI,GAAG,IAAIC,QAAQ,CAAC,CAAC;EAE3BD,IAAI,CAACE,MAAM,CAAC,MAAM,EAAEZ,IAAI,CAAC;EAEzB,MAAMa,GAAG,GACLb,IAAI,CAACc,IAAI,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,GACtB,GAAGhB,qBAAqB,IAAIG,uBAAuB,GAAGK,IAAI,CAACS,EAAE,GAAGX,IAAI,CAACI,QAAQ,EAAE,GAC/E,GAAGX,wBAAwB,IAAII,uBAAuB,GAAGK,IAAI,CAACS,EAAE,GAAGX,IAAI,CAACI,QAAQ,EAAE;EAE5F,MAAMQ,QAAQ,GAAG,MAAMC,KAAK,CAACJ,GAAG,EAAE;IAC9BH,IAAI;IACJQ,OAAO,EAAE;MACLC,MAAM,EAAE,kBAAkB;MAC1BC,aAAa,EAAE,UAAUlB,WAAW;IACxC,CAAC;IACDmB,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIL,QAAQ,CAACM,EAAE,EAAE;IACb,MAAM;MAAEC,KAAK;MAAEC;IAAW,CAAC,GAAI,MAAMR,QAAQ,CAACS,IAAI,CAAC,CAAY;IAC/D;IACA,OAAO;MACHC,GAAG,EAAEH,KAAK,CAACI,IAAI;MACf;MACAC,IAAI,EAAEJ,UAAU,CAACK,QAAQ,CAAC,GAAG,CAAC,GAAGL,UAAU,CAACM,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAGN,UAAU;MACrEO,IAAI,EAAE;QACFC,OAAO,EAAET,KAAK,CAACS,OAAO;QACtBC,KAAK,EAAEC,MAAM,CAACX,KAAK,CAACU,KAAK,CAAC;QAC1BE,MAAM,EAAED,MAAM,CAACX,KAAK,CAACY,MAAM;MAC/B;IACJ,CAAC;EACL;EAEA,MAAMC,KAAK,CAAC,sCAAsCpB,QAAQ,CAACqB,MAAM,IAAI,CAAC;AAC1E,CAAC;AAACC,OAAA,CAAAvC,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/cjs/api/signature/delete.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deleteUserSignature = void 0;
+var _chaynsApi = require("chayns-api");
+var _signature = require("../../constants/signature");
+const deleteUserSignature = async () => {
+  const {
+    accessToken
+  } = await (0, _chaynsApi.getAccessToken)();
+  if (!accessToken) {
+    return false;
+  }
+  try {
+    const response = await fetch(_signature.SIGNATURE_SERVER_URL, {
+      method: 'DELETE',
+      headers: {
+        accept: 'application/json',
+        authorization: `bearer ${accessToken}`
+      }
+    });
+    if (response.ok || response.status === 304) {
+      return true;
+    }
+    console.error('[chayns components] Signature: failed to delete user signature', response.status);
+  } catch (ex) {
+    console.error('[chayns components] Signature: failed to delete user signature', ex);
+  }
+  return false;
+};
+exports.deleteUserSignature = deleteUserSignature;
+//# sourceMappingURL=delete.js.map

package/lib/cjs/api/signature/delete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete.js","names":["_chaynsApi","require","_signature","deleteUserSignature","accessToken","getAccessToken","response","fetch","SIGNATURE_SERVER_URL","method","headers","accept","authorization","ok","status","console","error","ex","exports"],"sources":["../../../../src/api/signature/delete.ts"],"sourcesContent":["import { getAccessToken } from 'chayns-api';\nimport { SIGNATURE_SERVER_URL } from '../../constants/signature';\n\nexport const deleteUserSignature = async () => {\n    const { accessToken } = await getAccessToken();\n\n    if (!accessToken) {\n        return false;\n    }\n\n    try {\n        const response = await fetch(SIGNATURE_SERVER_URL, {\n            method: 'DELETE',\n            headers: {\n                accept: 'application/json',\n                authorization: `bearer ${accessToken}`,\n            },\n        });\n\n        if (response.ok || response.status === 304) {\n            return true;\n        }\n\n        console.error(\n            '[chayns components] Signature: failed to delete user signature',\n            response.status,\n        );\n    } catch (ex) {\n        console.error('[chayns components] Signature: failed to delete user signature', ex);\n    }\n\n    return false;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,mBAAmB,GAAG,MAAAA,CAAA,KAAY;EAC3C,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAM,IAAAC,yBAAc,EAAC,CAAC;EAE9C,IAAI,CAACD,WAAW,EAAE;IACd,OAAO,KAAK;EAChB;EAEA,IAAI;IACA,MAAME,QAAQ,GAAG,MAAMC,KAAK,CAACC,+BAAoB,EAAE;MAC/CC,MAAM,EAAE,QAAQ;MAChBC,OAAO,EAAE;QACLC,MAAM,EAAE,kBAAkB;QAC1BC,aAAa,EAAE,UAAUR,WAAW;MACxC;IACJ,CAAC,CAAC;IAEF,IAAIE,QAAQ,CAACO,EAAE,IAAIP,QAAQ,CAACQ,MAAM,KAAK,GAAG,EAAE;MACxC,OAAO,IAAI;IACf;IAEAC,OAAO,CAACC,KAAK,CACT,gEAAgE,EAChEV,QAAQ,CAACQ,MACb,CAAC;EACL,CAAC,CAAC,OAAOG,EAAE,EAAE;IACTF,OAAO,CAACC,KAAK,CAAC,gEAAgE,EAAEC,EAAE,CAAC;EACvF;EAEA,OAAO,KAAK;AAChB,CAAC;AAACC,OAAA,CAAAf,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/cjs/api/signature/get.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getUserSignature = void 0;
+var _chaynsApi = require("chayns-api");
+var _signature = require("../../constants/signature");
+const getUserSignature = async () => {
+  const {
+    accessToken
+  } = await (0, _chaynsApi.getAccessToken)();
+  if (!accessToken) {
+    return undefined;
+  }
+  try {
+    const response = await fetch(_signature.SIGNATURE_SERVER_URL, {
+      method: 'GET',
+      headers: {
+        accept: 'application/json',
+        authorization: `bearer ${accessToken}`
+      }
+    });
+    if (response.status === 200) {
+      const {
+        value
+      } = await response.json();
+      return value;
+    }
+    if (response.status === 204) {
+      return undefined;
+    }
+    console.error('[chayns components] Signature: failed to get user signature', response.status);
+  } catch (ex) {
+    console.error('[chayns components] Signature: failed to get user signature', ex);
+  }
+  return undefined;
+};
+exports.getUserSignature = getUserSignature;
+//# sourceMappingURL=get.js.map

package/lib/cjs/api/signature/get.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get.js","names":["_chaynsApi","require","_signature","getUserSignature","accessToken","getAccessToken","undefined","response","fetch","SIGNATURE_SERVER_URL","method","headers","accept","authorization","status","value","json","console","error","ex","exports"],"sources":["../../../../src/api/signature/get.ts"],"sourcesContent":["import { getAccessToken } from 'chayns-api';\nimport type { GetUserSignatureResult } from '../../types/signature';\nimport { SIGNATURE_SERVER_URL } from '../../constants/signature';\n\nexport const getUserSignature = async (): Promise<string | undefined> => {\n    const { accessToken } = await getAccessToken();\n\n    if (!accessToken) {\n        return undefined;\n    }\n\n    try {\n        const response = await fetch(SIGNATURE_SERVER_URL, {\n            method: 'GET',\n            headers: {\n                accept: 'application/json',\n                authorization: `bearer ${accessToken}`,\n            },\n        });\n\n        if (response.status === 200) {\n            const { value } = (await response.json()) as GetUserSignatureResult;\n\n            return value;\n        }\n\n        if (response.status === 204) {\n            return undefined;\n        }\n\n        console.error(\n            '[chayns components] Signature: failed to get user signature',\n            response.status,\n        );\n    } catch (ex) {\n        console.error('[chayns components] Signature: failed to get user signature', ex);\n    }\n\n    return undefined;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,gBAAgB,GAAG,MAAAA,CAAA,KAAyC;EACrE,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAM,IAAAC,yBAAc,EAAC,CAAC;EAE9C,IAAI,CAACD,WAAW,EAAE;IACd,OAAOE,SAAS;EACpB;EAEA,IAAI;IACA,MAAMC,QAAQ,GAAG,MAAMC,KAAK,CAACC,+BAAoB,EAAE;MAC/CC,MAAM,EAAE,KAAK;MACbC,OAAO,EAAE;QACLC,MAAM,EAAE,kBAAkB;QAC1BC,aAAa,EAAE,UAAUT,WAAW;MACxC;IACJ,CAAC,CAAC;IAEF,IAAIG,QAAQ,CAACO,MAAM,KAAK,GAAG,EAAE;MACzB,MAAM;QAAEC;MAAM,CAAC,GAAI,MAAMR,QAAQ,CAACS,IAAI,CAAC,CAA4B;MAEnE,OAAOD,KAAK;IAChB;IAEA,IAAIR,QAAQ,CAACO,MAAM,KAAK,GAAG,EAAE;MACzB,OAAOR,SAAS;IACpB;IAEAW,OAAO,CAACC,KAAK,CACT,6DAA6D,EAC7DX,QAAQ,CAACO,MACb,CAAC;EACL,CAAC,CAAC,OAAOK,EAAE,EAAE;IACTF,OAAO,CAACC,KAAK,CAAC,6DAA6D,EAAEC,EAAE,CAAC;EACpF;EAEA,OAAOb,SAAS;AACpB,CAAC;AAACc,OAAA,CAAAjB,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/cjs/api/signature/put.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.putUserSignature = void 0;
+var _chaynsApi = require("chayns-api");
+var _signature = require("../../constants/signature");
+const putUserSignature = async dataURL => {
+  const {
+    accessToken
+  } = await (0, _chaynsApi.getAccessToken)();
+  if (!accessToken) {
+    return false;
+  }
+  try {
+    const response = await fetch(_signature.SIGNATURE_SERVER_URL, {
+      method: 'PUT',
+      headers: {
+        accept: 'application/json',
+        authorization: `bearer ${accessToken}`,
+        'content-type': 'application/json'
+      },
+      body: JSON.stringify({
+        value: dataURL
+      })
+    });
+    if (response.ok) {
+      return true;
+    }
+    console.error('[chayns components] Signature: failed to put user signature', response.status);
+  } catch (ex) {
+    console.error('[chayns components] Signature: failed to put user signature', ex);
+  }
+  return false;
+};
+exports.putUserSignature = putUserSignature;
+//# sourceMappingURL=put.js.map

package/lib/cjs/api/signature/put.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"put.js","names":["_chaynsApi","require","_signature","putUserSignature","dataURL","accessToken","getAccessToken","response","fetch","SIGNATURE_SERVER_URL","method","headers","accept","authorization","body","JSON","stringify","value","ok","console","error","status","ex","exports"],"sources":["../../../../src/api/signature/put.ts"],"sourcesContent":["import { getAccessToken } from 'chayns-api';\nimport { SIGNATURE_SERVER_URL } from '../../constants/signature';\n\nexport const putUserSignature = async (dataURL: string) => {\n    const { accessToken } = await getAccessToken();\n\n    if (!accessToken) {\n        return false;\n    }\n\n    try {\n        const response = await fetch(SIGNATURE_SERVER_URL, {\n            method: 'PUT',\n            headers: {\n                accept: 'application/json',\n                authorization: `bearer ${accessToken}`,\n                'content-type': 'application/json',\n            },\n            body: JSON.stringify({ value: dataURL }),\n        });\n\n        if (response.ok) {\n            return true;\n        }\n\n        console.error(\n            '[chayns components] Signature: failed to put user signature',\n            response.status,\n        );\n    } catch (ex) {\n        console.error('[chayns components] Signature: failed to put user signature', ex);\n    }\n\n    return false;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,gBAAgB,GAAG,MAAOC,OAAe,IAAK;EACvD,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAM,IAAAC,yBAAc,EAAC,CAAC;EAE9C,IAAI,CAACD,WAAW,EAAE;IACd,OAAO,KAAK;EAChB;EAEA,IAAI;IACA,MAAME,QAAQ,GAAG,MAAMC,KAAK,CAACC,+BAAoB,EAAE;MAC/CC,MAAM,EAAE,KAAK;MACbC,OAAO,EAAE;QACLC,MAAM,EAAE,kBAAkB;QAC1BC,aAAa,EAAE,UAAUR,WAAW,EAAE;QACtC,cAAc,EAAE;MACpB,CAAC;MACDS,IAAI,EAAEC,IAAI,CAACC,SAAS,CAAC;QAAEC,KAAK,EAAEb;MAAQ,CAAC;IAC3C,CAAC,CAAC;IAEF,IAAIG,QAAQ,CAACW,EAAE,EAAE;MACb,OAAO,IAAI;IACf;IAEAC,OAAO,CAACC,KAAK,CACT,6DAA6D,EAC7Db,QAAQ,CAACc,MACb,CAAC;EACL,CAAC,CAAC,OAAOC,EAAE,EAAE;IACTH,OAAO,CAACC,KAAK,CAAC,6DAA6D,EAAEE,EAAE,CAAC;EACpF;EAEA,OAAO,KAAK;AAChB,CAAC;AAACC,OAAA,CAAApB,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/cjs/api/theme/get.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getParagraphFormat = exports.getDesignSettings = void 0;
+var _chaynsApi = require("chayns-api");
+const getDesignSettings = async siteId => {
+  let id = siteId;
+  if (!id) id = (0, _chaynsApi.getSite)().id;
+  const response = await fetch(`https://api.chayns.net/css/${id}/style/v2`, {
+    method: 'GET'
+  });
+  if (response.status === 200) {
+    return await response.json();
+  }
+  return undefined;
+};
+exports.getDesignSettings = getDesignSettings;
+const getParagraphFormat = async siteId => {
+  let id = siteId;
+  if (!id) id = (0, _chaynsApi.getSite)().id;
+  const response = await fetch(`https://api.chayns.net/css/${id}/paragraphFormat`, {
+    method: 'GET'
+  });
+  if (response.status === 200) {
+    return await response.json();
+  }
+  return undefined;
+};
+exports.getParagraphFormat = getParagraphFormat;
+//# sourceMappingURL=get.js.map

package/lib/cjs/api/theme/get.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get.js","names":["_chaynsApi","require","getDesignSettings","siteId","id","getSite","response","fetch","method","status","json","undefined","exports","getParagraphFormat"],"sources":["../../../../src/api/theme/get.ts"],"sourcesContent":["import { getSite } from 'chayns-api';\nimport type { DesignSettings, ParagraphFormat } from '../../types/colorSchemeProvider';\n\nexport const getDesignSettings = async (siteId?: string): Promise<DesignSettings | undefined> => {\n    let id = siteId;\n\n    if (!id) id = getSite().id;\n\n    const response = await fetch(`https://api.chayns.net/css/${id}/style/v2`, {\n        method: 'GET',\n    });\n\n    if (response.status === 200) {\n        return (await response.json()) as DesignSettings;\n    }\n\n    return undefined;\n};\n\nexport const getParagraphFormat = async (\n    siteId?: string,\n): Promise<ParagraphFormat[] | undefined> => {\n    let id = siteId;\n\n    if (!id) id = getSite().id;\n\n    const response = await fetch(`https://api.chayns.net/css/${id}/paragraphFormat`, {\n        method: 'GET',\n    });\n\n    if (response.status === 200) {\n        return (await response.json()) as ParagraphFormat[];\n    }\n\n    return undefined;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAGO,MAAMC,iBAAiB,GAAG,MAAOC,MAAe,IAA0C;EAC7F,IAAIC,EAAE,GAAGD,MAAM;EAEf,IAAI,CAACC,EAAE,EAAEA,EAAE,GAAG,IAAAC,kBAAO,EAAC,CAAC,CAACD,EAAE;EAE1B,MAAME,QAAQ,GAAG,MAAMC,KAAK,CAAC,8BAA8BH,EAAE,WAAW,EAAE;IACtEI,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIF,QAAQ,CAACG,MAAM,KAAK,GAAG,EAAE;IACzB,OAAQ,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAC;EACjC;EAEA,OAAOC,SAAS;AACpB,CAAC;AAACC,OAAA,CAAAV,iBAAA,GAAAA,iBAAA;AAEK,MAAMW,kBAAkB,GAAG,MAC9BV,MAAe,IAC0B;EACzC,IAAIC,EAAE,GAAGD,MAAM;EAEf,IAAI,CAACC,EAAE,EAAEA,EAAE,GAAG,IAAAC,kBAAO,EAAC,CAAC,CAACD,EAAE;EAE1B,MAAME,QAAQ,GAAG,MAAMC,KAAK,CAAC,8BAA8BH,EAAE,kBAAkB,EAAE;IAC7EI,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIF,QAAQ,CAACG,MAAM,KAAK,GAAG,EAAE;IACzB,OAAQ,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAC;EACjC;EAEA,OAAOC,SAAS;AACpB,CAAC;AAACC,OAAA,CAAAC,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/lib/cjs/api/video/post.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.postVideo = void 0;
+var _chaynsApi = require("chayns-api");
+/**
+ * Uploads a video to the streaming service
+ */
+const postVideo = async ({
+  file
+}) => {
+  const {
+    accessToken
+  } = await (0, _chaynsApi.getAccessToken)();
+  if (!accessToken) {
+    return undefined;
+  }
+  const formData = new FormData();
+  formData.append('files', file);
+  const response = await fetch('https://streamingservice.chayns.space/video?disableIntercom=true', {
+    body: formData,
+    headers: {
+      Authorization: `bearer ${accessToken}`
+    },
+    method: 'POST'
+  });
+  if (response.ok) {
+    const data = await response.json();
+    return data[0];
+  }
+  throw Error(`Failed to POST video (status code: ${response.status}).`);
+};
+exports.postVideo = postVideo;
+//# sourceMappingURL=post.js.map

package/lib/cjs/api/video/post.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post.js","names":["_chaynsApi","require","postVideo","file","accessToken","getAccessToken","undefined","formData","FormData","append","response","fetch","body","headers","Authorization","method","ok","data","json","Error","status","exports"],"sources":["../../../../src/api/video/post.ts"],"sourcesContent":["import { getAccessToken } from 'chayns-api';\n\nexport interface PostVideoResult {\n    id: string;\n    originalVideoQuality: string;\n    thumbnailUrl: string;\n    url: string;\n    urlMP4: string;\n}\n\ninterface PostVideoOptions {\n    file: File | Blob;\n}\n\n/**\n * Uploads a video to the streaming service\n */\nexport const postVideo = async ({\n    file,\n}: PostVideoOptions): Promise<PostVideoResult | undefined> => {\n    const { accessToken } = await getAccessToken();\n\n    if (!accessToken) {\n        return undefined;\n    }\n\n    const formData = new FormData();\n\n    formData.append('files', file);\n\n    const response = await fetch(\n        'https://streamingservice.chayns.space/video?disableIntercom=true',\n        {\n            body: formData,\n            headers: {\n                Authorization: `bearer ${accessToken}`,\n            },\n            method: 'POST',\n        },\n    );\n\n    if (response.ok) {\n        const data = (await response.json()) as PostVideoResult[];\n\n        return data[0];\n    }\n\n    throw Error(`Failed to POST video (status code: ${response.status}).`);\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAcA;AACA;AACA;AACO,MAAMC,SAAS,GAAG,MAAAA,CAAO;EAC5BC;AACc,CAAC,KAA2C;EAC1D,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAM,IAAAC,yBAAc,EAAC,CAAC;EAE9C,IAAI,CAACD,WAAW,EAAE;IACd,OAAOE,SAAS;EACpB;EAEA,MAAMC,QAAQ,GAAG,IAAIC,QAAQ,CAAC,CAAC;EAE/BD,QAAQ,CAACE,MAAM,CAAC,OAAO,EAAEN,IAAI,CAAC;EAE9B,MAAMO,QAAQ,GAAG,MAAMC,KAAK,CACxB,kEAAkE,EAClE;IACIC,IAAI,EAAEL,QAAQ;IACdM,OAAO,EAAE;MACLC,aAAa,EAAE,UAAUV,WAAW;IACxC,CAAC;IACDW,MAAM,EAAE;EACZ,CACJ,CAAC;EAED,IAAIL,QAAQ,CAACM,EAAE,EAAE;IACb,MAAMC,IAAI,GAAI,MAAMP,QAAQ,CAACQ,IAAI,CAAC,CAAuB;IAEzD,OAAOD,IAAI,CAAC,CAAC,CAAC;EAClB;EAEA,MAAME,KAAK,CAAC,sCAAsCT,QAAQ,CAACU,MAAM,IAAI,CAAC;AAC1E,CAAC;AAACC,OAAA,CAAAnB,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/cjs/components/accordion/Accordion.js

@@ -0,0 +1,200 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AccordionContext = void 0;
+var _framerMotion = require("framer-motion");
+var _react = _interopRequireWildcard(require("react"));
+var _uuid = require("../../hooks/uuid");
+var _AreaContextProvider = require("../area-provider/AreaContextProvider");
+var _AccordionBody = _interopRequireDefault(require("./accordion-body/AccordionBody"));
+var _AccordionGroup = require("./accordion-group/AccordionGroup");
+var _AccordionHead = _interopRequireDefault(require("./accordion-head/AccordionHead"));
+var _AccordionContextProvider = require("./accordion-provider/AccordionContextProvider");
+var _Accordion = require("./Accordion.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const AccordionContext = exports.AccordionContext = /*#__PURE__*/_react.default.createContext({
+  isWrapped: undefined
+});
+const Accordion = ({
+  bodyMaxHeight,
+  children,
+  icon,
+  isDefaultOpen = false,
+  isDisabled = false,
+  isFixed = false,
+  isOpened,
+  isTitleGreyed = false,
+  onBodyScroll,
+  onClose,
+  onHoverEnd,
+  onHoverStart,
+  onOpen,
+  onSearchChange,
+  rightElement,
+  searchPlaceholder,
+  searchValue,
+  shouldForceBackground = false,
+  shouldHideBackground = false,
+  shouldRenderClosed = false,
+  shouldRotateIcon = true,
+  shouldHideBottomLine = false,
+  title,
+  titleElement,
+  onTitleInputChange,
+  titleInputProps,
+  titleColor,
+  onBodyAnimationComplete
+}) => {
+  const {
+    isWrapped: groupIsWrapped,
+    openAccordionUuid,
+    accordionGroupUuid,
+    accordionUuids,
+    updateOpenAccordionUuid
+  } = (0, _react.useContext)(_AccordionGroup.AccordionGroupContext);
+  const {
+    isWrapped: isParentWrapped
+  } = (0, _react.useContext)(AccordionContext);
+  const {
+    isWrapped: contextIsWrapped
+  } = (0, _react.useContext)(_AccordionContextProvider.AccordionWrappedContext);
+  const isWrapped = (0, _react.useMemo)(() => groupIsWrapped ?? contextIsWrapped, [contextIsWrapped, groupIsWrapped]);
+  const [isAccordionOpen, setIsAccordionOpen] = (0, _react.useState)(isDefaultOpen ?? isOpened);
+  const uuid = (0, _uuid.useUuid)();
+  const isInitialRenderRef = (0, _react.useRef)(true);
+  const isInGroup = typeof updateOpenAccordionUuid === 'function';
+  const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;
+  const isOpenRef = (0, _react.useRef)(isOpen);
+  const onCloseRef = (0, _react.useRef)(onClose);
+  const onOpenRef = (0, _react.useRef)(onOpen);
+  const isLastAccordion = (0, _react.useMemo)(() => accordionUuids ? accordionUuids[accordionUuids.length - 1] === uuid : false, [accordionUuids, uuid]);
+  (0, _react.useEffect)(() => {
+    isOpenRef.current = isOpen;
+    onCloseRef.current = onClose;
+    onOpenRef.current = onOpen;
+  }, [isOpen, onClose, onOpen]);
+  const handleHeadClick = (0, _react.useCallback)(() => {
+    if (isDisabled) {
+      return;
+    }
+    if (typeof updateOpenAccordionUuid === 'function') {
+      updateOpenAccordionUuid(uuid);
+    }
+    setIsAccordionOpen(currentIsAccordionOpen => !currentIsAccordionOpen);
+  }, [isDisabled, updateOpenAccordionUuid, uuid]);
+  (0, _react.useEffect)(() => {
+    if (isDisabled && isOpen) {
+      if (typeof updateOpenAccordionUuid === 'function') {
+        updateOpenAccordionUuid(uuid);
+      }
+      setIsAccordionOpen(currentIsAccordionOpen => !currentIsAccordionOpen);
+    }
+  }, [isDisabled, isOpen, updateOpenAccordionUuid, uuid]);
+  (0, _react.useEffect)(() => {
+    if (isInitialRenderRef.current) {
+      isInitialRenderRef.current = false;
+    } else if (isOpen) {
+      if (typeof onOpenRef.current === 'function') {
+        onOpenRef.current();
+      }
+    } else if (typeof onCloseRef.current === 'function') {
+      onCloseRef.current();
+    }
+  }, [isOpen]);
+  (0, _react.useEffect)(() => {
+    if (isDefaultOpen) {
+      if (typeof updateOpenAccordionUuid === 'function') {
+        updateOpenAccordionUuid(uuid, {
+          shouldOnlyOpen: true
+        });
+      } else {
+        setIsAccordionOpen(true);
+      }
+    }
+  }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);
+  (0, _react.useEffect)(() => {
+    if (typeof isOpened === 'boolean') {
+      if (typeof updateOpenAccordionUuid === 'function' && isOpened !== isOpenRef.current) {
+        updateOpenAccordionUuid(uuid);
+      } else {
+        setIsAccordionOpen(isOpened);
+      }
+    }
+  }, [isOpened, updateOpenAccordionUuid, uuid]);
+  const accordionContextProviderValue = (0, _react.useMemo)(() => ({
+    isWrapped: isWrapped === true
+  }), [isWrapped]);
+  const areaContextProviderValue = (0, _react.useMemo)(() => ({
+    shouldChangeColor: true
+  }), []);
+  const accordionWrappedContextProviderValue = (0, _react.useMemo)(() => ({
+    isWrapped: true
+  }), []);
+  return /*#__PURE__*/_react.default.createElement(_Accordion.StyledMotionAccordion, {
+    animate: {
+      height: 'auto',
+      opacity: 1
+    },
+    "data-uuid": `${accordionGroupUuid ?? ''}---${uuid}`,
+    className: "beta-chayns-accordion",
+    exit: {
+      height: 0,
+      opacity: 0
+    },
+    initial: {
+      height: 0,
+      opacity: 0
+    },
+    $isOpen: isOpen,
+    $shouldShowLines: !isLastAccordion || !isWrapped,
+    $isParentWrapped: isParentWrapped,
+    $isWrapped: isWrapped,
+    $shouldForceBackground: shouldForceBackground,
+    $shouldHideBackground: shouldHideBackground,
+    $shouldHideBottomLine: shouldHideBottomLine,
+    onMouseEnter: onHoverStart,
+    onMouseLeave: onHoverEnd
+  }, /*#__PURE__*/_react.default.createElement(AccordionContext.Provider, {
+    value: accordionContextProviderValue
+  }, /*#__PURE__*/_react.default.createElement(_framerMotion.MotionConfig, {
+    transition: {
+      type: 'tween'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_AccordionHead.default, {
+    uuid: uuid,
+    icon: icon,
+    isOpen: isOpen,
+    isFixed: isFixed,
+    isTitleGreyed: isTitleGreyed || isDisabled,
+    isWrapped: isWrapped === true,
+    onClick: handleHeadClick,
+    onSearchChange: onSearchChange,
+    rightElement: rightElement,
+    searchPlaceholder: searchPlaceholder,
+    searchValue: searchValue,
+    shouldRotateIcon: shouldRotateIcon,
+    title: title,
+    titleElement: titleElement,
+    onTitleInputChange: onTitleInputChange,
+    titleInputProps: titleInputProps,
+    titleColor: titleColor
+  }), /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
+    initial: false
+  }, (isOpen || shouldRenderClosed) && /*#__PURE__*/_react.default.createElement(_AccordionBody.default, {
+    maxHeight: bodyMaxHeight,
+    onScroll: onBodyScroll,
+    onAnimationComplete: onBodyAnimationComplete,
+    shouldHideBody: shouldRenderClosed && !isOpen
+  }, /*#__PURE__*/_react.default.createElement(_AccordionContextProvider.AccordionWrappedContext.Provider, {
+    value: accordionWrappedContextProviderValue
+  }, /*#__PURE__*/_react.default.createElement(_AreaContextProvider.AreaContext.Provider, {
+    value: areaContextProviderValue
+  }, children)))))));
+};
+Accordion.displayName = 'Accordion';
+var _default = exports.default = Accordion;
+//# sourceMappingURL=Accordion.js.map

package/lib/cjs/components/accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_uuid","_AreaContextProvider","_AccordionBody","_interopRequireDefault","_AccordionGroup","_AccordionHead","_AccordionContextProvider","_Accordion","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AccordionContext","exports","React","createContext","isWrapped","undefined","Accordion","bodyMaxHeight","children","icon","isDefaultOpen","isDisabled","isFixed","isOpened","isTitleGreyed","onBodyScroll","onClose","onHoverEnd","onHoverStart","onOpen","onSearchChange","rightElement","searchPlaceholder","searchValue","shouldForceBackground","shouldHideBackground","shouldRenderClosed","shouldRotateIcon","shouldHideBottomLine","title","titleElement","onTitleInputChange","titleInputProps","titleColor","onBodyAnimationComplete","groupIsWrapped","openAccordionUuid","accordionGroupUuid","accordionUuids","updateOpenAccordionUuid","useContext","AccordionGroupContext","isParentWrapped","contextIsWrapped","AccordionWrappedContext","useMemo","isAccordionOpen","setIsAccordionOpen","useState","uuid","useUuid","isInitialRenderRef","useRef","isInGroup","isOpen","isOpenRef","onCloseRef","onOpenRef","isLastAccordion","length","useEffect","current","handleHeadClick","useCallback","currentIsAccordionOpen","shouldOnlyOpen","accordionContextProviderValue","areaContextProviderValue","shouldChangeColor","accordionWrappedContextProviderValue","createElement","StyledMotionAccordion","animate","height","opacity","className","exit","initial","$isOpen","$shouldShowLines","$isParentWrapped","$isWrapped","$shouldForceBackground","$shouldHideBackground","$shouldHideBottomLine","onMouseEnter","onMouseLeave","Provider","value","MotionConfig","transition","type","onClick","AnimatePresence","maxHeight","onScroll","onAnimationComplete","shouldHideBody","AreaContext","displayName","_default"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import {AnimatePresence, MotionConfig} from 'framer-motion';\nimport React, {\n    ChangeEventHandler,\n    FC,\n    ReactNode,\n    UIEvent,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    type CSSProperties,\n    type MouseEventHandler,\n} from 'react';\nimport {useUuid} from '../../hooks/uuid';\nimport {AreaContext} from '../area-provider/AreaContextProvider';\nimport type {InputProps} from '../input/Input';\nimport AccordionBody from './accordion-body/AccordionBody';\nimport {AccordionGroupContext} from './accordion-group/AccordionGroup';\nimport AccordionHead from './accordion-head/AccordionHead';\nimport {AccordionWrappedContext} from './accordion-provider/AccordionContextProvider';\nimport {StyledMotionAccordion} from './Accordion.styles';\n\nexport const AccordionContext = React.createContext<{ isWrapped?: boolean }>({\n    isWrapped: undefined,\n});\n\nexport type AccordionProps = {\n    /**\n     * Maximum height of the accordion body element. This automatically makes the content of the\n     * body element scrollable.\n     */\n    bodyMaxHeight?: number;\n    /**\n     * The content of the accordion body\n     */\n    children: ReactNode;\n    /**\n     * The icon that is displayed in front of the title\n     */\n    icon?: string;\n    /**\n     * This can be used to automatically expand the Accordion during the first render.\n     */\n    isDefaultOpen?: boolean;\n    /**\n     * This will disable the Accordion so that it cannot be opened and will gray out the title. Does not work with isOpened.\n     */\n    isDisabled?: boolean;\n    /**\n     * This can be used so that the Accordion cannot be opened or closed.\n     * In addition, in this case the icon is exchanged to mark the Accordions.\n     */\n    isFixed?: boolean;\n    /**\n     * This can be used to open the Accordion from the outside\n     */\n    isOpened?: boolean;\n    /**\n     * This will gray out the title of the Accordion to indicate hidden content, for example.\n     */\n    isTitleGreyed?: boolean;\n    /**\n     * Function that is executed when the accordion body will be scrolled\n     */\n    onBodyScroll?: (event: UIEvent<HTMLDivElement>) => void;\n    /**\n     * Function that is executed when the accordion will be closed.\n     */\n    onClose?: VoidFunction;\n    /**\n     * Function to be executed when the accordion is no longer hovered.\n     */\n    onHoverEnd?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Function to be executed when the accordion is hovered.\n     */\n    onHoverStart?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Function that is executed when the accordion will be opened.\n     */\n    onOpen?: VoidFunction;\n    /**\n     * Function that is executed when the accordion body is animated\n     */\n    onBodyAnimationComplete?: VoidFunction;\n    /**\n     * Function that is executed when the text of the search in the accordion\n     * head changes. When this function is given, the search field is displayed\n     * in the Accordion Head.\n     */\n    onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when the text of the search in the accordion\n     * title changes. When this function is given, the search field is displayed\n     * as the Accordion title.\n     */\n    onTitleInputChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Content to be displayed on the right side in the head of the Accordion\n     */\n    rightElement?: ReactNode;\n    /**\n     * The placeholder to be used for the search\n     */\n    searchPlaceholder?: string;\n    /**\n     * The value that is displayed inside the search\n     */\n    searchValue?: string;\n    /**\n     * This will force the background color of the accordion to be used even if it is closed and not hovered.\n     */\n    shouldForceBackground?: boolean;\n    /**\n     * This will hide the background color of the accordion\n     */\n    shouldHideBackground?: boolean;\n    /**\n     * Whether the bottom line should be hidden.\n     */\n    shouldHideBottomLine?: boolean;\n    /**\n     * This will render the Accordion closed on the first render.\n     */\n    shouldRenderClosed?: boolean;\n    /**\n     * Whether the icon should be rotating.\n     */\n    shouldRotateIcon?: boolean;\n    /**\n     * Title of the Accordion displayed in the head\n     */\n    title: string;\n    /**\n     * Additional elements to be displayed in the header next to the title.\n     */\n    titleElement?: ReactNode;\n    /**\n     * The props of the title Input.\n     */\n    titleInputProps?: InputProps;\n    /**\n     * The title color.\n     */\n    titleColor?: CSSProperties['color'];\n};\n\nconst Accordion: FC<AccordionProps> = ({\n                                           bodyMaxHeight,\n                                           children,\n                                           icon,\n                                           isDefaultOpen = false,\n                                           isDisabled = false,\n                                           isFixed = false,\n                                           isOpened,\n                                           isTitleGreyed = false,\n                                           onBodyScroll,\n                                           onClose,\n                                           onHoverEnd,\n                                           onHoverStart,\n                                           onOpen,\n                                           onSearchChange,\n                                           rightElement,\n                                           searchPlaceholder,\n                                           searchValue,\n                                           shouldForceBackground = false,\n                                           shouldHideBackground = false,\n                                           shouldRenderClosed = false,\n                                           shouldRotateIcon = true,\n                                           shouldHideBottomLine = false,\n                                           title,\n                                           titleElement,\n                                           onTitleInputChange,\n                                           titleInputProps,\n                                           titleColor,\n                                           onBodyAnimationComplete,\n                                       }) => {\n    const {\n        isWrapped: groupIsWrapped,\n        openAccordionUuid,\n        accordionGroupUuid,\n        accordionUuids,\n        updateOpenAccordionUuid,\n    } = useContext(AccordionGroupContext);\n    const {isWrapped: isParentWrapped} = useContext(AccordionContext);\n\n    const {isWrapped: contextIsWrapped} = useContext(AccordionWrappedContext);\n    const isWrapped = useMemo(\n        () => groupIsWrapped ?? contextIsWrapped,\n        [contextIsWrapped, groupIsWrapped],\n    );\n\n    const [isAccordionOpen, setIsAccordionOpen] = useState<boolean>(isDefaultOpen ?? isOpened);\n\n    const uuid = useUuid();\n\n    const isInitialRenderRef = useRef(true);\n\n    const isInGroup = typeof updateOpenAccordionUuid === 'function';\n\n    const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;\n\n    const isOpenRef = useRef(isOpen);\n    const onCloseRef = useRef(onClose);\n    const onOpenRef = useRef(onOpen);\n\n    const isLastAccordion = useMemo(\n        () => (accordionUuids ? accordionUuids[accordionUuids.length - 1] === uuid : false),\n        [accordionUuids, uuid],\n    );\n\n    useEffect(() => {\n        isOpenRef.current = isOpen;\n        onCloseRef.current = onClose;\n        onOpenRef.current = onOpen;\n    }, [isOpen, onClose, onOpen]);\n\n    const handleHeadClick = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        if (typeof updateOpenAccordionUuid === 'function') {\n            updateOpenAccordionUuid(uuid);\n        }\n\n        setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n    }, [isDisabled, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (isDisabled && isOpen) {\n            if (typeof updateOpenAccordionUuid === 'function') {\n                updateOpenAccordionUuid(uuid);\n            }\n\n            setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n        }\n    }, [isDisabled, isOpen, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (isInitialRenderRef.current) {\n            isInitialRenderRef.current = false;\n        } else if (isOpen) {\n            if (typeof onOpenRef.current === 'function') {\n                onOpenRef.current();\n            }\n        } else if (typeof onCloseRef.current === 'function') {\n            onCloseRef.current();\n        }\n    }, [isOpen]);\n\n    useEffect(() => {\n        if (isDefaultOpen) {\n            if (typeof updateOpenAccordionUuid === 'function') {\n                updateOpenAccordionUuid(uuid, {shouldOnlyOpen: true});\n            } else {\n                setIsAccordionOpen(true);\n            }\n        }\n    }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (typeof isOpened === 'boolean') {\n            if (typeof updateOpenAccordionUuid === 'function' && isOpened !== isOpenRef.current) {\n                updateOpenAccordionUuid(uuid);\n            } else {\n                setIsAccordionOpen(isOpened);\n            }\n        }\n    }, [isOpened, updateOpenAccordionUuid, uuid]);\n\n    const accordionContextProviderValue = useMemo(\n        () => ({isWrapped: isWrapped === true}),\n        [isWrapped],\n    );\n\n    const areaContextProviderValue = useMemo(() => ({shouldChangeColor: true}), []);\n\n    const accordionWrappedContextProviderValue = useMemo(() => ({isWrapped: true}), []);\n    return (\n        <StyledMotionAccordion\n            animate={{height: 'auto', opacity: 1}}\n            data-uuid={`${accordionGroupUuid ?? ''}---${uuid}`}\n            className=\"beta-chayns-accordion\"\n            exit={{height: 0, opacity: 0}}\n            initial={{height: 0, opacity: 0}}\n            $isOpen={isOpen}\n            $shouldShowLines={!isLastAccordion || !isWrapped}\n            $isParentWrapped={isParentWrapped}\n            $isWrapped={isWrapped}\n            $shouldForceBackground={shouldForceBackground}\n            $shouldHideBackground={shouldHideBackground}\n            $shouldHideBottomLine={shouldHideBottomLine}\n            onMouseEnter={onHoverStart}\n            onMouseLeave={onHoverEnd}\n        >\n            <AccordionContext.Provider value={accordionContextProviderValue}>\n                <MotionConfig transition={{type: 'tween'}}>\n                    <AccordionHead\n                        uuid={uuid}\n                        icon={icon}\n                        isOpen={isOpen}\n                        isFixed={isFixed}\n                        isTitleGreyed={isTitleGreyed || isDisabled}\n                        isWrapped={isWrapped === true}\n                        onClick={handleHeadClick}\n                        onSearchChange={onSearchChange}\n                        rightElement={rightElement}\n                        searchPlaceholder={searchPlaceholder}\n                        searchValue={searchValue}\n                        shouldRotateIcon={shouldRotateIcon}\n                        title={title}\n                        titleElement={titleElement}\n                        onTitleInputChange={onTitleInputChange}\n                        titleInputProps={titleInputProps}\n                        titleColor={titleColor}\n                    />\n                    <AnimatePresence initial={false}>\n                        {(isOpen || shouldRenderClosed) && (\n                            <AccordionBody\n                                maxHeight={bodyMaxHeight}\n                                onScroll={onBodyScroll}\n                                onAnimationComplete={onBodyAnimationComplete}\n                                shouldHideBody={shouldRenderClosed && !isOpen}\n                            >\n                                <AccordionWrappedContext.Provider\n                                    value={accordionWrappedContextProviderValue}\n                                >\n                                    <AreaContext.Provider value={areaContextProviderValue}>\n                                        {children}\n                                    </AreaContext.Provider>\n                                </AccordionWrappedContext.Provider>\n                            </AccordionBody>\n                        )}\n                    </AnimatePresence>\n                </MotionConfig>\n            </AccordionContext.Provider>\n        </StyledMotionAccordion>\n    );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/accordion/Accordion.styles.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledMotionAccordion = void 0;
+var _framerMotion = require("framer-motion");
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledMotionAccordion = exports.StyledMotionAccordion = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    ${({
+  $isOpen,
+  $isWrapped,
+  $shouldForceBackground,
+  $shouldHideBackground,
+  theme
+}) => ($isOpen || $shouldForceBackground) && !$isWrapped && !$shouldHideBackground && (0, _styledComponents.css)`
+                background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});
+                border-radius: ${theme.cardBorderRadius}px;
+                box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${theme.cardShadow});
+            `}
+
+    ${({
+  theme
+}) => theme.accordionLines && (0, _styledComponents.css)`
+                border-bottom: 1px solid transparent;
+            `}
+
+    margin-bottom: ${({
+  $isOpen,
+  $isWrapped
+}) => $isOpen && !$isWrapped ? '30px' : '0px'};
+    transition: background-color 0.3s ease,
+    border-bottom-color 0.3s ease,
+    border-radius 0.3s ease,
+    box-shadow 0.3s ease,
+    margin-bottom 0.3s ease;
+    will-change: unset !important;
+
+    ${({
+  $isOpen,
+  $isWrapped,
+  $shouldForceBackground,
+  $shouldShowLines,
+  $shouldHideBottomLine,
+  theme
+}) => {
+  if ($shouldForceBackground || $shouldHideBottomLine) return undefined;
+  if (theme.accordionLines) {
+    if ($isWrapped && $shouldShowLines) {
+      return (0, _styledComponents.css)`
+                    border-bottom-color: rgba(${theme['headline-rgb']}, 0.5);
+                `;
+    }
+    if (!$isOpen && $shouldShowLines) {
+      return (0, _styledComponents.css)`
+                    border-bottom-color: rgba(${theme['headline-rgb']}, 0.5);
+                `;
+    }
+  }
+  return undefined;
+}}
+    ${({
+  $isParentWrapped
+}) => $isParentWrapped && (0, _styledComponents.css)`
+                padding-left: 17px;
+            `}
+    ${({
+  $isWrapped
+}) => !$isWrapped && (0, _styledComponents.css)`
+                margin-top: 10px;
+            `}
+    ${({
+  $isWrapped,
+  $shouldHideBackground,
+  theme
+}) => !$isWrapped && !$shouldHideBackground && (0, _styledComponents.css)`
+                &:hover {
+                    background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});
+                }
+            `};
+`;
+//# sourceMappingURL=Accordion.styles.js.map