@chayns-components/core 5.0.0-beta.7 → 5.0.0-beta.701

package/README.md

@@ -26,25 +26,9 @@ yarn add @chayns-components/core
 ```
 
 > **Information:** Since the components have now been implemented with the styled-components
-> library, the styles are delivered directly with the components. There is no need to load an
-> extra stylesheet anymore.
+> library, the styles are delivered directly with the components. There is no need to load an extra
+> stylesheet anymore.
 
 ## 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>
-```
-
-## Components Overview
-
-`coming soon`
+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,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getParagraphFormat = exports.getDesignSettings = void 0;
+var _chaynsApi = require("chayns-api");
+const getDesignSettings = async () => {
+  const {
+    id
+  } = (0, _chaynsApi.getSite)();
+  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 () => {
+  const {
+    id
+  } = (0, _chaynsApi.getSite)();
+  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","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 (): Promise<DesignSettings | undefined> => {\n    const { id } = getSite();\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 (): Promise<ParagraphFormat[] | undefined> => {\n    const { id } = getSite();\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,MAAAA,CAAA,KAAiD;EAC9E,MAAM;IAAEC;EAAG,CAAC,GAAG,IAAAC,kBAAO,EAAC,CAAC;EAExB,MAAMC,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,CAAAT,iBAAA,GAAAA,iBAAA;AAEK,MAAMU,kBAAkB,GAAG,MAAAA,CAAA,KAAoD;EAClF,MAAM;IAAET;EAAG,CAAC,GAAG,IAAAC,kBAAO,EAAC,CAAC;EAExB,MAAMC,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,182 @@
+"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: false
+});
+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,
+  title,
+  titleElement,
+  onTitleInputChange,
+  titleInputProps
+}) => {
+  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.StyledAccordion, {
+    "data-uuid": `${accordionGroupUuid ?? ''}---${uuid}`,
+    className: "beta-chayns-accordion",
+    $isOpen: isOpen,
+    $shouldShowLines: !isLastAccordion,
+    $isParentWrapped: isParentWrapped,
+    $isWrapped: isWrapped,
+    $shouldForceBackground: shouldForceBackground,
+    $shouldHideBackground: shouldHideBackground,
+    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
+  }), /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
+    initial: false
+  }, (isOpen || shouldRenderClosed) && /*#__PURE__*/_react.default.createElement(_AccordionBody.default, {
+    maxHeight: bodyMaxHeight,
+    onScroll: onBodyScroll,
+    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","Accordion","bodyMaxHeight","children","icon","isDefaultOpen","isDisabled","isFixed","isOpened","isTitleGreyed","onBodyScroll","onClose","onHoverEnd","onHoverStart","onOpen","onSearchChange","rightElement","searchPlaceholder","searchValue","shouldForceBackground","shouldHideBackground","shouldRenderClosed","shouldRotateIcon","title","titleElement","onTitleInputChange","titleInputProps","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","StyledAccordion","className","$isOpen","$shouldShowLines","$isParentWrapped","$isWrapped","$shouldForceBackground","$shouldHideBackground","onMouseEnter","onMouseLeave","Provider","value","MotionConfig","transition","type","onClick","AnimatePresence","initial","maxHeight","onScroll","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 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 { StyledAccordion } from './Accordion.styles';\n\nexport const AccordionContext = React.createContext({ isWrapped: false });\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 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     * 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\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    title,\n    titleElement,\n    onTitleInputChange,\n    titleInputProps,\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\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\n    return (\n        <StyledAccordion\n            data-uuid={`${accordionGroupUuid ?? ''}---${uuid}`}\n            className=\"beta-chayns-accordion\"\n            $isOpen={isOpen}\n            $shouldShowLines={!isLastAccordion}\n            $isParentWrapped={isParentWrapped}\n            $isWrapped={isWrapped}\n            $shouldForceBackground={shouldForceBackground}\n            $shouldHideBackground={shouldHideBackground}\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                    />\n                    <AnimatePresence initial={false}>\n                        {(isOpen || shouldRenderClosed) && (\n                            <AccordionBody\n                                maxHeight={bodyMaxHeight}\n                                onScroll={onBodyScroll}\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        </StyledAccordion>\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,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledAccordion = void 0;
+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 StyledAccordion = exports.StyledAccordion = _styledComponents.default.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;
+
+    ${({
+  $isOpen,
+  $isWrapped,
+  $shouldForceBackground,
+  $shouldShowLines,
+  theme
+}) => {
+  if ($shouldForceBackground) return undefined;
+  if (theme.accordionLines) {
+    if ($isWrapped && $shouldShowLines) {
+      return (0, _styledComponents.css)`
+                    border-bottom-color: ${theme.headline}80;
+                `;
+    }
+    if (!$isOpen && $shouldShowLines) {
+      return (0, _styledComponents.css)`
+                    border-bottom-color: ${theme.headline};
+                `;
+    }
+  }
+  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