@chayns-components/core 5.0.0-beta.5 → 5.0.0-beta.503

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/api/image/post.d.ts

@@ -0,0 +1,14 @@
+import type { Meta } from '../../types/file';
+export interface PostImageResult {
+    key: string;
+    base: string;
+    meta?: Meta;
+}
+interface PostImageOptions {
+    file: File;
+}
+/**
+ * Uploads an image to the tsimg cloud service
+ */
+export declare const postImage: ({ file, }: PostImageOptions) => Promise<PostImageResult | undefined>;
+export {};

package/lib/api/image/post.js

@@ -0,0 +1,33 @@
+import { getAccessToken, getUser } from 'chayns-api';
+import { getFileAsArrayBuffer } from '../../utils/fileDialog';
+/**
+ * Uploads an image to the tsimg cloud service
+ */
+export const postImage = async _ref => {
+  let {
+    file
+  } = _ref;
+  const {
+    accessToken
+  } = await getAccessToken();
+  const user = getUser();
+  if (!accessToken || !user?.personId) {
+    return undefined;
+  }
+  const body = await getFileAsArrayBuffer(file);
+  const response = await fetch('https://api.tsimg.cloud/image', {
+    body,
+    headers: {
+      Accept: 'application/json',
+      Authorization: `bearer ${accessToken}`,
+      'Content-Type': 'image/*',
+      'X-Person-Id': user.personId
+    },
+    method: 'POST'
+  });
+  if (response.ok) {
+    return await response.json();
+  }
+  throw Error(`Failed to POST image (status code: ${response.status}).`);
+};
+//# sourceMappingURL=post.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"post.js","names":["getAccessToken","getUser","getFileAsArrayBuffer","postImage","_ref","file","accessToken","user","personId","undefined","body","response","fetch","headers","Accept","Authorization","method","ok","json","Error","status"],"sources":["../../../src/api/image/post.ts"],"sourcesContent":["import { getAccessToken, getUser } from 'chayns-api';\nimport type { Meta } from '../../types/file';\nimport { getFileAsArrayBuffer } from '../../utils/fileDialog';\n\nexport interface PostImageResult {\n    key: string;\n    base: string;\n    meta?: Meta;\n}\n\ninterface PostImageOptions {\n    file: File;\n}\n\n/**\n * Uploads an image to the tsimg cloud service\n */\nexport const postImage = async ({\n    file,\n}: PostImageOptions): Promise<PostImageResult | undefined> => {\n    const { accessToken } = await getAccessToken();\n    const user = getUser();\n\n    if (!accessToken || !user?.personId) {\n        return undefined;\n    }\n\n    const body = await getFileAsArrayBuffer(file);\n\n    const response = await fetch('https://api.tsimg.cloud/image', {\n        body,\n        headers: {\n            Accept: 'application/json',\n            Authorization: `bearer ${accessToken}`,\n            'Content-Type': 'image/*',\n            'X-Person-Id': user.personId,\n        },\n        method: 'POST',\n    });\n\n    if (response.ok) {\n        return (await response.json()) as PostImageResult;\n    }\n\n    throw Error(`Failed to POST image (status code: ${response.status}).`);\n};\n"],"mappings":"AAAA,SAASA,cAAc,EAAEC,OAAO,QAAQ,YAAY;AAEpD,SAASC,oBAAoB,QAAQ,wBAAwB;AAY7D;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAG,MAAAC,IAAA,IAEqC;EAAA,IAF9B;IAC5BC;EACc,CAAC,GAAAD,IAAA;EACf,MAAM;IAAEE;EAAY,CAAC,GAAG,MAAMN,cAAc,CAAC,CAAC;EAC9C,MAAMO,IAAI,GAAGN,OAAO,CAAC,CAAC;EAEtB,IAAI,CAACK,WAAW,IAAI,CAACC,IAAI,EAAEC,QAAQ,EAAE;IACjC,OAAOC,SAAS;EACpB;EAEA,MAAMC,IAAI,GAAG,MAAMR,oBAAoB,CAACG,IAAI,CAAC;EAE7C,MAAMM,QAAQ,GAAG,MAAMC,KAAK,CAAC,+BAA+B,EAAE;IAC1DF,IAAI;IACJG,OAAO,EAAE;MACLC,MAAM,EAAE,kBAAkB;MAC1BC,aAAa,EAAG,UAAST,WAAY,EAAC;MACtC,cAAc,EAAE,SAAS;MACzB,aAAa,EAAEC,IAAI,CAACC;IACxB,CAAC;IACDQ,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIL,QAAQ,CAACM,EAAE,EAAE;IACb,OAAQ,MAAMN,QAAQ,CAACO,IAAI,CAAC,CAAC;EACjC;EAEA,MAAMC,KAAK,CAAE,sCAAqCR,QAAQ,CAACS,MAAO,IAAG,CAAC;AAC1E,CAAC"}

package/lib/api/signature/delete.d.ts

@@ -0,0 +1 @@
+export declare const deleteUserSignature: () => Promise<boolean>;

package/lib/api/signature/delete.js

@@ -0,0 +1,27 @@
+import { getAccessToken } from 'chayns-api';
+import { SIGNATURE_SERVER_URL } from '../../constants/signature';
+export const deleteUserSignature = async () => {
+  const {
+    accessToken
+  } = await getAccessToken();
+  if (!accessToken) {
+    return false;
+  }
+  try {
+    const response = await fetch(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;
+};
+//# sourceMappingURL=delete.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"delete.js","names":["getAccessToken","SIGNATURE_SERVER_URL","deleteUserSignature","accessToken","response","fetch","method","headers","accept","authorization","ok","status","console","error","ex"],"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,SAASA,cAAc,QAAQ,YAAY;AAC3C,SAASC,oBAAoB,QAAQ,2BAA2B;AAEhE,OAAO,MAAMC,mBAAmB,GAAG,MAAAA,CAAA,KAAY;EAC3C,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAMH,cAAc,CAAC,CAAC;EAE9C,IAAI,CAACG,WAAW,EAAE;IACd,OAAO,KAAK;EAChB;EAEA,IAAI;IACA,MAAMC,QAAQ,GAAG,MAAMC,KAAK,CAACJ,oBAAoB,EAAE;MAC/CK,MAAM,EAAE,QAAQ;MAChBC,OAAO,EAAE;QACLC,MAAM,EAAE,kBAAkB;QAC1BC,aAAa,EAAG,UAASN,WAAY;MACzC;IACJ,CAAC,CAAC;IAEF,IAAIC,QAAQ,CAACM,EAAE,IAAIN,QAAQ,CAACO,MAAM,KAAK,GAAG,EAAE;MACxC,OAAO,IAAI;IACf;IAEAC,OAAO,CAACC,KAAK,CACT,gEAAgE,EAChET,QAAQ,CAACO,MACb,CAAC;EACL,CAAC,CAAC,OAAOG,EAAE,EAAE;IACTF,OAAO,CAACC,KAAK,CAAC,gEAAgE,EAAEC,EAAE,CAAC;EACvF;EAEA,OAAO,KAAK;AAChB,CAAC"}

package/lib/api/signature/get.d.ts

@@ -0,0 +1 @@
+export declare const getUserSignature: () => Promise<string | undefined>;

package/lib/api/signature/get.js

@@ -0,0 +1,33 @@
+import { getAccessToken } from 'chayns-api';
+import { SIGNATURE_SERVER_URL } from '../../constants/signature';
+export const getUserSignature = async () => {
+  const {
+    accessToken
+  } = await getAccessToken();
+  if (!accessToken) {
+    return undefined;
+  }
+  try {
+    const response = await fetch(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;
+};
+//# sourceMappingURL=get.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"get.js","names":["getAccessToken","SIGNATURE_SERVER_URL","getUserSignature","accessToken","undefined","response","fetch","method","headers","accept","authorization","status","value","json","console","error","ex"],"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,SAASA,cAAc,QAAQ,YAAY;AAE3C,SAASC,oBAAoB,QAAQ,2BAA2B;AAEhE,OAAO,MAAMC,gBAAgB,GAAG,MAAAA,CAAA,KAAyC;EACrE,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAMH,cAAc,CAAC,CAAC;EAE9C,IAAI,CAACG,WAAW,EAAE;IACd,OAAOC,SAAS;EACpB;EAEA,IAAI;IACA,MAAMC,QAAQ,GAAG,MAAMC,KAAK,CAACL,oBAAoB,EAAE;MAC/CM,MAAM,EAAE,KAAK;MACbC,OAAO,EAAE;QACLC,MAAM,EAAE,kBAAkB;QAC1BC,aAAa,EAAG,UAASP,WAAY;MACzC;IACJ,CAAC,CAAC;IAEF,IAAIE,QAAQ,CAACM,MAAM,KAAK,GAAG,EAAE;MACzB,MAAM;QAAEC;MAAM,CAAC,GAAI,MAAMP,QAAQ,CAACQ,IAAI,CAAC,CAA4B;MAEnE,OAAOD,KAAK;IAChB;IAEA,IAAIP,QAAQ,CAACM,MAAM,KAAK,GAAG,EAAE;MACzB,OAAOP,SAAS;IACpB;IAEAU,OAAO,CAACC,KAAK,CACT,6DAA6D,EAC7DV,QAAQ,CAACM,MACb,CAAC;EACL,CAAC,CAAC,OAAOK,EAAE,EAAE;IACTF,OAAO,CAACC,KAAK,CAAC,6DAA6D,EAAEC,EAAE,CAAC;EACpF;EAEA,OAAOZ,SAAS;AACpB,CAAC"}

package/lib/api/signature/put.d.ts

@@ -0,0 +1 @@
+export declare const putUserSignature: (dataURL: string) => Promise<boolean>;

package/lib/api/signature/put.js

@@ -0,0 +1,31 @@
+import { getAccessToken } from 'chayns-api';
+import { SIGNATURE_SERVER_URL } from '../../constants/signature';
+export const putUserSignature = async dataURL => {
+  const {
+    accessToken
+  } = await getAccessToken();
+  if (!accessToken) {
+    return false;
+  }
+  try {
+    const response = await fetch(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;
+};
+//# sourceMappingURL=put.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"put.js","names":["getAccessToken","SIGNATURE_SERVER_URL","putUserSignature","dataURL","accessToken","response","fetch","method","headers","accept","authorization","body","JSON","stringify","value","ok","console","error","status","ex"],"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,SAASA,cAAc,QAAQ,YAAY;AAC3C,SAASC,oBAAoB,QAAQ,2BAA2B;AAEhE,OAAO,MAAMC,gBAAgB,GAAG,MAAOC,OAAe,IAAK;EACvD,MAAM;IAAEC;EAAY,CAAC,GAAG,MAAMJ,cAAc,CAAC,CAAC;EAE9C,IAAI,CAACI,WAAW,EAAE;IACd,OAAO,KAAK;EAChB;EAEA,IAAI;IACA,MAAMC,QAAQ,GAAG,MAAMC,KAAK,CAACL,oBAAoB,EAAE;MAC/CM,MAAM,EAAE,KAAK;MACbC,OAAO,EAAE;QACLC,MAAM,EAAE,kBAAkB;QAC1BC,aAAa,EAAG,UAASN,WAAY,EAAC;QACtC,cAAc,EAAE;MACpB,CAAC;MACDO,IAAI,EAAEC,IAAI,CAACC,SAAS,CAAC;QAAEC,KAAK,EAAEX;MAAQ,CAAC;IAC3C,CAAC,CAAC;IAEF,IAAIE,QAAQ,CAACU,EAAE,EAAE;MACb,OAAO,IAAI;IACf;IAEAC,OAAO,CAACC,KAAK,CACT,6DAA6D,EAC7DZ,QAAQ,CAACa,MACb,CAAC;EACL,CAAC,CAAC,OAAOC,EAAE,EAAE;IACTH,OAAO,CAACC,KAAK,CAAC,6DAA6D,EAAEE,EAAE,CAAC;EACpF;EAEA,OAAO,KAAK;AAChB,CAAC"}

package/lib/api/theme/get.d.ts

@@ -0,0 +1,2 @@
+import type { DesignSettings } from '../../types/colorSchemeProvider';
+export declare const getDesignSettings: () => Promise<DesignSettings | undefined>;

package/lib/api/theme/get.js

@@ -0,0 +1,14 @@
+import { getSite } from 'chayns-api';
+export const getDesignSettings = async () => {
+  const {
+    id
+  } = 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;
+};
+//# sourceMappingURL=get.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"get.js","names":["getSite","getDesignSettings","id","response","fetch","method","status","json","undefined"],"sources":["../../../src/api/theme/get.ts"],"sourcesContent":["import { getSite } from 'chayns-api';\nimport type { DesignSettings } 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"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AAGpC,OAAO,MAAMC,iBAAiB,GAAG,MAAAA,CAAA,KAAiD;EAC9E,MAAM;IAAEC;EAAG,CAAC,GAAGF,OAAO,CAAC,CAAC;EAExB,MAAMG,QAAQ,GAAG,MAAMC,KAAK,CAAE,8BAA6BF,EAAG,WAAU,EAAE;IACtEG,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"}

package/lib/api/video/post.d.ts

@@ -0,0 +1,15 @@
+export interface PostVideoResult {
+    id: string;
+    originalVideoQuality: string;
+    thumbnailUrl: string;
+    url: string;
+    urlMP4: string;
+}
+interface PostVideoOptions {
+    file: File | Blob;
+}
+/**
+ * Uploads a video to the streaming service
+ */
+export declare const postVideo: ({ file, }: PostVideoOptions) => Promise<PostVideoResult | undefined>;
+export {};

package/lib/api/video/post.js

@@ -0,0 +1,30 @@
+import { getAccessToken } from 'chayns-api';
+/**
+ * Uploads a video to the streaming service
+ */
+export const postVideo = async _ref => {
+  let {
+    file
+  } = _ref;
+  const {
+    accessToken
+  } = await 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}).`);
+};
+//# sourceMappingURL=post.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"post.js","names":["getAccessToken","postVideo","_ref","file","accessToken","undefined","formData","FormData","append","response","fetch","body","headers","Authorization","method","ok","data","json","Error","status"],"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,SAASA,cAAc,QAAQ,YAAY;AAc3C;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAG,MAAAC,IAAA,IAEqC;EAAA,IAF9B;IAC5BC;EACc,CAAC,GAAAD,IAAA;EACf,MAAM;IAAEE;EAAY,CAAC,GAAG,MAAMJ,cAAc,CAAC,CAAC;EAE9C,IAAI,CAACI,WAAW,EAAE;IACd,OAAOC,SAAS;EACpB;EAEA,MAAMC,QAAQ,GAAG,IAAIC,QAAQ,CAAC,CAAC;EAE/BD,QAAQ,CAACE,MAAM,CAAC,OAAO,EAAEL,IAAI,CAAC;EAE9B,MAAMM,QAAQ,GAAG,MAAMC,KAAK,CACxB,kEAAkE,EAClE;IACIC,IAAI,EAAEL,QAAQ;IACdM,OAAO,EAAE;MACLC,aAAa,EAAG,UAAST,WAAY;IACzC,CAAC;IACDU,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,CAAE,sCAAqCT,QAAQ,CAACU,MAAO,IAAG,CAAC;AAC1E,CAAC"}

package/lib/components/accordion/Accordion.d.ts

@@ -1,10 +1,17 @@
-import { FC, ReactNode } from 'react';
-declare type AccordionProps = {
+import React, { ChangeEventHandler, FC, ReactNode, UIEvent } from 'react';
+export declare const AccordionContext: React.Context<{
+    isWrapped: boolean;
+}>;
+export type AccordionProps = {
     /**
-     * Defines the group of the Accordion. Accordions with the same group are
-     * automatically closed when an Accordion of the group is opened.
+     * Maximum height of the accordion body element. This automatically makes the content of the
+     * body element scrollable.
      */
-    group?: string;
+    bodyMaxHeight?: number;
+    /**
+     * The content of the accordion body
+     */
+    children: ReactNode;
     /**
      * The icon that is displayed in front of the title
      */
@@ -13,24 +20,81 @@ declare type AccordionProps = {
      * This can be used to automatically expand the Accordion during the first render.
      */
     isDefaultOpen?: boolean;
+    /**
+     * This will disable the Accordion so that it cannot be opened and will gray out the title. Does not work with isOpened.
+     */
+    isDisabled?: boolean;
     /**
      * This can be used so that the Accordion cannot be opened or closed.
      * In addition, in this case the icon is exchanged to mark the Accordions.
      */
     isFixed?: boolean;
     /**
-     * This value must be set for nested Accordions. This adjusts the style of
-     * the head and the padding of the content.
+     * This can be used to open the Accordion from the outside.
+     */
+    isOpened?: boolean;
+    /**
+     * This will gray out the title of the Accordion to indicate hidden content, for example.
+     */
+    isTitleGreyed?: boolean;
+    /**
+     * Function that is executed when the accordion body will be scrolled
      */
-    isWrapped?: boolean;
+    onBodyScroll?: (event: UIEvent<HTMLDivElement>) => void;
+    /**
+     * Function that is executed when the accordion will be closed.
+     */
+    onClose?: VoidFunction;
+    /**
+     * Function that is executed when the accordion will be opened.
+     */
+    onOpen?: VoidFunction;
+    /**
+     * Function that is executed when the text of the search in the accordion
+     * head changes. When this function is given, the search field is displayed
+     * in the Accordion Head.
+     */
+    onSearchChange?: ChangeEventHandler<HTMLInputElement>;
     /**
      * Content to be displayed on the right side in the head of the Accordion
      */
-    right?: ReactNode;
+    rightElement?: ReactNode;
+    /**
+     * Icon to be displayed on the right side in the search input
+     */
+    searchIcon?: string[];
+    /**
+     * The placeholder to be used for the search
+     */
+    searchPlaceholder?: string;
+    /**
+     * The value that is displayed inside the search
+     */
+    searchValue?: string;
+    /**
+     * This will force the background color of the accordion to be used even if it is closed and not hovered.
+     */
+    shouldForceBackground?: boolean;
+    /**
+     * This will hide the background color of the accordion
+     */
+    shouldHideBackground?: boolean;
+    /**
+     * Whether the icon should be rotating.
+     */
+    shouldRotateIcon?: boolean;
     /**
      * Title of the Accordion displayed in the head
      */
     title: string;
+    /**
+     * Additional elements to be displayed in the header next to the title.
+     */
+    titleElement?: ReactNode;
+    /**
+     * This will render the Accordion closed on the first render.
+     */
+    shouldRenderClosed?: boolean;
 };
 declare const Accordion: FC<AccordionProps>;
 export default Accordion;