@chayns-components/core 5.0.0-beta.998 → 5.0.0

package/lib/cjs/utils/accordion.js

@@ -12,12 +12,11 @@ const getAccordionHeadHeight = ({
   hasSearch
 }) => {
   const element = document.createElement('div');
-  element.style.fontSize = '1rem';
-  element.style.opacity = '0';
+  element.style.opacity = '1';
   element.style.pointerEvents = 'none';
   element.style.whiteSpace = 'nowrap';
   element.style.width = `${width}px`;
-  element.innerHTML = title;
+  element.innerHTML = title ?? '';
   document.body.appendChild(element);
   const closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);
   if (isWrapped) {
@@ -39,11 +38,26 @@ const getElementClickEvent = element => {
   let hasClickHandler = false;
   const checkForClickHandler = el => {
     if (! /*#__PURE__*/(0, _react.isValidElement)(el)) return;
-    if (el.props.onClick) {
+    if (typeof el.type !== 'string' && 'displayName' in el.type && (el.type.displayName === 'Checkbox' || el.type.displayName === 'ComboBox' || el.type.displayName === 'SelectButton' || el.type.displayName === 'AmountControl')) {
       hasClickHandler = true;
       return;
     }
+    if (
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    el.props.onClick ||
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    el.props.onPointerDown ||
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    el.props.onMouseDown ||
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    el.props.onTouchStart) {
+      hasClickHandler = true;
+      return;
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
     if (el.props.children) {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument,@typescript-eslint/no-unsafe-member-access
       _react.Children.forEach(el.props.children, checkForClickHandler);
     }
   };

package/lib/cjs/utils/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["_react","require","getAccordionHeadHeight","isWrapped","title","width","hasSearch","element","document","createElement","style","fontSize","opacity","pointerEvents","whiteSpace","innerHTML","body","appendChild","closedHeight","Math","max","clientHeight","fontWeight","openHeight","removeChild","closed","open","exports","getElementClickEvent","hasClickHandler","checkForClickHandler","el","isValidElement","props","onClick","children","Children","forEach"],"sources":["../../../src/utils/accordion.ts"],"sourcesContent":["import { Children, isValidElement, ReactNode } from 'react';\nimport type { AccordionHeadProps } from '../components/accordion/accordion-head/AccordionHead';\n\ntype GetAccordionHeadHeightOptions = Pick<AccordionHeadProps, 'isWrapped' | 'title'> & {\n    width: number;\n    hasSearch: boolean;\n};\n\ninterface GetAccordionHeadHeightResult {\n    closed: number;\n    open: number;\n}\n\nexport const getAccordionHeadHeight = ({\n    isWrapped,\n    title,\n    width,\n    hasSearch,\n}: GetAccordionHeadHeightOptions): GetAccordionHeadHeightResult => {\n    const element = document.createElement('div');\n\n    element.style.fontSize = '1rem';\n    element.style.opacity = '0';\n    element.style.pointerEvents = 'none';\n    element.style.whiteSpace = 'nowrap';\n    element.style.width = `${width}px`;\n\n    element.innerHTML = title;\n\n    document.body.appendChild(element);\n\n    const closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n    if (isWrapped) {\n        element.style.fontWeight = 'bold';\n        element.style.whiteSpace = 'nowrap';\n    } else {\n        element.style.fontSize = '1.3rem';\n        element.style.whiteSpace = hasSearch ? 'nowrap' : 'normal';\n    }\n\n    const openHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n    document.body.removeChild(element);\n\n    return { closed: closedHeight, open: openHeight };\n};\n\nexport const getElementClickEvent = (element: ReactNode) => {\n    let hasClickHandler = false;\n\n    const checkForClickHandler = (el: ReactNode) => {\n        if (!isValidElement(el)) return;\n\n        if (el.props.onClick) {\n            hasClickHandler = true;\n\n            return;\n        }\n\n        if (el.props.children) {\n            Children.forEach(el.props.children, checkForClickHandler);\n        }\n    };\n\n    checkForClickHandler(element);\n\n    return hasClickHandler;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAaO,MAAMC,sBAAsB,GAAGA,CAAC;EACnCC,SAAS;EACTC,KAAK;EACLC,KAAK;EACLC;AAC2B,CAAC,KAAmC;EAC/D,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAE7CF,OAAO,CAACG,KAAK,CAACC,QAAQ,GAAG,MAAM;EAC/BJ,OAAO,CAACG,KAAK,CAACE,OAAO,GAAG,GAAG;EAC3BL,OAAO,CAACG,KAAK,CAACG,aAAa,GAAG,MAAM;EACpCN,OAAO,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;EACnCP,OAAO,CAACG,KAAK,CAACL,KAAK,GAAG,GAAGA,KAAK,IAAI;EAElCE,OAAO,CAACQ,SAAS,GAAGX,KAAK;EAEzBI,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACV,OAAO,CAAC;EAElC,MAAMW,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACb,OAAO,CAACc,YAAY,GAAG,CAAC,EAAElB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE5E,IAAIA,SAAS,EAAE;IACXI,OAAO,CAACG,KAAK,CAACY,UAAU,GAAG,MAAM;IACjCf,OAAO,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;EACvC,CAAC,MAAM;IACHP,OAAO,CAACG,KAAK,CAACC,QAAQ,GAAG,QAAQ;IACjCJ,OAAO,CAACG,KAAK,CAACI,UAAU,GAAGR,SAAS,GAAG,QAAQ,GAAG,QAAQ;EAC9D;EAEA,MAAMiB,UAAU,GAAGJ,IAAI,CAACC,GAAG,CAACb,OAAO,CAACc,YAAY,GAAG,CAAC,EAAElB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE1EK,QAAQ,CAACQ,IAAI,CAACQ,WAAW,CAACjB,OAAO,CAAC;EAElC,OAAO;IAAEkB,MAAM,EAAEP,YAAY;IAAEQ,IAAI,EAAEH;EAAW,CAAC;AACrD,CAAC;AAACI,OAAA,CAAAzB,sBAAA,GAAAA,sBAAA;AAEK,MAAM0B,oBAAoB,GAAIrB,OAAkB,IAAK;EACxD,IAAIsB,eAAe,GAAG,KAAK;EAE3B,MAAMC,oBAAoB,GAAIC,EAAa,IAAK;IAC5C,IAAI,eAAC,IAAAC,qBAAc,EAACD,EAAE,CAAC,EAAE;IAEzB,IAAIA,EAAE,CAACE,KAAK,CAACC,OAAO,EAAE;MAClBL,eAAe,GAAG,IAAI;MAEtB;IACJ;IAEA,IAAIE,EAAE,CAACE,KAAK,CAACE,QAAQ,EAAE;MACnBC,eAAQ,CAACC,OAAO,CAACN,EAAE,CAACE,KAAK,CAACE,QAAQ,EAAEL,oBAAoB,CAAC;IAC7D;EACJ,CAAC;EAEDA,oBAAoB,CAACvB,OAAO,CAAC;EAE7B,OAAOsB,eAAe;AAC1B,CAAC;AAACF,OAAA,CAAAC,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"version":3,"file":"accordion.js","names":["_react","require","getAccordionHeadHeight","isWrapped","title","width","hasSearch","element","document","createElement","style","opacity","pointerEvents","whiteSpace","innerHTML","body","appendChild","closedHeight","Math","max","clientHeight","fontWeight","fontSize","openHeight","removeChild","closed","open","exports","getElementClickEvent","hasClickHandler","checkForClickHandler","el","isValidElement","type","displayName","props","onClick","onPointerDown","onMouseDown","onTouchStart","children","Children","forEach"],"sources":["../../../src/utils/accordion.ts"],"sourcesContent":["import { Children, isValidElement, ReactNode } from 'react';\nimport type { AccordionHeadProps } from '../components/accordion/accordion-head/AccordionHead';\n\ntype GetAccordionHeadHeightOptions = Pick<AccordionHeadProps, 'isWrapped' | 'title'> & {\n    width: number;\n    hasSearch: boolean;\n};\n\ninterface GetAccordionHeadHeightResult {\n    closed: number;\n    open: number;\n}\n\nexport const getAccordionHeadHeight = ({\n    isWrapped,\n    title,\n    width,\n    hasSearch,\n}: GetAccordionHeadHeightOptions): GetAccordionHeadHeightResult => {\n    const element = document.createElement('div');\n\n    element.style.opacity = '1';\n    element.style.pointerEvents = 'none';\n    element.style.whiteSpace = 'nowrap';\n    element.style.width = `${width}px`;\n\n    element.innerHTML = title ?? '';\n\n    document.body.appendChild(element);\n\n    const closedHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n    if (isWrapped) {\n        element.style.fontWeight = 'bold';\n        element.style.whiteSpace = 'nowrap';\n    } else {\n        element.style.fontSize = '1.3rem';\n        element.style.whiteSpace = hasSearch ? 'nowrap' : 'normal';\n    }\n\n    const openHeight = Math.max(element.clientHeight + 8, isWrapped ? 40 : 33);\n\n    document.body.removeChild(element);\n\n    return { closed: closedHeight, open: openHeight };\n};\n\nexport const getElementClickEvent = (element: ReactNode) => {\n    let hasClickHandler = false;\n\n    const checkForClickHandler = (el: ReactNode) => {\n        if (!isValidElement(el)) return;\n\n        if (\n            typeof el.type !== 'string' &&\n            'displayName' in el.type &&\n            (el.type.displayName === 'Checkbox' ||\n                el.type.displayName === 'ComboBox' ||\n                el.type.displayName === 'SelectButton' ||\n                el.type.displayName === 'AmountControl')\n        ) {\n            hasClickHandler = true;\n\n            return;\n        }\n\n        if (\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onClick ||\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onPointerDown ||\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onMouseDown ||\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            el.props.onTouchStart\n        ) {\n            hasClickHandler = true;\n\n            return;\n        }\n\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n        if (el.props.children) {\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument,@typescript-eslint/no-unsafe-member-access\n            Children.forEach(el.props.children, checkForClickHandler);\n        }\n    };\n\n    checkForClickHandler(element);\n\n    return hasClickHandler;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAaO,MAAMC,sBAAsB,GAAGA,CAAC;EACnCC,SAAS;EACTC,KAAK;EACLC,KAAK;EACLC;AAC2B,CAAC,KAAmC;EAC/D,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAE7CF,OAAO,CAACG,KAAK,CAACC,OAAO,GAAG,GAAG;EAC3BJ,OAAO,CAACG,KAAK,CAACE,aAAa,GAAG,MAAM;EACpCL,OAAO,CAACG,KAAK,CAACG,UAAU,GAAG,QAAQ;EACnCN,OAAO,CAACG,KAAK,CAACL,KAAK,GAAG,GAAGA,KAAK,IAAI;EAElCE,OAAO,CAACO,SAAS,GAAGV,KAAK,IAAI,EAAE;EAE/BI,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACT,OAAO,CAAC;EAElC,MAAMU,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACZ,OAAO,CAACa,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE5E,IAAIA,SAAS,EAAE;IACXI,OAAO,CAACG,KAAK,CAACW,UAAU,GAAG,MAAM;IACjCd,OAAO,CAACG,KAAK,CAACG,UAAU,GAAG,QAAQ;EACvC,CAAC,MAAM;IACHN,OAAO,CAACG,KAAK,CAACY,QAAQ,GAAG,QAAQ;IACjCf,OAAO,CAACG,KAAK,CAACG,UAAU,GAAGP,SAAS,GAAG,QAAQ,GAAG,QAAQ;EAC9D;EAEA,MAAMiB,UAAU,GAAGL,IAAI,CAACC,GAAG,CAACZ,OAAO,CAACa,YAAY,GAAG,CAAC,EAAEjB,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC;EAE1EK,QAAQ,CAACO,IAAI,CAACS,WAAW,CAACjB,OAAO,CAAC;EAElC,OAAO;IAAEkB,MAAM,EAAER,YAAY;IAAES,IAAI,EAAEH;EAAW,CAAC;AACrD,CAAC;AAACI,OAAA,CAAAzB,sBAAA,GAAAA,sBAAA;AAEK,MAAM0B,oBAAoB,GAAIrB,OAAkB,IAAK;EACxD,IAAIsB,eAAe,GAAG,KAAK;EAE3B,MAAMC,oBAAoB,GAAIC,EAAa,IAAK;IAC5C,IAAI,eAAC,IAAAC,qBAAc,EAACD,EAAE,CAAC,EAAE;IAEzB,IACI,OAAOA,EAAE,CAACE,IAAI,KAAK,QAAQ,IAC3B,aAAa,IAAIF,EAAE,CAACE,IAAI,KACvBF,EAAE,CAACE,IAAI,CAACC,WAAW,KAAK,UAAU,IAC/BH,EAAE,CAACE,IAAI,CAACC,WAAW,KAAK,UAAU,IAClCH,EAAE,CAACE,IAAI,CAACC,WAAW,KAAK,cAAc,IACtCH,EAAE,CAACE,IAAI,CAACC,WAAW,KAAK,eAAe,CAAC,EAC9C;MACEL,eAAe,GAAG,IAAI;MAEtB;IACJ;IAEA;IACI;IACAE,EAAE,CAACI,KAAK,CAACC,OAAO;IAChB;IACAL,EAAE,CAACI,KAAK,CAACE,aAAa;IACtB;IACAN,EAAE,CAACI,KAAK,CAACG,WAAW;IACpB;IACAP,EAAE,CAACI,KAAK,CAACI,YAAY,EACvB;MACEV,eAAe,GAAG,IAAI;MAEtB;IACJ;;IAEA;IACA,IAAIE,EAAE,CAACI,KAAK,CAACK,QAAQ,EAAE;MACnB;MACAC,eAAQ,CAACC,OAAO,CAACX,EAAE,CAACI,KAAK,CAACK,QAAQ,EAAEV,oBAAoB,CAAC;IAC7D;EACJ,CAAC;EAEDA,oBAAoB,CAACvB,OAAO,CAAC;EAE7B,OAAOsB,eAAe;AAC1B,CAAC;AAACF,OAAA,CAAAC,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/lib/cjs/utils/calculate.js

@@ -3,15 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getMaxHeightInPixels = exports.getHeightOfSingleTextLine = exports.calculateContentWidth = exports.calculateContentHeight = exports.calculateBiggestWidth = void 0;
+exports.getMaxHeightInPixels = exports.getHeightOfSingleTextLine = exports.calculateMaxComboBoxItemWidth = exports.calculateContentHeight = exports.calculateBiggestWidth = void 0;
 var _chaynsApi = require("chayns-api");
 var _react = _interopRequireDefault(require("react"));
 var _server = require("react-dom/server");
 var _ColorSchemeProvider = _interopRequireDefault(require("../components/color-scheme-provider/ColorSchemeProvider"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const calculateContentWidth = (list, functions, values) => {
+const calculateMaxComboBoxItemWidth = ({
+  functions,
+  list,
+  shouldShowBigImage,
+  values
+}) => {
   const length = [];
   list.forEach(({
+    icons,
+    imageUrl,
+    rightElement,
+    subtext,
     suffixElement,
     text,
     textStyles
@@ -30,6 +39,15 @@ const calculateContentWidth = (list, functions, values) => {
     div.style.width = 'auto';
     document.body.appendChild(div);
     div.innerText = text;
+    if (rightElement) {
+      // ColorSchemeProvider is used to prevent missing scheme context error.
+      // Due to the fact that the element is never rendered visible, the values are irrelevant.
+      div.innerHTML += (0, _server.renderToString)(/*#__PURE__*/_react.default.createElement(_chaynsApi.ChaynsProvider, {
+        data: values,
+        functions: functions,
+        isModule: true
+      }, /*#__PURE__*/_react.default.createElement(_ColorSchemeProvider.default, null, rightElement)));
+    }
     if (suffixElement) {
       // ColorSchemeProvider is used to prevent missing scheme context error.
       // Due to the fact that the element is never rendered visible, the values are irrelevant.
@@ -37,17 +55,21 @@ const calculateContentWidth = (list, functions, values) => {
         data: values,
         functions: functions,
         isModule: true
-      }, /*#__PURE__*/_react.default.createElement(_ColorSchemeProvider.default, {
-        color: "#005EB8",
-        colorMode: 0
-      }, suffixElement)));
+      }, /*#__PURE__*/_react.default.createElement(_ColorSchemeProvider.default, null, suffixElement)));
+    }
+    let width = div.offsetWidth;
+    if (icons && icons.length > 0) {
+      width += 20 + 10; // icon width + gap
+    }
+    if (imageUrl) {
+      width += (shouldShowBigImage || typeof subtext === 'string' && subtext.trim() !== '' ? 40 : 22) + 10; // image width + gap
     }
-    length.push(div.offsetWidth);
+    length.push(width);
     document.body.removeChild(div);
   });
   return Math.max.apply(null, length);
 };
-exports.calculateContentWidth = calculateContentWidth;
+exports.calculateMaxComboBoxItemWidth = calculateMaxComboBoxItemWidth;
 const calculateBiggestWidth = elements => {
   const container = document.createElement('div');
   container.style.visibility = 'hidden';
@@ -88,12 +110,19 @@ const calculateContentHeight = elements => {
   return heights.reduce((partialSum, a) => partialSum + a, 0);
 };
 exports.calculateContentHeight = calculateContentHeight;
-const getHeightOfSingleTextLine = () => {
-  const span = document.createElement('span');
-  span.innerText = 'A';
-  document.body.appendChild(span);
-  const height = span.offsetHeight;
-  document.body.removeChild(span);
+const getHeightOfSingleTextLine = ({
+  container
+}) => {
+  const div = document.createElement('div');
+  div.style.visibility = 'hidden';
+  div.style.position = 'absolute';
+  div.style.whiteSpace = 'nowrap';
+  div.innerText = 'Single text line';
+  container.appendChild(div);
+  const {
+    height
+  } = div.getBoundingClientRect();
+  container.removeChild(div);
   return height;
 };
 exports.getHeightOfSingleTextLine = getHeightOfSingleTextLine;

package/lib/cjs/utils/calculate.js.map

@@ -1 +1 @@
-{"version":3,"file":"calculate.js","names":["_chaynsApi","require","_react","_interopRequireDefault","_server","_ColorSchemeProvider","e","__esModule","default","calculateContentWidth","list","functions","values","length","forEach","suffixElement","text","textStyles","tagName","styles","div","document","createElement","Object","assign","style","display","gap","position","visibility","whiteSpace","width","body","appendChild","innerText","innerHTML","renderToString","ChaynsProvider","data","isModule","color","colorMode","push","offsetWidth","removeChild","Math","max","apply","exports","calculateBiggestWidth","elements","container","padding","id","element","accessKey","calculateContentHeight","heights","offsetHeight","reduce","partialSum","a","getHeightOfSingleTextLine","span","height","getMaxHeightInPixels","maxHeight","rootElement","tempElement","getBoundingClientRect"],"sources":["../../../src/utils/calculate.tsx"],"sourcesContent":["import { ChaynsProvider, ChaynsReactFunctions, ChaynsReactValues } from 'chayns-api';\nimport React, { type CSSProperties } from 'react';\nimport { renderToString } from 'react-dom/server';\nimport ColorSchemeProvider from '../components/color-scheme-provider/ColorSchemeProvider';\nimport type { IComboBoxItem } from '../components/combobox/ComboBox';\nimport type { SliderButtonItem } from '../types/slider-button';\n\nexport const calculateContentWidth = (\n    list: IComboBoxItem[],\n    functions: ChaynsReactFunctions,\n    values: ChaynsReactValues,\n) => {\n    const length: number[] = [];\n\n    list.forEach(({ suffixElement, text, textStyles }) => {\n        const tagName = textStyles?.tagName ?? 'div';\n        const styles = textStyles?.styles;\n\n        const div = document.createElement(tagName);\n\n        if (styles) {\n            Object.assign(div.style, styles);\n        }\n\n        div.style.display = 'flex';\n        div.style.gap = '10px';\n        div.style.position = 'absolute';\n        div.style.visibility = 'hidden';\n        div.style.whiteSpace = 'nowrap';\n        div.style.width = 'auto';\n\n        document.body.appendChild(div);\n\n        div.innerText = text;\n\n        if (suffixElement) {\n            // ColorSchemeProvider is used to prevent missing scheme context error.\n            // Due to the fact that the element is never rendered visible, the values are irrelevant.\n            div.innerHTML += renderToString(\n                <ChaynsProvider data={values} functions={functions} isModule>\n                    <ColorSchemeProvider color=\"#005EB8\" colorMode={0}>\n                        {suffixElement}\n                    </ColorSchemeProvider>\n                </ChaynsProvider>,\n            );\n        }\n\n        length.push(div.offsetWidth);\n\n        document.body.removeChild(div);\n    });\n\n    return Math.max.apply(null, length);\n};\n\nexport const calculateBiggestWidth = (elements: SliderButtonItem[]) => {\n    const container = document.createElement('div');\n\n    container.style.visibility = 'hidden';\n    container.style.position = 'absolute';\n    container.style.width = 'auto';\n    container.style.whiteSpace = 'nowrap';\n    container.style.padding = '7px 12px';\n    container.style.display = 'block';\n\n    elements.forEach(({ text, id }) => {\n        const element = document.createElement('div');\n\n        element.accessKey = `slider-button-pseudo--${id}`;\n        element.innerText = text;\n\n        container.appendChild(element);\n    });\n\n    document.body.appendChild(container);\n\n    const width = container.offsetWidth;\n\n    document.body.removeChild(container);\n\n    return width;\n};\n\nexport const calculateContentHeight = (elements: string[]) => {\n    const heights: number[] = [];\n\n    elements.forEach((element: string) => {\n        const div = document.createElement('div');\n\n        div.style.visibility = 'hidden';\n        div.style.position = 'absolute';\n        div.style.width = 'auto';\n        div.style.padding = '4px 10px';\n        div.style.whiteSpace = 'nowrap';\n\n        document.body.appendChild(div);\n\n        div.innerText = element;\n\n        heights.push(div.offsetHeight);\n\n        document.body.removeChild(div);\n    });\n\n    return heights.reduce((partialSum, a) => partialSum + a, 0);\n};\n\nexport const getHeightOfSingleTextLine = () => {\n    const span = document.createElement('span');\n\n    span.innerText = 'A';\n\n    document.body.appendChild(span);\n\n    const height = span.offsetHeight;\n\n    document.body.removeChild(span);\n\n    return height;\n};\n\nexport const getMaxHeightInPixels = (\n    maxHeight: CSSProperties['maxHeight'],\n    rootElement: HTMLElement,\n): number => {\n    const tempElement = document.createElement('div');\n\n    tempElement.style.position = 'absolute';\n    tempElement.style.visibility = 'hidden';\n    tempElement.style.height = '100vh';\n    tempElement.style.maxHeight = maxHeight as string;\n\n    rootElement.appendChild(tempElement);\n\n    const { height } = tempElement.getBoundingClientRect();\n\n    rootElement.removeChild(tempElement);\n\n    return height;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"calculate.js","names":["_chaynsApi","require","_react","_interopRequireDefault","_server","_ColorSchemeProvider","e","__esModule","default","calculateMaxComboBoxItemWidth","functions","list","shouldShowBigImage","values","length","forEach","icons","imageUrl","rightElement","subtext","suffixElement","text","textStyles","tagName","styles","div","document","createElement","Object","assign","style","display","gap","position","visibility","whiteSpace","width","body","appendChild","innerText","innerHTML","renderToString","ChaynsProvider","data","isModule","offsetWidth","trim","push","removeChild","Math","max","apply","exports","calculateBiggestWidth","elements","container","padding","id","element","accessKey","calculateContentHeight","heights","offsetHeight","reduce","partialSum","a","getHeightOfSingleTextLine","height","getBoundingClientRect","getMaxHeightInPixels","maxHeight","rootElement","tempElement"],"sources":["../../../src/utils/calculate.tsx"],"sourcesContent":["import { ChaynsProvider, ChaynsReactFunctions, ChaynsReactValues } from 'chayns-api';\nimport React, { type CSSProperties } from 'react';\nimport { renderToString } from 'react-dom/server';\nimport ColorSchemeProvider from '../components/color-scheme-provider/ColorSchemeProvider';\nimport type { IComboBoxItem } from '../components/combobox/ComboBox';\nimport type { SliderButtonItem } from '../types/slider-button';\n\ninterface CalculateMaxComboBoxItemWidthOptions {\n    functions: ChaynsReactFunctions;\n    list: IComboBoxItem[];\n    shouldShowBigImage?: boolean;\n    values: ChaynsReactValues;\n}\n\nexport const calculateMaxComboBoxItemWidth = ({\n    functions,\n    list,\n    shouldShowBigImage,\n    values,\n}: CalculateMaxComboBoxItemWidthOptions) => {\n    const length: number[] = [];\n\n    list.forEach(({ icons, imageUrl, rightElement, subtext, suffixElement, text, textStyles }) => {\n        const tagName = textStyles?.tagName ?? 'div';\n        const styles = textStyles?.styles;\n\n        const div = document.createElement(tagName);\n\n        if (styles) {\n            Object.assign(div.style, styles);\n        }\n\n        div.style.display = 'flex';\n        div.style.gap = '10px';\n        div.style.position = 'absolute';\n        div.style.visibility = 'hidden';\n        div.style.whiteSpace = 'nowrap';\n        div.style.width = 'auto';\n\n        document.body.appendChild(div);\n\n        div.innerText = text;\n\n        if (rightElement) {\n            // ColorSchemeProvider is used to prevent missing scheme context error.\n            // Due to the fact that the element is never rendered visible, the values are irrelevant.\n            div.innerHTML += renderToString(\n                <ChaynsProvider data={values} functions={functions} isModule>\n                    <ColorSchemeProvider>{rightElement}</ColorSchemeProvider>\n                </ChaynsProvider>,\n            );\n        }\n\n        if (suffixElement) {\n            // ColorSchemeProvider is used to prevent missing scheme context error.\n            // Due to the fact that the element is never rendered visible, the values are irrelevant.\n            div.innerHTML += renderToString(\n                <ChaynsProvider data={values} functions={functions} isModule>\n                    <ColorSchemeProvider>{suffixElement}</ColorSchemeProvider>\n                </ChaynsProvider>,\n            );\n        }\n\n        let width = div.offsetWidth;\n\n        if (icons && icons.length > 0) {\n            width += 20 + 10; // icon width + gap\n        }\n\n        if (imageUrl) {\n            width +=\n                (shouldShowBigImage || (typeof subtext === 'string' && subtext.trim() !== '')\n                    ? 40\n                    : 22) + 10; // image width + gap\n        }\n\n        length.push(width);\n\n        document.body.removeChild(div);\n    });\n\n    return Math.max.apply(null, length);\n};\n\nexport const calculateBiggestWidth = (elements: SliderButtonItem[]) => {\n    const container = document.createElement('div');\n\n    container.style.visibility = 'hidden';\n    container.style.position = 'absolute';\n    container.style.width = 'auto';\n    container.style.whiteSpace = 'nowrap';\n    container.style.padding = '7px 12px';\n    container.style.display = 'block';\n\n    elements.forEach(({ text, id }) => {\n        const element = document.createElement('div');\n\n        element.accessKey = `slider-button-pseudo--${id}`;\n        element.innerText = text;\n\n        container.appendChild(element);\n    });\n\n    document.body.appendChild(container);\n\n    const width = container.offsetWidth;\n\n    document.body.removeChild(container);\n\n    return width;\n};\n\nexport const calculateContentHeight = (elements: string[]) => {\n    const heights: number[] = [];\n\n    elements.forEach((element: string) => {\n        const div = document.createElement('div');\n\n        div.style.visibility = 'hidden';\n        div.style.position = 'absolute';\n        div.style.width = 'auto';\n        div.style.padding = '4px 10px';\n        div.style.whiteSpace = 'nowrap';\n\n        document.body.appendChild(div);\n\n        div.innerText = element;\n\n        heights.push(div.offsetHeight);\n\n        document.body.removeChild(div);\n    });\n\n    return heights.reduce((partialSum, a) => partialSum + a, 0);\n};\n\ninterface GetHeightOfSingleTextLineOptions {\n    container: Element;\n}\n\nexport const getHeightOfSingleTextLine = ({ container }: GetHeightOfSingleTextLineOptions) => {\n    const div = document.createElement('div');\n\n    div.style.visibility = 'hidden';\n    div.style.position = 'absolute';\n    div.style.whiteSpace = 'nowrap';\n\n    div.innerText = 'Single text line';\n\n    container.appendChild(div);\n\n    const { height } = div.getBoundingClientRect();\n\n    container.removeChild(div);\n\n    return height;\n};\n\nexport const getMaxHeightInPixels = (\n    maxHeight: CSSProperties['maxHeight'],\n    rootElement: Element,\n): number => {\n    const tempElement = document.createElement('div');\n\n    tempElement.style.position = 'absolute';\n    tempElement.style.visibility = 'hidden';\n    tempElement.style.height = '100vh';\n    tempElement.style.maxHeight = maxHeight as string;\n\n    rootElement.appendChild(tempElement);\n\n    const { height } = tempElement.getBoundingClientRect();\n\n    rootElement.removeChild(tempElement);\n\n    return height;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/utils/environment.js

@@ -3,7 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getIsTouch = void 0;
-const getIsTouch = () => !matchMedia('(pointer:fine)').matches;
-exports.getIsTouch = getIsTouch;
+exports.useIsTouch = void 0;
+var _react = require("react");
+const useIsTouch = () => {
+  const [isTouch, setIsTouch] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    setIsTouch(!matchMedia('(pointer:fine)').matches);
+  }, []);
+  return isTouch;
+};
+exports.useIsTouch = useIsTouch;
 //# sourceMappingURL=environment.js.map

package/lib/cjs/utils/environment.js.map

@@ -1 +1 @@
-{"version":3,"file":"environment.js","names":["getIsTouch","matchMedia","matches","exports"],"sources":["../../../src/utils/environment.ts"],"sourcesContent":["export const getIsTouch = () => !matchMedia('(pointer:fine)').matches;\n"],"mappings":";;;;;;AAAO,MAAMA,UAAU,GAAGA,CAAA,KAAM,CAACC,UAAU,CAAC,gBAAgB,CAAC,CAACC,OAAO;AAACC,OAAA,CAAAH,UAAA,GAAAA,UAAA","ignoreList":[]}
+{"version":3,"file":"environment.js","names":["_react","require","useIsTouch","isTouch","setIsTouch","useState","useEffect","matchMedia","matches","exports"],"sources":["../../../src/utils/environment.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const useIsTouch = () => {\n    const [isTouch, setIsTouch] = useState(false);\n\n    useEffect(() => {\n        setIsTouch(!matchMedia('(pointer:fine)').matches);\n    }, []);\n\n    return isTouch;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE7C,IAAAC,gBAAS,EAAC,MAAM;IACZF,UAAU,CAAC,CAACG,UAAU,CAAC,gBAAgB,CAAC,CAACC,OAAO,CAAC;EACrD,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOL,OAAO;AAClB,CAAC;AAACM,OAAA,CAAAP,UAAA,GAAAA,UAAA","ignoreList":[]}

package/lib/cjs/utils/file.js.map

@@ -1 +1 @@
-{"version":3,"file":"file.js","names":["hasDuplicate","items","newItem","comparator","some","item","exports","filterDuplicateFile","files","newFile","a","b","name","size","filterDuplicateFileUrls","getHumanSize","bytes","FILE_SIZE_UNITS","unitIndex","Math","round","toString","replace","isValidFileType","types","file","allowedTypesArray","split","map","type","trim","fileType","endsWith","baseType","slice","startsWith","MIME_TYPE_MAPPING","getIconByMimeType","mimeType","matchedType","Object","keys","find"],"sources":["../../../src/utils/file.ts"],"sourcesContent":["export const hasDuplicate = <T>(\n    items: T[],\n    newItem: T,\n    comparator: (a: T, b: T) => boolean,\n): boolean => items.some((item) => comparator(item, newItem));\n\ninterface FilerDuplicateFileOptions {\n    files: File[];\n    newFile: File;\n}\n\nexport const filterDuplicateFile = ({ files, newFile }: FilerDuplicateFileOptions) =>\n    hasDuplicate(files, newFile, (a, b) => a.name === b.name && a.size === b.size);\n\ninterface FilterDuplicateFileUrlsOptions {\n    files: string[];\n    newFile: string;\n}\n\nexport const filterDuplicateFileUrls = ({ files, newFile }: FilterDuplicateFileUrlsOptions) =>\n    hasDuplicate(files, newFile, (a, b) => a === b);\n\nexport const getHumanSize = (bytes: number): string => {\n    const FILE_SIZE_UNITS = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'];\n    let size = bytes || 0;\n    let unitIndex = 0;\n\n    while (size >= 1024) {\n        size /= 1024;\n        unitIndex += 1;\n    }\n\n    size = Math.round(size * 10) / 10;\n\n    return `${size.toString().replace('.', ',')} ${FILE_SIZE_UNITS[unitIndex] ?? ''}`;\n};\n\ninterface IsValidFileTypeOptions {\n    file: File;\n    types: string;\n}\n\nexport const isValidFileType = ({ types, file }: IsValidFileTypeOptions) => {\n    const allowedTypesArray = types.split(',').map((type) => type.trim());\n    const fileType = file.type;\n\n    return allowedTypesArray.some((type) => {\n        if (type.endsWith('/*')) {\n            const baseType = type.slice(0, -2); // remove '/*'\n            return fileType.startsWith(baseType);\n        }\n        return fileType === type;\n    });\n};\n\nexport const MIME_TYPE_MAPPING: Record<string, string> = {\n    // Haupttypen\n    'application/pdf': 'fa fa-file-pdf',\n    'application/zip': 'fa fa-file-archive',\n    'application/msword': 'fa fa-file-word',\n    'application/vnd.ms-excel': 'fa fa-file-excel',\n    // Typen mit Wildcards\n    'application/vnd.openxmlformats-officedocument.': 'fa fa-file-word',\n    'application/x-': 'fa fa-file-archive',\n    // Addiere nur spezifische Fälle\n    'text/pdf': 'fa fa-file-pdf',\n};\n\nexport const getIconByMimeType = (mimeType?: string): string => {\n    const matchedType = Object.keys(MIME_TYPE_MAPPING).find((type) => mimeType?.startsWith(type));\n    return MIME_TYPE_MAPPING[matchedType!] || 'fa fa-file';\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"file.js","names":["hasDuplicate","items","newItem","comparator","some","item","exports","filterDuplicateFile","files","newFile","a","b","name","size","filterDuplicateFileUrls","getHumanSize","bytes","FILE_SIZE_UNITS","unitIndex","Math","round","toString","replace","isValidFileType","types","file","allowedTypesArray","split","map","type","trim","fileType","endsWith","baseType","slice","startsWith","MIME_TYPE_MAPPING","getIconByMimeType","mimeType","matchedType","Object","keys","find"],"sources":["../../../src/utils/file.ts"],"sourcesContent":["import { UploadedFile } from '../components/file-select/FileSelect';\n\nexport const hasDuplicate = <T>(\n    items: T[],\n    newItem: T,\n    comparator: (a: T, b: T) => boolean,\n): boolean => items.some((item) => comparator(item, newItem));\n\ninterface FilerDuplicateFileOptions {\n    files: File[];\n    newFile: File;\n}\n\nexport const filterDuplicateFile = ({ files, newFile }: FilerDuplicateFileOptions) =>\n    hasDuplicate(files, newFile, (a, b) => a.name === b.name && a.size === b.size);\n\ninterface FilterDuplicateFileUrlsOptions {\n    files: UploadedFile[];\n    newFile: UploadedFile;\n}\n\nexport const filterDuplicateFileUrls = ({ files, newFile }: FilterDuplicateFileUrlsOptions) =>\n    hasDuplicate(files, newFile, (a, b) => a === b);\n\nexport const getHumanSize = (bytes: number): string => {\n    const FILE_SIZE_UNITS = ['B', 'KB', 'MB', 'GB', 'TB', 'PB'];\n    let size = bytes || 0;\n    let unitIndex = 0;\n\n    while (size >= 1024) {\n        size /= 1024;\n        unitIndex += 1;\n    }\n\n    size = Math.round(size * 10) / 10;\n\n    return `${size.toString().replace('.', ',')} ${FILE_SIZE_UNITS[unitIndex] ?? ''}`;\n};\n\ninterface IsValidFileTypeOptions {\n    file: File;\n    types: string;\n}\n\nexport const isValidFileType = ({ types, file }: IsValidFileTypeOptions) => {\n    const allowedTypesArray = types.split(',').map((type) => type.trim());\n    const fileType = file.type;\n\n    return allowedTypesArray.some((type) => {\n        if (type.endsWith('/*')) {\n            const baseType = type.slice(0, -2); // remove '/*'\n            return fileType.startsWith(baseType);\n        }\n        return fileType === type;\n    });\n};\n\nexport const MIME_TYPE_MAPPING: Record<string, string> = {\n    // Haupttypen\n    'application/pdf': 'fa fa-file-pdf',\n    'application/zip': 'fa fa-file-archive',\n    'application/msword': 'fa fa-file-word',\n    'application/vnd.ms-excel': 'fa fa-file-excel',\n    // Typen mit Wildcards\n    'application/vnd.openxmlformats-officedocument.': 'fa fa-file-word',\n    'application/x-': 'fa fa-file-archive',\n    // Addiere nur spezifische Fälle\n    'text/pdf': 'fa fa-file-pdf',\n};\n\nexport const getIconByMimeType = (mimeType?: string): string => {\n    const matchedType = Object.keys(MIME_TYPE_MAPPING).find((type) => mimeType?.startsWith(type));\n    return MIME_TYPE_MAPPING[matchedType!] || 'fa fa-file';\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/utils/fileDialog.js

@@ -34,15 +34,21 @@ const selectFiles = ({
       resolve([]);
       return;
     }
-    const target = event.target;
     const {
       files
-    } = target;
+    } = event.target;
     if (!files) {
       resolve([]);
       return;
     }
-    const fileArray = Object.values(files);
+    const fileArray = Object.values(files).map(file => {
+      if (file.type === '') {
+        return new File([file], file.name, {
+          type: getMimeType(file)
+        });
+      }
+      return file;
+    });
     let filteredFileArray = fileArray.filter(file => {
       const sizeInMB = file.size / 1024 / 1024;
       if (maxFileSizeInMB && maxFileSizeInMB < sizeInMB) {
@@ -106,5 +112,73 @@ const getFileAsArrayBuffer = file => new Promise((resolve, reject) => {
   reader.onerror = reject;
   reader.readAsArrayBuffer(file);
 });
+
+/**
+ * Mapping file extensions to MIME types
+ * (expandable if necessary)
+ */
 exports.getFileAsArrayBuffer = getFileAsArrayBuffer;
+const extensionToMime = {
+  // Text & Code
+  txt: 'text/plain',
+  md: 'text/markdown',
+  csv: 'text/csv',
+  json: 'application/json',
+  xml: 'application/xml',
+  yaml: 'application/x-yaml',
+  yml: 'application/x-yaml',
+  html: 'text/html',
+  htm: 'text/html',
+  css: 'text/css',
+  js: 'application/javascript',
+  ts: 'application/typescript',
+  // Image
+  jpg: 'image/jpeg',
+  jpeg: 'image/jpeg',
+  png: 'image/png',
+  gif: 'image/gif',
+  webp: 'image/webp',
+  bmp: 'image/bmp',
+  svg: 'image/svg+xml',
+  ico: 'image/x-icon',
+  // Audio
+  mp3: 'audio/mpeg',
+  wav: 'audio/wav',
+  ogg: 'audio/ogg',
+  flac: 'audio/flac',
+  m4a: 'audio/mp4',
+  // Video
+  mp4: 'video/mp4',
+  webm: 'video/webm',
+  avi: 'video/x-msvideo',
+  mov: 'video/quicktime',
+  mkv: 'video/x-matroska',
+  // Document
+  pdf: 'application/pdf',
+  doc: 'application/msword',
+  docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+  xls: 'application/vnd.ms-excel',
+  xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+  ppt: 'application/vnd.ms-powerpoint',
+  pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+  // Archive & binary
+  zip: 'application/zip',
+  rar: 'application/vnd.rar',
+  '7z': 'application/x-7z-compressed',
+  tar: 'application/x-tar',
+  gz: 'application/gzip',
+  exe: 'application/vnd.microsoft.portable-executable'
+};
+
+/**
+ * Ermittelt den MIME-Type eines Files
+ * - nutzt File.type, falls vorhanden
+ * - sonst Fallback über Dateiendung
+ */
+const getMimeType = file => {
+  var _file$name$split$pop;
+  if (file.type) return file.type;
+  const ext = ((_file$name$split$pop = file.name.split('.').pop()) === null || _file$name$split$pop === void 0 ? void 0 : _file$name$split$pop.toLowerCase()) ?? '';
+  return extensionToMime[ext] || '';
+};
 //# sourceMappingURL=fileDialog.js.map

package/lib/cjs/utils/fileDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"fileDialog.js","names":["_chaynsApi","require","selectFiles","type","multiple","maxFileSizeInMB","Promise","resolve","reject","input","document","createElement","style","visibility","width","height","display","accept","body","appendChild","abortController","AbortController","signal","onChange","event","removeChild","abort","target","files","fileArray","Object","values","filteredFileArray","filter","file","sizeInMB","size","includes","length","createDialog","DialogType","ALERT","text","open","filterFilesByMimeType","onCancel","Error","addEventListener","click","exports","mimeTypes","allowedTypes","split","map","trim","isAllowedType","fileType","some","allowedType","endsWith","convertedAllowedType","startsWith","Array","from","getFileAsArrayBuffer","reader","FileReader","onload","e","_e$target","result","onerror","readAsArrayBuffer"],"sources":["../../../src/utils/fileDialog.ts"],"sourcesContent":["import { createDialog, DialogType } from 'chayns-api';\n\ninterface SelectFilesOptions {\n    type?: string;\n    multiple: boolean;\n    maxFileSizeInMB?: number;\n}\n\nexport const selectFiles = ({\n    type,\n    multiple,\n    maxFileSizeInMB,\n}: SelectFilesOptions): Promise<File[]> =>\n    new Promise((resolve, reject) => {\n        const input = document.createElement('input');\n\n        input.type = 'file';\n        input.style.visibility = 'none';\n        input.style.width = '0';\n        input.style.height = '0';\n        input.style.display = 'none';\n\n        if (type !== '*/*' && type) {\n            input.accept = type;\n        }\n\n        if (multiple) {\n            input.multiple = true;\n        }\n\n        document.body.appendChild(input);\n\n        const abortController = new AbortController();\n        const { signal } = abortController;\n\n        const onChange = (event: Event) => {\n            document.body.removeChild(input);\n            abortController.abort();\n\n            if (!event.target) {\n                resolve([]);\n                return;\n            }\n\n            const target = event.target as HTMLInputElement;\n            const { files } = target;\n\n            if (!files) {\n                resolve([]);\n                return;\n            }\n\n            const fileArray = Object.values(files);\n\n            let filteredFileArray = fileArray.filter((file) => {\n                const sizeInMB = file.size / 1024 / 1024;\n\n                if (maxFileSizeInMB && maxFileSizeInMB < sizeInMB) {\n                    return false;\n                }\n\n                if (file.type.includes('video/') && sizeInMB > 500) {\n                    return false;\n                }\n\n                return !(file.type.includes('image/') && sizeInMB > 64);\n            });\n\n            if (fileArray.length !== filteredFileArray.length) {\n                void createDialog({\n                    type: DialogType.ALERT,\n                    text: 'Einige Deiner ausgewählten Dateien sind zu groß.',\n                }).open();\n            }\n\n            if (typeof type === 'string') {\n                filteredFileArray = filterFilesByMimeType(filteredFileArray, type) as File[];\n            }\n\n            resolve(filteredFileArray);\n        };\n\n        const onCancel = () => {\n            document.body.removeChild(input);\n            abortController.abort();\n            reject(new Error('File selection was cancelled.'));\n        };\n\n        input.addEventListener('change', onChange, { signal });\n        input.addEventListener('focusout', onCancel, { signal });\n\n        input.click();\n    });\n\nexport const filterFilesByMimeType = (\n    files: FileList | File[],\n    mimeTypes: string,\n): FileList | File[] => {\n    const allowedTypes = mimeTypes.split(',').map((type) => type.trim());\n\n    const isAllowedType = (fileType: string) =>\n        allowedTypes.some((allowedType) => {\n            if (allowedType.endsWith('/*')) {\n                const convertedAllowedType = allowedType.split('/*')[0];\n\n                if (!convertedAllowedType) {\n                    return false;\n                }\n\n                return fileType.startsWith(convertedAllowedType);\n            }\n\n            return fileType === allowedType;\n        });\n\n    return Array.from(files).filter((file) => isAllowedType(file.type));\n};\n\nexport const getFileAsArrayBuffer = (file: File): Promise<string | ArrayBuffer> =>\n    new Promise((resolve, reject) => {\n        const reader = new FileReader();\n\n        reader.onload = (e) => {\n            if (e.target?.result) {\n                resolve(e.target.result);\n            } else {\n                reject(Error('Could not get array buffer.'));\n            }\n        };\n\n        reader.onerror = reject;\n\n        reader.readAsArrayBuffer(file);\n    });\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"fileDialog.js","names":["_chaynsApi","require","selectFiles","type","multiple","maxFileSizeInMB","Promise","resolve","reject","input","document","createElement","style","visibility","width","height","display","accept","body","appendChild","abortController","AbortController","signal","onChange","event","removeChild","abort","target","files","fileArray","Object","values","map","file","File","name","getMimeType","filteredFileArray","filter","sizeInMB","size","includes","length","createDialog","DialogType","ALERT","text","open","filterFilesByMimeType","onCancel","Error","addEventListener","click","exports","mimeTypes","allowedTypes","split","trim","isAllowedType","fileType","some","allowedType","endsWith","convertedAllowedType","startsWith","Array","from","getFileAsArrayBuffer","reader","FileReader","onload","e","_e$target","result","onerror","readAsArrayBuffer","extensionToMime","txt","md","csv","json","xml","yaml","yml","html","htm","css","js","ts","jpg","jpeg","png","gif","webp","bmp","svg","ico","mp3","wav","ogg","flac","m4a","mp4","webm","avi","mov","mkv","pdf","doc","docx","xls","xlsx","ppt","pptx","zip","rar","tar","gz","exe","_file$name$split$pop","ext","pop","toLowerCase"],"sources":["../../../src/utils/fileDialog.ts"],"sourcesContent":["import { createDialog, DialogType } from 'chayns-api';\n\ninterface SelectFilesOptions {\n    type?: string;\n    multiple: boolean;\n    maxFileSizeInMB?: number;\n}\n\nexport const selectFiles = ({\n    type,\n    multiple,\n    maxFileSizeInMB,\n}: SelectFilesOptions): Promise<File[]> =>\n    new Promise((resolve, reject) => {\n        const input = document.createElement('input');\n\n        input.type = 'file';\n        input.style.visibility = 'none';\n        input.style.width = '0';\n        input.style.height = '0';\n        input.style.display = 'none';\n\n        if (type !== '*/*' && type) {\n            input.accept = type;\n        }\n\n        if (multiple) {\n            input.multiple = true;\n        }\n\n        document.body.appendChild(input);\n\n        const abortController = new AbortController();\n        const { signal } = abortController;\n\n        const onChange = (event: Event) => {\n            document.body.removeChild(input);\n            abortController.abort();\n\n            if (!event.target) {\n                resolve([]);\n                return;\n            }\n\n            const { files } = event.target as HTMLInputElement;\n\n            if (!files) {\n                resolve([]);\n\n                return;\n            }\n\n            const fileArray = Object.values(files).map((file) => {\n                if (file.type === '') {\n                    return new File([file], file.name, { type: getMimeType(file) });\n                }\n\n                return file;\n            });\n\n            let filteredFileArray = fileArray.filter((file) => {\n                const sizeInMB = file.size / 1024 / 1024;\n\n                if (maxFileSizeInMB && maxFileSizeInMB < sizeInMB) {\n                    return false;\n                }\n\n                if (file.type.includes('video/') && sizeInMB > 500) {\n                    return false;\n                }\n\n                return !(file.type.includes('image/') && sizeInMB > 64);\n            });\n\n            if (fileArray.length !== filteredFileArray.length) {\n                void createDialog({\n                    type: DialogType.ALERT,\n                    text: 'Einige Deiner ausgewählten Dateien sind zu groß.',\n                }).open();\n            }\n\n            if (typeof type === 'string') {\n                filteredFileArray = filterFilesByMimeType(filteredFileArray, type) as File[];\n            }\n\n            resolve(filteredFileArray);\n        };\n\n        const onCancel = () => {\n            document.body.removeChild(input);\n            abortController.abort();\n            reject(new Error('File selection was cancelled.'));\n        };\n\n        input.addEventListener('change', onChange, { signal });\n        input.addEventListener('focusout', onCancel, { signal });\n\n        input.click();\n    });\n\nexport const filterFilesByMimeType = (\n    files: FileList | File[],\n    mimeTypes: string,\n): FileList | File[] => {\n    const allowedTypes = mimeTypes.split(',').map((type) => type.trim());\n\n    const isAllowedType = (fileType: string) =>\n        allowedTypes.some((allowedType) => {\n            if (allowedType.endsWith('/*')) {\n                const convertedAllowedType = allowedType.split('/*')[0];\n\n                if (!convertedAllowedType) {\n                    return false;\n                }\n\n                return fileType.startsWith(convertedAllowedType);\n            }\n\n            return fileType === allowedType;\n        });\n\n    return Array.from(files).filter((file) => isAllowedType(file.type));\n};\n\nexport const getFileAsArrayBuffer = (file: File): Promise<string | ArrayBuffer> =>\n    new Promise((resolve, reject) => {\n        const reader = new FileReader();\n\n        reader.onload = (e) => {\n            if (e.target?.result) {\n                resolve(e.target.result);\n            } else {\n                reject(Error('Could not get array buffer.'));\n            }\n        };\n\n        reader.onerror = reject;\n\n        reader.readAsArrayBuffer(file);\n    });\n\n/**\n * Mapping file extensions to MIME types\n * (expandable if necessary)\n */\nconst extensionToMime: Record<string, string> = {\n    // Text & Code\n    txt: 'text/plain',\n    md: 'text/markdown',\n    csv: 'text/csv',\n    json: 'application/json',\n    xml: 'application/xml',\n    yaml: 'application/x-yaml',\n    yml: 'application/x-yaml',\n    html: 'text/html',\n    htm: 'text/html',\n    css: 'text/css',\n    js: 'application/javascript',\n    ts: 'application/typescript',\n\n    // Image\n    jpg: 'image/jpeg',\n    jpeg: 'image/jpeg',\n    png: 'image/png',\n    gif: 'image/gif',\n    webp: 'image/webp',\n    bmp: 'image/bmp',\n    svg: 'image/svg+xml',\n    ico: 'image/x-icon',\n\n    // Audio\n    mp3: 'audio/mpeg',\n    wav: 'audio/wav',\n    ogg: 'audio/ogg',\n    flac: 'audio/flac',\n    m4a: 'audio/mp4',\n\n    // Video\n    mp4: 'video/mp4',\n    webm: 'video/webm',\n    avi: 'video/x-msvideo',\n    mov: 'video/quicktime',\n    mkv: 'video/x-matroska',\n\n    // Document\n    pdf: 'application/pdf',\n    doc: 'application/msword',\n    docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n    xls: 'application/vnd.ms-excel',\n    xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    ppt: 'application/vnd.ms-powerpoint',\n    pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\n\n    // Archive & binary\n    zip: 'application/zip',\n    rar: 'application/vnd.rar',\n    '7z': 'application/x-7z-compressed',\n    tar: 'application/x-tar',\n    gz: 'application/gzip',\n    exe: 'application/vnd.microsoft.portable-executable',\n};\n\n/**\n * Ermittelt den MIME-Type eines Files\n * - nutzt File.type, falls vorhanden\n * - sonst Fallback über Dateiendung\n */\nconst getMimeType = (file: File): string => {\n    if (file.type) return file.type;\n\n    const ext = file.name.split('.').pop()?.toLowerCase() ?? '';\n\n    return extensionToMime[ext] || '';\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/utils/font.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getHeadlineColorSelector = exports.getFontSize = exports.convertIconStyle = void 0;
+exports.getHeadlineColorSelector = exports.convertIconStyle = void 0;
 var _colorSchemeProvider = require("../types/colorSchemeProvider");
 const convertIconStyle = iconStyle => {
   switch (iconStyle) {
@@ -20,19 +20,6 @@ const convertIconStyle = iconStyle => {
   }
 };
 exports.convertIconStyle = convertIconStyle;
-const getFontSize = () => {
-  const element = document.createElement('p');
-  element.style.position = 'absolute';
-  element.style.opacity = '0';
-  element.textContent = 'Ich war hier';
-  document.body.appendChild(element);
-  const {
-    fontSize
-  } = window.getComputedStyle(element);
-  document.body.removeChild(element);
-  return fontSize.replace('px', '');
-};
-exports.getFontSize = getFontSize;
 const hexToRgb = hex => {
   let r;
   let g;

package/lib/cjs/utils/font.js.map

@@ -1 +1 @@
-{"version":3,"file":"font.js","names":["_colorSchemeProvider","require","convertIconStyle","iconStyle","IconStyle","SOLID","DUOTONE","SHARP","LIGHT","exports","getFontSize","element","document","createElement","style","position","opacity","textContent","body","appendChild","fontSize","window","getComputedStyle","removeChild","replace","hexToRgb","hex","r","g","b","a","result","exec","parseInt","undefined","getHeadlineColorSelector","data","themeResult","headlineMap","h1","h2","h3","h4","h5","h6","p","footer","forEach","selector","color","backgroundColor","_selectors","selectors","split","tag","length","trim","path","rgb"],"sources":["../../../src/utils/font.ts"],"sourcesContent":["import { IconStyle, type ParagraphFormat } from '../types/colorSchemeProvider';\n\nexport const convertIconStyle = (iconStyle: IconStyle) => {\n    switch (iconStyle) {\n        case IconStyle.SOLID:\n            return 'fa-solid';\n        case IconStyle.DUOTONE:\n            return 'fa-duotone';\n        case IconStyle.SHARP:\n            return 'fa-sharp';\n        case IconStyle.LIGHT:\n            return 'fa-light';\n        default:\n            return 'fa-regular';\n    }\n};\n\nexport const getFontSize = () => {\n    const element = document.createElement('p');\n\n    element.style.position = 'absolute';\n    element.style.opacity = '0';\n\n    element.textContent = 'Ich war hier';\n\n    document.body.appendChild(element);\n\n    const { fontSize } = window.getComputedStyle(element);\n\n    document.body.removeChild(element);\n\n    return fontSize.replace('px', '');\n};\n\nconst hexToRgb = (hex: string) => {\n    let r: number;\n    let g: number;\n    let b: number;\n    let a: number;\n\n    const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})?$/i.exec(hex);\n\n    if (result) {\n        r = parseInt(result[1] ?? '0', 16);\n        g = parseInt(result[2] ?? '0', 16);\n        b = parseInt(result[3] ?? '0', 16);\n        a = result[4] ? parseInt(result[4], 16) / 100 : 1;\n\n        return { r, g, b, a };\n    }\n\n    return undefined;\n};\n\nexport const getHeadlineColorSelector = (data: ParagraphFormat[]) => {\n    const themeResult: { [key: string]: string } = {};\n    const headlineMap: { [key: string]: string } = {\n        h1: 'headline-1',\n        h2: 'headline-2',\n        h3: 'headline-3',\n        h4: 'headline-4',\n        h5: 'headline-5',\n        h6: 'headline-6',\n        p: 'text',\n        footer: 'footer',\n        '.button': 'button',\n    };\n\n    data.forEach(({ selector, color, backgroundColor }) => {\n        const selectors = selector.split(',');\n\n        const tag = selectors[selectors.length - 1]?.trim();\n\n        const path = headlineMap[tag ?? ''];\n\n        if (!path) {\n            return;\n        }\n\n        if (path === 'button' && backgroundColor) {\n            themeResult[`${path}BackgroundColor`] = backgroundColor;\n\n            if (color) {\n                themeResult[`${path}Color`] = color;\n            }\n\n            return;\n        }\n\n        if (!color) {\n            return;\n        }\n\n        themeResult[path] = color;\n\n        const rgb = hexToRgb(color);\n\n        if (!rgb) {\n            return;\n        }\n\n        const { r, g, b } = rgb;\n\n        themeResult[`${path}-rgb`] = `${r}, ${g}, ${b}`;\n    });\n\n    return { themeResult };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"font.js","names":["_colorSchemeProvider","require","convertIconStyle","iconStyle","IconStyle","SOLID","DUOTONE","SHARP","LIGHT","exports","hexToRgb","hex","r","g","b","a","result","exec","parseInt","undefined","getHeadlineColorSelector","data","themeResult","headlineMap","h1","h2","h3","h4","h5","h6","p","footer","forEach","selector","color","backgroundColor","_selectors","selectors","split","tag","length","trim","path","rgb"],"sources":["../../../src/utils/font.ts"],"sourcesContent":["import { IconStyle, type ParagraphFormat } from '../types/colorSchemeProvider';\n\nexport const convertIconStyle = (iconStyle: IconStyle) => {\n    switch (iconStyle) {\n        case IconStyle.SOLID:\n            return 'fa-solid';\n        case IconStyle.DUOTONE:\n            return 'fa-duotone';\n        case IconStyle.SHARP:\n            return 'fa-sharp';\n        case IconStyle.LIGHT:\n            return 'fa-light';\n        default:\n            return 'fa-regular';\n    }\n};\n\nconst hexToRgb = (hex: string) => {\n    let r: number;\n    let g: number;\n    let b: number;\n    let a: number;\n\n    const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})?$/i.exec(hex);\n\n    if (result) {\n        r = parseInt(result[1] ?? '0', 16);\n        g = parseInt(result[2] ?? '0', 16);\n        b = parseInt(result[3] ?? '0', 16);\n        a = result[4] ? parseInt(result[4], 16) / 100 : 1;\n\n        return { r, g, b, a };\n    }\n\n    return undefined;\n};\n\nexport const getHeadlineColorSelector = (data: ParagraphFormat[]) => {\n    const themeResult: { [key: string]: string } = {};\n    const headlineMap: { [key: string]: string } = {\n        h1: 'headline-1',\n        h2: 'headline-2',\n        h3: 'headline-3',\n        h4: 'headline-4',\n        h5: 'headline-5',\n        h6: 'headline-6',\n        p: 'text',\n        footer: 'footer',\n        '.button': 'button',\n    };\n\n    data.forEach(({ selector, color, backgroundColor }) => {\n        const selectors = selector.split(',');\n\n        const tag = selectors[selectors.length - 1]?.trim();\n\n        const path = headlineMap[tag ?? ''];\n\n        if (!path) {\n            return;\n        }\n\n        if (path === 'button' && backgroundColor) {\n            themeResult[`${path}BackgroundColor`] = backgroundColor;\n\n            if (color) {\n                themeResult[`${path}Color`] = color;\n            }\n\n            return;\n        }\n\n        if (!color) {\n            return;\n        }\n\n        themeResult[path] = color;\n\n        const rgb = hexToRgb(color);\n\n        if (!rgb) {\n            return;\n        }\n\n        const { r, g, b } = rgb;\n\n        themeResult[`${path}-rgb`] = `${r}, ${g}, ${b}`;\n    });\n\n    return { themeResult };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/utils/groupedImage.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSecondImageClipPath = exports.createCareOfClipPath = void 0;
+const GAP = 3;
+const createCareOfClipPath = ({
+  imageFactors,
+  height
+}) => {
+  const hasMultipleImages = imageFactors.length > 1;
+  const radius = 3;
+  const careOfSize = height * (hasMultipleImages ? 0.28 : 0.38);
+  const imageHeight = height * (hasMultipleImages && imageFactors[1] ? imageFactors[1] : 1);
+  const cutStart = height - (hasMultipleImages ? height - imageHeight : 0) - careOfSize - GAP;
+  const normalizedCut = cutStart / imageHeight;
+  const normalizedRadius = radius / height;
+  const endY = 0.63;
+  return `
+        M0,0
+        H1
+        V${normalizedCut}
+        H${endY}
+        A${normalizedRadius} ${normalizedRadius} 0 0 0 ${normalizedCut} ${endY}
+        V1
+        H0
+        Z
+    `;
+};
+exports.createCareOfClipPath = createCareOfClipPath;
+const createSecondImageClipPath = ({
+  height,
+  shouldShowRoundImage
+}) => {
+  const imageHeight = height * 0.8;
+  const imageScale = imageHeight / height;
+  const startContainer = 0.2;
+  const gapNormContainer = GAP / height;
+  const totalStartContainer = startContainer - (shouldShowRoundImage ? 0 : gapNormContainer);
+  const startImage = shouldShowRoundImage ? totalStartContainer : totalStartContainer / imageScale;
+  const radius = 0.6;
+  if (shouldShowRoundImage) {
+    return `
+        
+        M0,0
+        H1
+        V${startImage}
+        H1
+        A${radius} ${radius} 0 0 0 ${startImage} 1
+        V1
+        H0
+        Z
+        
+        `;
+  }
+  return `
+        M0,0
+        H1
+        V${startImage}
+        H${startImage}
+        V1
+        H0
+        Z
+    `;
+};
+exports.createSecondImageClipPath = createSecondImageClipPath;
+//# sourceMappingURL=groupedImage.js.map

package/lib/cjs/utils/groupedImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupedImage.js","names":["GAP","createCareOfClipPath","imageFactors","height","hasMultipleImages","length","radius","careOfSize","imageHeight","cutStart","normalizedCut","normalizedRadius","endY","exports","createSecondImageClipPath","shouldShowRoundImage","imageScale","startContainer","gapNormContainer","totalStartContainer","startImage"],"sources":["../../../src/utils/groupedImage.ts"],"sourcesContent":["const GAP = 3;\n\ninterface CreateCareOfClipPathOptions {\n    imageFactors: number[];\n    height: number;\n}\n\nexport const createCareOfClipPath = ({ imageFactors, height }: CreateCareOfClipPathOptions) => {\n    const hasMultipleImages = imageFactors.length > 1;\n    const radius = 3;\n\n    const careOfSize = height * (hasMultipleImages ? 0.28 : 0.38);\n\n    const imageHeight = height * (hasMultipleImages && imageFactors[1] ? imageFactors[1] : 1);\n\n    const cutStart = height - (hasMultipleImages ? height - imageHeight : 0) - careOfSize - GAP;\n\n    const normalizedCut = cutStart / imageHeight;\n    const normalizedRadius = radius / height;\n\n    const endY = 0.63;\n\n    return `\n        M0,0\n        H1\n        V${normalizedCut}\n        H${endY}\n        A${normalizedRadius} ${normalizedRadius} 0 0 0 ${normalizedCut} ${endY}\n        V1\n        H0\n        Z\n    `;\n};\n\ninterface CreateSecondImageClipPathOptions {\n    height: number;\n    shouldShowRoundImage: boolean;\n}\n\nexport const createSecondImageClipPath = ({\n    height,\n    shouldShowRoundImage,\n}: CreateSecondImageClipPathOptions) => {\n    const imageHeight = height * 0.8;\n    const imageScale = imageHeight / height;\n\n    const startContainer = 0.2;\n\n    const gapNormContainer = GAP / height;\n\n    const totalStartContainer = startContainer - (shouldShowRoundImage ? 0 : gapNormContainer);\n\n    const startImage = shouldShowRoundImage\n        ? totalStartContainer\n        : totalStartContainer / imageScale;\n\n    const radius = 0.6;\n\n    if (shouldShowRoundImage) {\n        return `\n        \n        M0,0\n        H1\n        V${startImage}\n        H1\n        A${radius} ${radius} 0 0 0 ${startImage} 1\n        V1\n        H0\n        Z\n        \n        `;\n    }\n\n    return `\n        M0,0\n        H1\n        V${startImage}\n        H${startImage}\n        V1\n        H0\n        Z\n    `;\n};\n"],"mappings":";;;;;;AAAA,MAAMA,GAAG,GAAG,CAAC;AAON,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,YAAY;EAAEC;AAAoC,CAAC,KAAK;EAC3F,MAAMC,iBAAiB,GAAGF,YAAY,CAACG,MAAM,GAAG,CAAC;EACjD,MAAMC,MAAM,GAAG,CAAC;EAEhB,MAAMC,UAAU,GAAGJ,MAAM,IAAIC,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC;EAE7D,MAAMI,WAAW,GAAGL,MAAM,IAAIC,iBAAiB,IAAIF,YAAY,CAAC,CAAC,CAAC,GAAGA,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;EAEzF,MAAMO,QAAQ,GAAGN,MAAM,IAAIC,iBAAiB,GAAGD,MAAM,GAAGK,WAAW,GAAG,CAAC,CAAC,GAAGD,UAAU,GAAGP,GAAG;EAE3F,MAAMU,aAAa,GAAGD,QAAQ,GAAGD,WAAW;EAC5C,MAAMG,gBAAgB,GAAGL,MAAM,GAAGH,MAAM;EAExC,MAAMS,IAAI,GAAG,IAAI;EAEjB,OAAO;AACX;AACA;AACA,WAAWF,aAAa;AACxB,WAAWE,IAAI;AACf,WAAWD,gBAAgB,IAAIA,gBAAgB,UAAUD,aAAa,IAAIE,IAAI;AAC9E;AACA;AACA;AACA,KAAK;AACL,CAAC;AAACC,OAAA,CAAAZ,oBAAA,GAAAA,oBAAA;AAOK,MAAMa,yBAAyB,GAAGA,CAAC;EACtCX,MAAM;EACNY;AAC8B,CAAC,KAAK;EACpC,MAAMP,WAAW,GAAGL,MAAM,GAAG,GAAG;EAChC,MAAMa,UAAU,GAAGR,WAAW,GAAGL,MAAM;EAEvC,MAAMc,cAAc,GAAG,GAAG;EAE1B,MAAMC,gBAAgB,GAAGlB,GAAG,GAAGG,MAAM;EAErC,MAAMgB,mBAAmB,GAAGF,cAAc,IAAIF,oBAAoB,GAAG,CAAC,GAAGG,gBAAgB,CAAC;EAE1F,MAAME,UAAU,GAAGL,oBAAoB,GACjCI,mBAAmB,GACnBA,mBAAmB,GAAGH,UAAU;EAEtC,MAAMV,MAAM,GAAG,GAAG;EAElB,IAAIS,oBAAoB,EAAE;IACtB,OAAO;AACf;AACA;AACA;AACA,WAAWK,UAAU;AACrB;AACA,WAAWd,MAAM,IAAIA,MAAM,UAAUc,UAAU;AAC/C;AACA;AACA;AACA;AACA,SAAS;EACL;EAEA,OAAO;AACX;AACA;AACA,WAAWA,UAAU;AACrB,WAAWA,UAAU;AACrB;AACA;AACA;AACA,KAAK;AACL,CAAC;AAACP,OAAA,CAAAC,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/lib/cjs/utils/icon.js

@@ -3,11 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getStackSizeFactor = void 0;
+exports.getStackSizeFactor = exports.getIsExpandableIcon = void 0;
 const getStackSizeFactor = icon => {
   var _icon$match;
   const sizeFactorString = (_icon$match = icon.match(/fa-stack-([\d])x/)) === null || _icon$match === void 0 ? void 0 : _icon$match[1];
   return typeof sizeFactorString === 'string' ? parseInt(sizeFactorString, 10) : undefined;
 };
 exports.getStackSizeFactor = getStackSizeFactor;
+const getIsExpandableIcon = accordionIcon => {
+  let unicodeIcon = 'f105';
+  if (accordionIcon && accordionIcon !== 110 && accordionIcon !== 1110100) {
+    unicodeIcon = accordionIcon.toString(16);
+  }
+  return unicodeIcon;
+};
+exports.getIsExpandableIcon = getIsExpandableIcon;
 //# sourceMappingURL=icon.js.map

package/lib/cjs/utils/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","names":["getStackSizeFactor","icon","_icon$match","sizeFactorString","match","parseInt","undefined","exports"],"sources":["../../../src/utils/icon.ts"],"sourcesContent":["export const getStackSizeFactor = (icon: string) => {\n    const sizeFactorString = icon.match(/fa-stack-([\\d])x/)?.[1];\n\n    return typeof sizeFactorString === 'string' ? parseInt(sizeFactorString, 10) : undefined;\n};\n"],"mappings":";;;;;;AAAO,MAAMA,kBAAkB,GAAIC,IAAY,IAAK;EAAA,IAAAC,WAAA;EAChD,MAAMC,gBAAgB,IAAAD,WAAA,GAAGD,IAAI,CAACG,KAAK,CAAC,kBAAkB,CAAC,cAAAF,WAAA,uBAA9BA,WAAA,CAAiC,CAAC,CAAC;EAE5D,OAAO,OAAOC,gBAAgB,KAAK,QAAQ,GAAGE,QAAQ,CAACF,gBAAgB,EAAE,EAAE,CAAC,GAAGG,SAAS;AAC5F,CAAC;AAACC,OAAA,CAAAP,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+{"version":3,"file":"icon.js","names":["getStackSizeFactor","icon","_icon$match","sizeFactorString","match","parseInt","undefined","exports","getIsExpandableIcon","accordionIcon","unicodeIcon","toString"],"sources":["../../../src/utils/icon.ts"],"sourcesContent":["export const getStackSizeFactor = (icon: string) => {\n    const sizeFactorString = icon.match(/fa-stack-([\\d])x/)?.[1];\n\n    return typeof sizeFactorString === 'string' ? parseInt(sizeFactorString, 10) : undefined;\n};\n\nexport const getIsExpandableIcon = (accordionIcon?: string) => {\n    let unicodeIcon = 'f105';\n\n    if (\n        accordionIcon &&\n        (accordionIcon as unknown as number) !== 110 &&\n        (accordionIcon as unknown as number) !== 1110100\n    ) {\n        unicodeIcon = (accordionIcon as unknown as number).toString(16);\n    }\n\n    return unicodeIcon;\n};\n"],"mappings":";;;;;;AAAO,MAAMA,kBAAkB,GAAIC,IAAY,IAAK;EAAA,IAAAC,WAAA;EAChD,MAAMC,gBAAgB,IAAAD,WAAA,GAAGD,IAAI,CAACG,KAAK,CAAC,kBAAkB,CAAC,cAAAF,WAAA,uBAA9BA,WAAA,CAAiC,CAAC,CAAC;EAE5D,OAAO,OAAOC,gBAAgB,KAAK,QAAQ,GAAGE,QAAQ,CAACF,gBAAgB,EAAE,EAAE,CAAC,GAAGG,SAAS;AAC5F,CAAC;AAACC,OAAA,CAAAP,kBAAA,GAAAA,kBAAA;AAEK,MAAMQ,mBAAmB,GAAIC,aAAsB,IAAK;EAC3D,IAAIC,WAAW,GAAG,MAAM;EAExB,IACID,aAAa,IACZA,aAAa,KAA2B,GAAG,IAC3CA,aAAa,KAA2B,OAAO,EAClD;IACEC,WAAW,GAAID,aAAa,CAAuBE,QAAQ,CAAC,EAAE,CAAC;EACnE;EAEA,OAAOD,WAAW;AACtB,CAAC;AAACH,OAAA,CAAAC,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/cjs/utils/numberInput.js

@@ -9,6 +9,9 @@ const parseFloatWithDecimals = ({
   stringValue,
   decimals
 }) => {
+  if (stringValue === '') {
+    return null;
+  }
   const parsed = parseFloat(stringValue);
   if (decimals) {
     return parseFloat(parsed.toFixed(decimals));