@chayns-components/core 5.0.0-beta.13 → 5.0.0-beta.1301

package/lib/esm/utils/searchBox.js

@@ -0,0 +1,74 @@
+const surroundWithBTag = (text, startIndex, length) => {
+  const before = text.substring(0, startIndex);
+  const highlighted = text.substring(startIndex, startIndex + length);
+  const after = text.substring(startIndex + length);
+  return `${before}<b>${highlighted}</b>${after}`;
+};
+export const getCurrentGroupName = element => {
+  let hasChildrenFound = false;
+  let currentGroupName = '';
+  const {
+    top: parentTop
+  } = element.getBoundingClientRect();
+  const {
+    children
+  } = element;
+  Array.from(children).forEach(child => {
+    if (hasChildrenFound) {
+      return;
+    }
+    const {
+      y: childrenY,
+      height: childrenHeight
+    } = child.getBoundingClientRect();
+    const {
+      id
+    } = child;
+    const sum = childrenY + childrenHeight - parentTop;
+    if (sum >= 0) {
+      hasChildrenFound = true;
+      let currentGroup = id;
+      if (id.startsWith('search-box-item__')) {
+        const nummer = id.split('__')[1];
+        currentGroup = nummer?.split('_').pop() ?? '';
+      }
+      currentGroupName = currentGroup;
+    }
+  });
+  return currentGroupName;
+};
+export const searchList = ({
+  searchString,
+  items
+}) => {
+  const matchingItems = [];
+  const lowercaseSearchString = searchString.toLowerCase();
+  items.forEach(item => {
+    const lowercaseText = item.text.toLowerCase();
+    if (lowercaseText.includes(lowercaseSearchString)) {
+      if (searchString === '') {
+        matchingItems.push(item);
+      } else {
+        const startIndex = lowercaseText.indexOf(lowercaseSearchString);
+        const highlightedText = surroundWithBTag(item.text, startIndex, searchString.length);
+        matchingItems.push({
+          ...item,
+          text: highlightedText
+        });
+      }
+    }
+  });
+  matchingItems.sort((a, b) => {
+    const aStartsWithSearchString = a.text.toLowerCase().startsWith(lowercaseSearchString);
+    const bStartsWithSearchString = b.text.toLowerCase().startsWith(lowercaseSearchString);
+    if (aStartsWithSearchString && !bStartsWithSearchString) {
+      return -1;
+    }
+    if (!aStartsWithSearchString && bStartsWithSearchString) {
+      return 1;
+    }
+    return a.text.localeCompare(b.text);
+  });
+  return matchingItems;
+};
+//# sourceMappingURL=searchBox.js.map

package/lib/esm/utils/searchBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchBox.js","names":["surroundWithBTag","text","startIndex","length","before","substring","highlighted","after","getCurrentGroupName","element","hasChildrenFound","currentGroupName","top","parentTop","getBoundingClientRect","children","Array","from","forEach","child","y","childrenY","height","childrenHeight","id","sum","currentGroup","startsWith","nummer","split","pop","searchList","searchString","items","matchingItems","lowercaseSearchString","toLowerCase","item","lowercaseText","includes","push","indexOf","highlightedText","sort","a","b","aStartsWithSearchString","bStartsWithSearchString","localeCompare"],"sources":["../../../src/utils/searchBox.ts"],"sourcesContent":["import type { ISearchBoxItem } from '../types/searchBox';\n\nconst surroundWithBTag = (text: string, startIndex: number, length: number) => {\n    const before = text.substring(0, startIndex);\n    const highlighted = text.substring(startIndex, startIndex + length);\n    const after = text.substring(startIndex + length);\n\n    return `${before}<b>${highlighted}</b>${after}`;\n};\n\nexport const getCurrentGroupName = (element: HTMLElement) => {\n    let hasChildrenFound = false;\n    let currentGroupName = '';\n\n    const { top: parentTop } = element.getBoundingClientRect();\n    const { children } = element;\n\n    Array.from(children).forEach((child) => {\n        if (hasChildrenFound) {\n            return;\n        }\n\n        const { y: childrenY, height: childrenHeight } = child.getBoundingClientRect();\n        const { id } = child;\n\n        const sum = childrenY + childrenHeight - parentTop;\n\n        if (sum >= 0) {\n            hasChildrenFound = true;\n            let currentGroup = id;\n\n            if (id.startsWith('search-box-item__')) {\n                const nummer = id.split('__')[1];\n                currentGroup = nummer?.split('_').pop() ?? '';\n            }\n\n            currentGroupName = currentGroup;\n        }\n    });\n\n    return currentGroupName;\n};\n\ninterface SearchListOptions {\n    items: ISearchBoxItem[];\n    searchString: string;\n}\n\nexport const searchList = ({ searchString, items }: SearchListOptions) => {\n    const matchingItems: ISearchBoxItem[] = [];\n\n    const lowercaseSearchString = searchString.toLowerCase();\n\n    items.forEach((item) => {\n        const lowercaseText = item.text.toLowerCase();\n\n        if (lowercaseText.includes(lowercaseSearchString)) {\n            if (searchString === '') {\n                matchingItems.push(item);\n            } else {\n                const startIndex = lowercaseText.indexOf(lowercaseSearchString);\n                const highlightedText = surroundWithBTag(\n                    item.text,\n                    startIndex,\n                    searchString.length,\n                );\n                matchingItems.push({ ...item, text: highlightedText });\n            }\n        }\n    });\n\n    matchingItems.sort((a, b) => {\n        const aStartsWithSearchString = a.text.toLowerCase().startsWith(lowercaseSearchString);\n        const bStartsWithSearchString = b.text.toLowerCase().startsWith(lowercaseSearchString);\n\n        if (aStartsWithSearchString && !bStartsWithSearchString) {\n            return -1;\n        }\n        if (!aStartsWithSearchString && bStartsWithSearchString) {\n            return 1;\n        }\n        return a.text.localeCompare(b.text);\n    });\n\n    return matchingItems;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/utils/sharingBar.js

@@ -0,0 +1,43 @@
+import { createDialog, DialogType, openImage } from 'chayns-api';
+export const copyToClipboard = link => {
+  const aux = document.createElement('input');
+  const range = document.createRange();
+  aux.setAttribute('value', link);
+  aux.setAttribute('contenteditable', 'true');
+  aux.setAttribute('readonly', 'true');
+  document.body.appendChild(aux);
+  aux.select();
+  range.selectNodeContents(aux);
+  const s = window.getSelection();
+  if (!s) {
+    return;
+  }
+  s.removeAllRanges();
+  s.addRange(range);
+  aux.setSelectionRange(0, 999999);
+  document.execCommand('copy');
+  document.body.removeChild(aux);
+  void createDialog({
+    type: DialogType.TOAST,
+    showCloseIcon: true,
+    toastType: 1,
+    text: 'kopiert'
+  }).open();
+};
+export const shareWithApp = link => {
+  window.location.href = `mailto:?subject=&body=${encodeURIComponent(link)}`;
+};
+export const shareWithUrl = link => {
+  if (link.startsWith('mailto')) {
+    window.open(link);
+  } else if (link.indexOf('chaynsqrcodegenerator') > 0) {
+    void openImage({
+      items: [{
+        url: link
+      }]
+    });
+  } else {
+    window.open(link, '_blank');
+  }
+};
+//# sourceMappingURL=sharingBar.js.map

package/lib/esm/utils/sharingBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sharingBar.js","names":["createDialog","DialogType","openImage","copyToClipboard","link","aux","document","createElement","range","createRange","setAttribute","body","appendChild","select","selectNodeContents","s","window","getSelection","removeAllRanges","addRange","setSelectionRange","execCommand","removeChild","type","TOAST","showCloseIcon","toastType","text","open","shareWithApp","location","href","encodeURIComponent","shareWithUrl","startsWith","indexOf","items","url"],"sources":["../../../src/utils/sharingBar.ts"],"sourcesContent":["import { createDialog, DialogType, openImage } from 'chayns-api';\n\nexport const copyToClipboard = (link: string) => {\n    const aux = document.createElement('input');\n\n    const range = document.createRange();\n\n    aux.setAttribute('value', link);\n    aux.setAttribute('contenteditable', 'true');\n    aux.setAttribute('readonly', 'true');\n\n    document.body.appendChild(aux);\n\n    aux.select();\n\n    range.selectNodeContents(aux);\n\n    const s = window.getSelection();\n\n    if (!s) {\n        return;\n    }\n\n    s.removeAllRanges();\n    s.addRange(range);\n\n    aux.setSelectionRange(0, 999999);\n\n    document.execCommand('copy');\n\n    document.body.removeChild(aux);\n\n    void createDialog({\n        type: DialogType.TOAST,\n        showCloseIcon: true,\n        toastType: 1,\n        text: 'kopiert',\n    }).open();\n};\n\nexport const shareWithApp = (link: string) => {\n    window.location.href = `mailto:?subject=&body=${encodeURIComponent(link)}`;\n};\n\nexport const shareWithUrl = (link: string) => {\n    if (link.startsWith('mailto')) {\n        window.open(link);\n    } else if (link.indexOf('chaynsqrcodegenerator') > 0) {\n        void openImage({ items: [{ url: link }] });\n    } else {\n        window.open(link, '_blank');\n    }\n};\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAQ,YAAY;AAEhE,OAAO,MAAMC,eAAe,GAAIC,IAAY,IAAK;EAC7C,MAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;EAE3C,MAAMC,KAAK,GAAGF,QAAQ,CAACG,WAAW,CAAC,CAAC;EAEpCJ,GAAG,CAACK,YAAY,CAAC,OAAO,EAAEN,IAAI,CAAC;EAC/BC,GAAG,CAACK,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC;EAC3CL,GAAG,CAACK,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC;EAEpCJ,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACP,GAAG,CAAC;EAE9BA,GAAG,CAACQ,MAAM,CAAC,CAAC;EAEZL,KAAK,CAACM,kBAAkB,CAACT,GAAG,CAAC;EAE7B,MAAMU,CAAC,GAAGC,MAAM,CAACC,YAAY,CAAC,CAAC;EAE/B,IAAI,CAACF,CAAC,EAAE;IACJ;EACJ;EAEAA,CAAC,CAACG,eAAe,CAAC,CAAC;EACnBH,CAAC,CAACI,QAAQ,CAACX,KAAK,CAAC;EAEjBH,GAAG,CAACe,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAC;EAEhCd,QAAQ,CAACe,WAAW,CAAC,MAAM,CAAC;EAE5Bf,QAAQ,CAACK,IAAI,CAACW,WAAW,CAACjB,GAAG,CAAC;EAE9B,KAAKL,YAAY,CAAC;IACduB,IAAI,EAAEtB,UAAU,CAACuB,KAAK;IACtBC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE,CAAC;IACZC,IAAI,EAAE;EACV,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;AACb,CAAC;AAED,OAAO,MAAMC,YAAY,GAAIzB,IAAY,IAAK;EAC1CY,MAAM,CAACc,QAAQ,CAACC,IAAI,GAAG,yBAAyBC,kBAAkB,CAAC5B,IAAI,CAAC,EAAE;AAC9E,CAAC;AAED,OAAO,MAAM6B,YAAY,GAAI7B,IAAY,IAAK;EAC1C,IAAIA,IAAI,CAAC8B,UAAU,CAAC,QAAQ,CAAC,EAAE;IAC3BlB,MAAM,CAACY,IAAI,CAACxB,IAAI,CAAC;EACrB,CAAC,MAAM,IAAIA,IAAI,CAAC+B,OAAO,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE;IAClD,KAAKjC,SAAS,CAAC;MAAEkC,KAAK,EAAE,CAAC;QAAEC,GAAG,EAAEjC;MAAK,CAAC;IAAE,CAAC,CAAC;EAC9C,CAAC,MAAM;IACHY,MAAM,CAACY,IAAI,CAACxB,IAAI,EAAE,QAAQ,CAAC;EAC/B;AACJ,CAAC","ignoreList":[]}

package/lib/esm/utils/slider.js

@@ -0,0 +1,72 @@
+export const fillSlider = ({
+  fromSlider,
+  toSlider,
+  theme,
+  fromValue,
+  toValue
+}) => {
+  const rangeDistance = Number(toSlider.max) - Number(toSlider.min);
+  const fromPosition = Number(fromValue ?? fromSlider.value) - Number(toSlider.min);
+  const toPosition = Number(toValue ?? toSlider.value) - Number(toSlider.min);
+  const backgroundColor = theme['403'];
+  const trackColor = theme['409'];
+  if (!backgroundColor || !trackColor) {
+    return;
+  }
+  const gradient = `linear-gradient(
+      to right,
+      ${backgroundColor} 0%,
+      ${backgroundColor} ${fromPosition / rangeDistance * 100}%,
+      ${trackColor} ${fromPosition / rangeDistance * 100}%,
+      ${trackColor} ${toPosition / rangeDistance * 100}%,
+      ${backgroundColor} ${toPosition / rangeDistance * 100}%,
+      ${backgroundColor} 100%)`;
+
+  // Apply the gradient to the appropriate slider
+  // eslint-disable-next-line no-param-reassign
+  toSlider.style.background = gradient;
+  // eslint-disable-next-line no-param-reassign
+  fromSlider.style.background = gradient;
+};
+export const calculateGradientOffset = ({
+  maxValue,
+  minValue,
+  sliderWidth,
+  thumbWidth,
+  value,
+  wrapperWidth
+}) => {
+  const offset = (wrapperWidth - sliderWidth) / 2;
+  const percentage = (value - minValue) / (maxValue - minValue);
+  return offset - thumbWidth / 2 + percentage * sliderWidth;
+};
+export const calculatePopupPosition = ({
+  sliderValue,
+  min,
+  max,
+  popupWidth
+}) => {
+  const percentage = (sliderValue - min) / (max - min);
+  const leftAtMin = -10;
+  const leftAtMax = -popupWidth + 25;
+  return leftAtMin + percentage * (leftAtMax - leftAtMin);
+};
+export const getThumbMaxWidth = ({
+  maxNumber,
+  thumbLabelFormatter
+}) => {
+  const element = document.createElement('span');
+  element.style.height = '20px';
+  element.style.display = 'flex';
+  element.style.padding = '16px';
+  element.style.whiteSpace = 'nowrap';
+  element.style.minWidth = '20px';
+  element.style.opacity = '0';
+  element.style.position = 'absolute';
+  element.textContent = typeof thumbLabelFormatter === 'function' ? thumbLabelFormatter(maxNumber) : String(maxNumber);
+  document.body.appendChild(element);
+  const width = element.offsetWidth;
+  document.body.removeChild(element);
+  return width;
+};
+//# sourceMappingURL=slider.js.map

package/lib/esm/utils/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":["fillSlider","fromSlider","toSlider","theme","fromValue","toValue","rangeDistance","Number","max","min","fromPosition","value","toPosition","backgroundColor","trackColor","gradient","style","background","calculateGradientOffset","maxValue","minValue","sliderWidth","thumbWidth","wrapperWidth","offset","percentage","calculatePopupPosition","sliderValue","popupWidth","leftAtMin","leftAtMax","getThumbMaxWidth","maxNumber","thumbLabelFormatter","element","document","createElement","height","display","padding","whiteSpace","minWidth","opacity","position","textContent","String","body","appendChild","width","offsetWidth","removeChild"],"sources":["../../../src/utils/slider.ts"],"sourcesContent":["import type { Theme } from '../components/color-scheme-provider/ColorSchemeProvider';\n\nexport interface FillSlider {\n    fromSlider: HTMLInputElement;\n    toSlider: HTMLInputElement;\n    fromValue?: number;\n    toValue?: number;\n    theme: Theme;\n}\n\nexport const fillSlider = ({ fromSlider, toSlider, theme, fromValue, toValue }: FillSlider) => {\n    const rangeDistance = Number(toSlider.max) - Number(toSlider.min);\n    const fromPosition = Number(fromValue ?? fromSlider.value) - Number(toSlider.min);\n    const toPosition = Number(toValue ?? toSlider.value) - Number(toSlider.min);\n\n    const backgroundColor = theme['403'];\n    const trackColor = theme['409'];\n\n    if (!backgroundColor || !trackColor) {\n        return;\n    }\n\n    const gradient = `linear-gradient(\n      to right,\n      ${backgroundColor} 0%,\n      ${backgroundColor} ${(fromPosition / rangeDistance) * 100}%,\n      ${trackColor} ${(fromPosition / rangeDistance) * 100}%,\n      ${trackColor} ${(toPosition / rangeDistance) * 100}%,\n      ${backgroundColor} ${(toPosition / rangeDistance) * 100}%,\n      ${backgroundColor} 100%)`;\n\n    // Apply the gradient to the appropriate slider\n    // eslint-disable-next-line no-param-reassign\n    toSlider.style.background = gradient;\n    // eslint-disable-next-line no-param-reassign\n    fromSlider.style.background = gradient;\n};\n\ninterface CalculateGradientOffset {\n    maxValue: number;\n    minValue: number;\n    sliderWidth: number;\n    thumbWidth: number;\n    value: number;\n    wrapperWidth: number;\n}\n\nexport const calculateGradientOffset = ({\n    maxValue,\n    minValue,\n    sliderWidth,\n    thumbWidth,\n    value,\n    wrapperWidth,\n}: CalculateGradientOffset): number => {\n    const offset = (wrapperWidth - sliderWidth) / 2;\n    const percentage = (value - minValue) / (maxValue - minValue);\n\n    return offset - thumbWidth / 2 + percentage * sliderWidth;\n};\n\ninterface GetThumbMaxWidthOptions {\n    maxNumber: number;\n    thumbLabelFormatter?: (value: number) => string;\n}\n\ninterface CalculatePopupPositionOptions {\n    sliderValue: number;\n    min: number;\n    max: number;\n    popupWidth: number;\n}\n\nexport const calculatePopupPosition = ({\n    sliderValue,\n    min,\n    max,\n    popupWidth,\n}: CalculatePopupPositionOptions) => {\n    const percentage = (sliderValue - min) / (max - min);\n\n    const leftAtMin = -10;\n    const leftAtMax = -popupWidth + 25;\n\n    return leftAtMin + percentage * (leftAtMax - leftAtMin);\n};\n\nexport const getThumbMaxWidth = ({ maxNumber, thumbLabelFormatter }: GetThumbMaxWidthOptions) => {\n    const element = document.createElement('span');\n\n    element.style.height = '20px';\n    element.style.display = 'flex';\n    element.style.padding = '16px';\n    element.style.whiteSpace = 'nowrap';\n    element.style.minWidth = '20px';\n    element.style.opacity = '0';\n    element.style.position = 'absolute';\n\n    element.textContent =\n        typeof thumbLabelFormatter === 'function'\n            ? thumbLabelFormatter(maxNumber)\n            : String(maxNumber);\n\n    document.body.appendChild(element);\n\n    const width = element.offsetWidth;\n\n    document.body.removeChild(element);\n\n    return width;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/utils/sliderButton.js

@@ -0,0 +1,50 @@
+export const getNearestPoint = ({
+  snapPoints,
+  position,
+  scrollLeft
+}) => {
+  let nearestIndex = -1;
+  let nearestPoint = -Infinity;
+  for (let i = 0; i < snapPoints.length; i++) {
+    const index = snapPoints[i];
+    if (index && index < position + scrollLeft && index > nearestPoint) {
+      nearestPoint = index;
+      nearestIndex = i;
+    }
+  }
+  nearestIndex = nearestIndex === -1 ? 0 : nearestIndex;
+  nearestPoint = nearestPoint === -Infinity ? 0 : nearestPoint;
+  return {
+    nearestIndex,
+    nearestPoint
+  };
+};
+export const getThumbPosition = ({
+  itemWidth,
+  scope
+}) => {
+  if (!scope.current) {
+    return undefined;
+  }
+  const {
+    transform
+  } = scope.current.style;
+  let position;
+  if (transform === 'none') {
+    position = 0;
+  } else {
+    const match = transform.match(/translateX\(([-\d.]+)px\)/);
+    if (match && match[1]) {
+      position = parseFloat(match[1]);
+    }
+  }
+  if (typeof position !== 'number' && !position) {
+    return undefined;
+  }
+  return {
+    left: position,
+    right: position + itemWidth,
+    middle: position + itemWidth / 2
+  };
+};
+//# sourceMappingURL=sliderButton.js.map

package/lib/esm/utils/sliderButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliderButton.js","names":["getNearestPoint","snapPoints","position","scrollLeft","nearestIndex","nearestPoint","Infinity","i","length","index","getThumbPosition","itemWidth","scope","current","undefined","transform","style","match","parseFloat","left","right","middle"],"sources":["../../../src/utils/sliderButton.ts"],"sourcesContent":["import type { AnimationScope } from 'motion/react';\n\ninterface GetNearestPointProps {\n    position: number;\n    snapPoints: number[];\n    scrollLeft: number;\n}\nexport const getNearestPoint = ({ snapPoints, position, scrollLeft }: GetNearestPointProps) => {\n    let nearestIndex = -1;\n    let nearestPoint = -Infinity;\n\n    for (let i = 0; i < snapPoints.length; i++) {\n        const index = snapPoints[i];\n\n        if (index && index < position + scrollLeft && index > nearestPoint) {\n            nearestPoint = index;\n            nearestIndex = i;\n        }\n    }\n\n    nearestIndex = nearestIndex === -1 ? 0 : nearestIndex;\n    nearestPoint = nearestPoint === -Infinity ? 0 : nearestPoint;\n\n    return { nearestIndex, nearestPoint };\n};\n\ninterface GetThumbPositionProps {\n    scope: AnimationScope;\n    itemWidth: number;\n}\n\nexport const getThumbPosition = ({ itemWidth, scope }: GetThumbPositionProps) => {\n    if (!scope.current) {\n        return undefined;\n    }\n\n    const { transform } = (scope.current as HTMLElement).style;\n    let position;\n\n    if (transform === 'none') {\n        position = 0;\n    } else {\n        const match = transform.match(/translateX\\(([-\\d.]+)px\\)/);\n\n        if (match && match[1]) {\n            position = parseFloat(match[1]);\n        }\n    }\n\n    if (typeof position !== 'number' && !position) {\n        return undefined;\n    }\n\n    return { left: position, right: position + itemWidth, middle: position + itemWidth / 2 };\n};\n"],"mappings":"AAOA,OAAO,MAAMA,eAAe,GAAGA,CAAC;EAAEC,UAAU;EAAEC,QAAQ;EAAEC;AAAiC,CAAC,KAAK;EAC3F,IAAIC,YAAY,GAAG,CAAC,CAAC;EACrB,IAAIC,YAAY,GAAG,CAACC,QAAQ;EAE5B,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGN,UAAU,CAACO,MAAM,EAAED,CAAC,EAAE,EAAE;IACxC,MAAME,KAAK,GAAGR,UAAU,CAACM,CAAC,CAAC;IAE3B,IAAIE,KAAK,IAAIA,KAAK,GAAGP,QAAQ,GAAGC,UAAU,IAAIM,KAAK,GAAGJ,YAAY,EAAE;MAChEA,YAAY,GAAGI,KAAK;MACpBL,YAAY,GAAGG,CAAC;IACpB;EACJ;EAEAH,YAAY,GAAGA,YAAY,KAAK,CAAC,CAAC,GAAG,CAAC,GAAGA,YAAY;EACrDC,YAAY,GAAGA,YAAY,KAAK,CAACC,QAAQ,GAAG,CAAC,GAAGD,YAAY;EAE5D,OAAO;IAAED,YAAY;IAAEC;EAAa,CAAC;AACzC,CAAC;AAOD,OAAO,MAAMK,gBAAgB,GAAGA,CAAC;EAAEC,SAAS;EAAEC;AAA6B,CAAC,KAAK;EAC7E,IAAI,CAACA,KAAK,CAACC,OAAO,EAAE;IAChB,OAAOC,SAAS;EACpB;EAEA,MAAM;IAAEC;EAAU,CAAC,GAAIH,KAAK,CAACC,OAAO,CAAiBG,KAAK;EAC1D,IAAId,QAAQ;EAEZ,IAAIa,SAAS,KAAK,MAAM,EAAE;IACtBb,QAAQ,GAAG,CAAC;EAChB,CAAC,MAAM;IACH,MAAMe,KAAK,GAAGF,SAAS,CAACE,KAAK,CAAC,2BAA2B,CAAC;IAE1D,IAAIA,KAAK,IAAIA,KAAK,CAAC,CAAC,CAAC,EAAE;MACnBf,QAAQ,GAAGgB,UAAU,CAACD,KAAK,CAAC,CAAC,CAAC,CAAC;IACnC;EACJ;EAEA,IAAI,OAAOf,QAAQ,KAAK,QAAQ,IAAI,CAACA,QAAQ,EAAE;IAC3C,OAAOY,SAAS;EACpB;EAEA,OAAO;IAAEK,IAAI,EAAEjB,QAAQ;IAAEkB,KAAK,EAAElB,QAAQ,GAAGS,SAAS;IAAEU,MAAM,EAAEnB,QAAQ,GAAGS,SAAS,GAAG;EAAE,CAAC;AAC5F,CAAC","ignoreList":[]}

package/lib/esm/utils/tooltip.js

@@ -0,0 +1,18 @@
+import { isValidElement } from 'react';
+export const isTextOnlyElement = element => {
+  if (typeof element === 'string') {
+    return true;
+  }
+  if (! /*#__PURE__*/isValidElement(element)) {
+    return false;
+  }
+  const validTags = ['p', 'span', 'div'];
+  if (!validTags.includes(element.type)) {
+    return false;
+  }
+  const {
+    children
+  } = element.props;
+  return typeof children === 'string';
+};
+//# sourceMappingURL=tooltip.js.map

package/lib/esm/utils/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":["isValidElement","isTextOnlyElement","element","validTags","includes","type","children","props"],"sources":["../../../src/utils/tooltip.ts"],"sourcesContent":["import { isValidElement, ReactNode, type ReactElement } from 'react';\n\nexport const isTextOnlyElement = (element: ReactNode): boolean => {\n    if (typeof element === 'string') {\n        return true;\n    }\n\n    if (!isValidElement(element)) {\n        return false;\n    }\n\n    const validTags = ['p', 'span', 'div'];\n    if (!validTags.includes(element.type as string)) {\n        return false;\n    }\n\n    const { children } = (element as ReactElement).props;\n\n    return typeof children === 'string';\n};\n"],"mappings":"AAAA,SAASA,cAAc,QAAsC,OAAO;AAEpE,OAAO,MAAMC,iBAAiB,GAAIC,OAAkB,IAAc;EAC9D,IAAI,OAAOA,OAAO,KAAK,QAAQ,EAAE;IAC7B,OAAO,IAAI;EACf;EAEA,IAAI,eAACF,cAAc,CAACE,OAAO,CAAC,EAAE;IAC1B,OAAO,KAAK;EAChB;EAEA,MAAMC,SAAS,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC;EACtC,IAAI,CAACA,SAAS,CAACC,QAAQ,CAACF,OAAO,CAACG,IAAc,CAAC,EAAE;IAC7C,OAAO,KAAK;EAChB;EAEA,MAAM;IAAEC;EAAS,CAAC,GAAIJ,OAAO,CAAkBK,KAAK;EAEpD,OAAO,OAAOD,QAAQ,KAAK,QAAQ;AACvC,CAAC","ignoreList":[]}

package/lib/esm/utils/truncation.js

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

package/lib/esm/utils/truncation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncation.js","names":["doesElementOverflow","element","referenceHeight","scrollHeight","doesElementHasOnlyText","children","length","textContent","removeLastLeafElement","lastElementChild","lastChild","hasChildNodes","nodeType","Node","TEXT_NODE","substring","removeChild","truncateElement"],"sources":["../../../src/utils/truncation.ts"],"sourcesContent":["const doesElementOverflow = (element: HTMLElement, referenceHeight: number): boolean =>\n    element.scrollHeight > referenceHeight;\n\nconst doesElementHasOnlyText = (element: HTMLElement): boolean => {\n    // Check if element has no child elements.\n    if (element.children.length === 0) {\n        // If element has text (not empty), it is only text.\n        return element.textContent !== '';\n    }\n\n    // Element has child elements or no text, so it's not only text.\n    return false;\n};\n\nconst removeLastLeafElement = (element: HTMLElement) => {\n    // remove last element of html element where the last element is a leaf element and its content is a string\n    const { lastElementChild, lastChild } = element;\n\n    if (\n        lastElementChild &&\n        !doesElementHasOnlyText(lastElementChild as HTMLElement) &&\n        lastElementChild.hasChildNodes()\n    ) {\n        removeLastLeafElement(lastElementChild as HTMLElement);\n    } else if (\n        lastChild &&\n        lastChild.nodeType === Node.TEXT_NODE &&\n        lastChild.textContent &&\n        lastChild.textContent.length > 25\n    ) {\n        lastChild.textContent = `${lastChild.textContent.substring(0, lastChild.textContent.length - 25)} ...`;\n    } else if (\n        lastElementChild &&\n        doesElementHasOnlyText(lastElementChild as HTMLElement) &&\n        lastElementChild.textContent &&\n        lastElementChild.textContent.length > 25\n    ) {\n        lastElementChild.textContent = `${lastElementChild.textContent.substring(\n            0,\n            lastElementChild.textContent.length - 25,\n        )} ...`;\n    } else if (lastChild) {\n        element.removeChild(lastChild);\n    } else if (lastElementChild) {\n        element.removeChild(lastElementChild);\n    }\n};\nexport const truncateElement = (element: HTMLElement, referenceHeight: number) => {\n    while (doesElementOverflow(element, referenceHeight)) {\n        removeLastLeafElement(element);\n    }\n};\n"],"mappings":"AAAA,MAAMA,mBAAmB,GAAGA,CAACC,OAAoB,EAAEC,eAAuB,KACtED,OAAO,CAACE,YAAY,GAAGD,eAAe;AAE1C,MAAME,sBAAsB,GAAIH,OAAoB,IAAc;EAC9D;EACA,IAAIA,OAAO,CAACI,QAAQ,CAACC,MAAM,KAAK,CAAC,EAAE;IAC/B;IACA,OAAOL,OAAO,CAACM,WAAW,KAAK,EAAE;EACrC;;EAEA;EACA,OAAO,KAAK;AAChB,CAAC;AAED,MAAMC,qBAAqB,GAAIP,OAAoB,IAAK;EACpD;EACA,MAAM;IAAEQ,gBAAgB;IAAEC;EAAU,CAAC,GAAGT,OAAO;EAE/C,IACIQ,gBAAgB,IAChB,CAACL,sBAAsB,CAACK,gBAA+B,CAAC,IACxDA,gBAAgB,CAACE,aAAa,CAAC,CAAC,EAClC;IACEH,qBAAqB,CAACC,gBAA+B,CAAC;EAC1D,CAAC,MAAM,IACHC,SAAS,IACTA,SAAS,CAACE,QAAQ,KAAKC,IAAI,CAACC,SAAS,IACrCJ,SAAS,CAACH,WAAW,IACrBG,SAAS,CAACH,WAAW,CAACD,MAAM,GAAG,EAAE,EACnC;IACEI,SAAS,CAACH,WAAW,GAAG,GAAGG,SAAS,CAACH,WAAW,CAACQ,SAAS,CAAC,CAAC,EAAEL,SAAS,CAACH,WAAW,CAACD,MAAM,GAAG,EAAE,CAAC,MAAM;EAC1G,CAAC,MAAM,IACHG,gBAAgB,IAChBL,sBAAsB,CAACK,gBAA+B,CAAC,IACvDA,gBAAgB,CAACF,WAAW,IAC5BE,gBAAgB,CAACF,WAAW,CAACD,MAAM,GAAG,EAAE,EAC1C;IACEG,gBAAgB,CAACF,WAAW,GAAG,GAAGE,gBAAgB,CAACF,WAAW,CAACQ,SAAS,CACpE,CAAC,EACDN,gBAAgB,CAACF,WAAW,CAACD,MAAM,GAAG,EAC1C,CAAC,MAAM;EACX,CAAC,MAAM,IAAII,SAAS,EAAE;IAClBT,OAAO,CAACe,WAAW,CAACN,SAAS,CAAC;EAClC,CAAC,MAAM,IAAID,gBAAgB,EAAE;IACzBR,OAAO,CAACe,WAAW,CAACP,gBAAgB,CAAC;EACzC;AACJ,CAAC;AACD,OAAO,MAAMQ,eAAe,GAAGA,CAAChB,OAAoB,EAAEC,eAAuB,KAAK;EAC9E,OAAOF,mBAAmB,CAACC,OAAO,EAAEC,eAAe,CAAC,EAAE;IAClDM,qBAAqB,CAACP,OAAO,CAAC;EAClC;AACJ,CAAC","ignoreList":[]}

package/lib/esm/utils/uploadFile.js

@@ -0,0 +1,36 @@
+import { postImage } from '../api/image/post';
+import { postVideo } from '../api/video/post';
+export const uploadFile = async ({
+  fileToUpload,
+  callback,
+  shouldUploadImageToSite
+}) => {
+  if (!fileToUpload || fileToUpload.state !== 'none') {
+    return;
+  }
+  if (fileToUpload.file?.type.includes('video/')) {
+    const uploadedVideo = await postVideo({
+      file: fileToUpload.file
+    });
+    if (uploadedVideo) {
+      callback({
+        ...uploadedVideo,
+        id: uploadedVideo.id.toString()
+      });
+    }
+  }
+  if (fileToUpload.file?.type.includes('image/')) {
+    const uploadedImage = await postImage({
+      file: fileToUpload.file,
+      shouldUploadImageToSite
+    });
+    if (uploadedImage) {
+      callback({
+        url: `${uploadedImage.base}/${uploadedImage.key}`,
+        id: uploadedImage.key,
+        meta: uploadedImage.meta
+      });
+    }
+  }
+};
+//# sourceMappingURL=uploadFile.js.map

package/lib/esm/utils/uploadFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploadFile.js","names":["postImage","postVideo","uploadFile","fileToUpload","callback","shouldUploadImageToSite","state","file","type","includes","uploadedVideo","id","toString","uploadedImage","url","base","key","meta"],"sources":["../../../src/utils/uploadFile.ts"],"sourcesContent":["import { postImage } from '../api/image/post';\nimport { postVideo } from '../api/video/post';\nimport type { Image, InternalFileItem, Video } from '../types/file';\n\ninterface UploadFilesOptions {\n    fileToUpload: InternalFileItem;\n    callback: (UploadedFile: Video | Image) => void;\n    shouldUploadImageToSite?: boolean;\n}\n\nexport const uploadFile = async ({\n    fileToUpload,\n    callback,\n    shouldUploadImageToSite,\n}: UploadFilesOptions): Promise<void> => {\n    if (!fileToUpload || fileToUpload.state !== 'none') {\n        return;\n    }\n\n    if (fileToUpload.file?.type.includes('video/')) {\n        const uploadedVideo = await postVideo({ file: fileToUpload.file });\n\n        if (uploadedVideo) {\n            callback({\n                ...uploadedVideo,\n                id: uploadedVideo.id.toString(),\n            });\n        }\n    }\n\n    if (fileToUpload.file?.type.includes('image/')) {\n        const uploadedImage = await postImage({ file: fileToUpload.file, shouldUploadImageToSite });\n\n        if (uploadedImage) {\n            callback({\n                url: `${uploadedImage.base}/${uploadedImage.key}`,\n                id: uploadedImage.key,\n                meta: uploadedImage.meta,\n            });\n        }\n    }\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,SAAS,QAAQ,mBAAmB;AAS7C,OAAO,MAAMC,UAAU,GAAG,MAAAA,CAAO;EAC7BC,YAAY;EACZC,QAAQ;EACRC;AACgB,CAAC,KAAoB;EACrC,IAAI,CAACF,YAAY,IAAIA,YAAY,CAACG,KAAK,KAAK,MAAM,EAAE;IAChD;EACJ;EAEA,IAAIH,YAAY,CAACI,IAAI,EAAEC,IAAI,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC5C,MAAMC,aAAa,GAAG,MAAMT,SAAS,CAAC;MAAEM,IAAI,EAAEJ,YAAY,CAACI;IAAK,CAAC,CAAC;IAElE,IAAIG,aAAa,EAAE;MACfN,QAAQ,CAAC;QACL,GAAGM,aAAa;QAChBC,EAAE,EAAED,aAAa,CAACC,EAAE,CAACC,QAAQ,CAAC;MAClC,CAAC,CAAC;IACN;EACJ;EAEA,IAAIT,YAAY,CAACI,IAAI,EAAEC,IAAI,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC5C,MAAMI,aAAa,GAAG,MAAMb,SAAS,CAAC;MAAEO,IAAI,EAAEJ,YAAY,CAACI,IAAI;MAAEF;IAAwB,CAAC,CAAC;IAE3F,IAAIQ,aAAa,EAAE;MACfT,QAAQ,CAAC;QACLU,GAAG,EAAE,GAAGD,aAAa,CAACE,IAAI,IAAIF,aAAa,CAACG,GAAG,EAAE;QACjDL,EAAE,EAAEE,aAAa,CAACG,GAAG;QACrBC,IAAI,EAAEJ,aAAa,CAACI;MACxB,CAAC,CAAC;IACN;EACJ;AACJ,CAAC","ignoreList":[]}

package/lib/types/api/image/post.d.ts

@@ -0,0 +1,31 @@
+import type { Meta } from '../../types/file';
+export interface PostImageResult {
+    key: string;
+    base: string;
+    meta?: Meta;
+}
+export interface Image {
+    path: string;
+    width: number;
+    height: number;
+    size: number;
+    hash: string;
+    preview: string;
+    isSecured: boolean;
+    format: string;
+    fileExtension: string;
+}
+export interface Signature {
+    verify: string;
+    signature: string;
+    expires: Date;
+}
+interface PostImageOptions {
+    file: File;
+    shouldUploadImageToSite?: boolean;
+}
+/**
+ * Uploads an image to the tsimg cloud service
+ */
+export declare const postImage: ({ file, shouldUploadImageToSite, }: PostImageOptions) => Promise<PostImageResult | undefined>;
+export {};

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { ChaynsDesignSettings, ChaynsParagraphFormat } from 'chayns-api';
+export declare const getDesignSettings: (siteId?: string) => Promise<ChaynsDesignSettings | undefined>;
+export declare const getParagraphFormat: (siteId?: string) => Promise<ChaynsParagraphFormat[] | undefined>;

package/lib/types/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/types/components/accordion/Accordion.d.ts

@@ -0,0 +1,132 @@
+import React, { ChangeEventHandler, FC, ReactNode, UIEvent, type CSSProperties, type MouseEventHandler } from 'react';
+import type { InputProps } from '../input/Input';
+export declare const AccordionContext: React.Context<{
+    isWrapped?: boolean;
+}>;
+export type AccordionProps = {
+    /**
+     * Maximum height of the accordion body element. This automatically makes the content of the
+     * body element scrollable.
+     */
+    bodyMaxHeight?: number;
+    /**
+     * The content of the accordion body
+     */
+    children: ReactNode;
+    /**
+     * The icon that is displayed in front of the title
+     */
+    icon?: string;
+    /**
+     * 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 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
+     */
+    onBodyScroll?: (event: UIEvent<HTMLDivElement>) => void;
+    /**
+     * Function that is executed when the accordion will be closed.
+     */
+    onClose?: VoidFunction;
+    /**
+     * Function to be executed when the accordion is no longer hovered.
+     */
+    onHoverEnd?: MouseEventHandler<HTMLDivElement>;
+    /**
+     * Function to be executed when the accordion is hovered.
+     */
+    onHoverStart?: MouseEventHandler<HTMLDivElement>;
+    /**
+     * Function that is executed when the accordion will be opened.
+     */
+    onOpen?: VoidFunction;
+    /**
+     * Function that is executed when the accordion body is animated
+     */
+    onBodyAnimationComplete?: 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>;
+    /**
+     * Function that is executed when the text of the search in the accordion
+     * title changes. When this function is given, the search field is displayed
+     * as the Accordion title.
+     */
+    onTitleInputChange?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Content to be displayed on the right side in the head of the Accordion
+     */
+    rightElement?: ReactNode;
+    /**
+     * 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 bottom line should be hidden.
+     */
+    shouldHideBottomLine?: boolean;
+    /**
+     * This will render the Accordion closed on the first render.
+     */
+    shouldRenderClosed?: boolean;
+    /**
+     * Whether the icon should be rotating.
+     */
+    shouldRotateIcon?: boolean;
+    /**
+     * Whether the animation should be skipped.
+     * If 'isDefaultOpen' is true the initial animation will be skipped even this prop is false
+     */
+    shouldSkipAnimation?: 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;
+    /**
+     * The props of the title Input.
+     */
+    titleInputProps?: InputProps;
+    /**
+     * The title color.
+     */
+    titleColor?: CSSProperties['color'];
+};
+declare const Accordion: FC<AccordionProps>;
+export default Accordion;

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

@@ -0,0 +1,14 @@
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+type StyledMotionAccordionProps = WithTheme<{
+    $isOpen: boolean;
+    $isParentWrapped?: boolean;
+    $isWrapped?: boolean;
+    $shouldForceBackground?: boolean;
+    $shouldHideBackground?: boolean;
+    $shouldShowLines?: boolean;
+    $shouldHideBottomLine: boolean;
+}>;
+export declare const StyledMotionAccordion: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}, StyledMotionAccordionProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export {};

package/lib/types/components/accordion/accordion-body/AccordionBody.d.ts

@@ -0,0 +1,27 @@
+import { FC, ReactNode, UIEvent } from 'react';
+import type { AccordionProps } from '../Accordion';
+export type AccordionBodyProps = {
+    /**
+     * The elements that should be shown inside the body.
+     */
+    children: ReactNode;
+    /**
+     * Maximum height of the element. This automatically makes the content of the element scrollable.
+     */
+    maxHeight: AccordionProps['bodyMaxHeight'];
+    /**
+     * Function that is executed when the element will be scrolled
+     */
+    onScroll?: (event: UIEvent<HTMLDivElement>) => void;
+    /**
+     * Whether the body should be shown.
+     */
+    shouldHideBody: boolean;
+    /**
+     * Whether the animation should be skipped.
+     */
+    shouldSkipAnimation?: boolean;
+    onAnimationComplete?: VoidFunction;
+};
+declare const AccordionBody: FC<AccordionBodyProps>;
+export default AccordionBody;