@chayns-components/core 5.0.0-beta.915 → 5.0.0-beta.919

package/lib/cjs/components/page-provider/PageProvider.js

@@ -30,27 +30,24 @@ const PageProvider = ({
   shouldUseUsableHeight
 }) => {
   const [usableHeight, setUsableHeight] = (0, _react.useState)(0);
-  const [padding, setPadding] = (0, _react.useState)();
+  const [padding, setPadding] = (0, _react.useState)(shouldRemovePadding ? 0 : (0, _pageProvider.getPagePadding)());
   (0, _react.useEffect)(() => {
-    const fetchUsableHeight = async () => {
-      const height = await (0, _pageProvider.getUsableHeight)();
+    void (0, _pageProvider.getUsableHeight)(shouldRemovePadding).then(height => {
       setUsableHeight(height);
-    };
-    void fetchUsableHeight();
-  }, []);
+    });
+  }, [shouldRemovePadding]);
   (0, _react.useEffect)(() => {
     const handleResize = () => {
-      setPadding((0, _pageProvider.getPagePadding)());
+      setPadding(shouldRemovePadding ? 0 : (0, _pageProvider.getPagePadding)());
     };
-    setPadding((0, _pageProvider.getPagePadding)());
     window.addEventListener('resize', handleResize);
     return () => {
       window.removeEventListener('resize', handleResize);
     };
-  }, [padding]);
+  }, [shouldRemovePadding]);
   return /*#__PURE__*/_react.default.createElement(_PageProvider.StyledPageProvider, {
     className: "page-provider",
-    $padding: shouldRemovePadding ? 0 : padding,
+    $padding: padding,
     $usableHeight: shouldUseUsableHeight ? usableHeight : undefined
   }, /*#__PURE__*/_react.default.createElement(_ColorSchemeProvider.default, {
     color: color,

package/lib/cjs/components/page-provider/PageProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageProvider.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_pageProvider","_ColorSchemeProvider","_interopRequireDefault","_PageProvider","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GlobalStyle","createGlobalStyle","PageProvider","children","color","colorMode","cssVariables","secondaryColor","siteId","style","designSettings","shouldRemovePadding","shouldUseUsableHeight","usableHeight","setUsableHeight","useState","padding","setPadding","useEffect","fetchUsableHeight","height","getUsableHeight","handleResize","getPagePadding","window","addEventListener","removeEventListener","createElement","StyledPageProvider","className","$padding","$usableHeight","undefined","displayName","_default","exports"],"sources":["../../../../src/components/page-provider/PageProvider.tsx"],"sourcesContent":["import React, { FC, useEffect, useState, type CSSProperties } from 'react';\nimport { createGlobalStyle } from 'styled-components';\nimport { getPagePadding, getUsableHeight } from '../../utils/pageProvider';\nimport ColorSchemeProvider, {\n    type ColorSchemeProviderProps,\n} from '../color-scheme-provider/ColorSchemeProvider';\nimport { StyledPageProvider } from './PageProvider.styles';\n\ninterface PageProviderProps extends ColorSchemeProviderProps {\n    /**\n     * Whether the padding should be removed.\n     */\n    shouldRemovePadding?: boolean;\n    /**\n     * Whether the usable height should be used.\n     */\n    shouldUseUsableHeight?: boolean;\n}\n\nconst GlobalStyle = createGlobalStyle`\n  *, *::before, *::after {\n    box-sizing: border-box;\n  }\n`;\n\nconst PageProvider: FC<PageProviderProps> = ({\n    children,\n    color,\n    colorMode,\n    cssVariables = {},\n    secondaryColor,\n    siteId,\n    style = {},\n    designSettings,\n    shouldRemovePadding,\n    shouldUseUsableHeight,\n}) => {\n    const [usableHeight, setUsableHeight] = useState(0);\n    const [padding, setPadding] = useState<CSSProperties['padding']>();\n\n    useEffect(() => {\n        const fetchUsableHeight = async () => {\n            const height = await getUsableHeight();\n            setUsableHeight(height);\n        };\n\n        void fetchUsableHeight();\n    }, []);\n\n    useEffect(() => {\n        const handleResize = () => {\n            setPadding(getPagePadding());\n        };\n\n        setPadding(getPagePadding());\n\n        window.addEventListener('resize', handleResize);\n\n        return () => {\n            window.removeEventListener('resize', handleResize);\n        };\n    }, [padding]);\n\n    return (\n        <StyledPageProvider\n            className=\"page-provider\"\n            $padding={shouldRemovePadding ? 0 : padding}\n            $usableHeight={shouldUseUsableHeight ? usableHeight : undefined}\n        >\n            <ColorSchemeProvider\n                color={color}\n                secondaryColor={secondaryColor}\n                colorMode={colorMode}\n                style={style}\n                siteId={siteId}\n                designSettings={designSettings}\n                cssVariables={cssVariables}\n            >\n                {children}\n            </ColorSchemeProvider>\n            <GlobalStyle />\n        </StyledPageProvider>\n    );\n};\nPageProvider.displayName = 'PageProvider';\n\nexport default PageProvider;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PageProvider.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_pageProvider","_ColorSchemeProvider","_interopRequireDefault","_PageProvider","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GlobalStyle","createGlobalStyle","PageProvider","children","color","colorMode","cssVariables","secondaryColor","siteId","style","designSettings","shouldRemovePadding","shouldUseUsableHeight","usableHeight","setUsableHeight","useState","padding","setPadding","getPagePadding","useEffect","getUsableHeight","then","height","handleResize","window","addEventListener","removeEventListener","createElement","StyledPageProvider","className","$padding","$usableHeight","undefined","displayName","_default","exports"],"sources":["../../../../src/components/page-provider/PageProvider.tsx"],"sourcesContent":["import React, { FC, useEffect, useState, type CSSProperties } from 'react';\nimport { createGlobalStyle } from 'styled-components';\nimport { getPagePadding, getUsableHeight } from '../../utils/pageProvider';\nimport ColorSchemeProvider, {\n    type ColorSchemeProviderProps,\n} from '../color-scheme-provider/ColorSchemeProvider';\nimport { StyledPageProvider } from './PageProvider.styles';\n\ninterface PageProviderProps extends ColorSchemeProviderProps {\n    /**\n     * Whether the padding should be removed.\n     */\n    shouldRemovePadding?: boolean;\n    /**\n     * Whether the usable height should be used.\n     */\n    shouldUseUsableHeight?: boolean;\n}\n\nconst GlobalStyle = createGlobalStyle`\n  *, *::before, *::after {\n    box-sizing: border-box;\n  }\n`;\n\nconst PageProvider: FC<PageProviderProps> = ({\n    children,\n    color,\n    colorMode,\n    cssVariables = {},\n    secondaryColor,\n    siteId,\n    style = {},\n    designSettings,\n    shouldRemovePadding,\n    shouldUseUsableHeight,\n}) => {\n    const [usableHeight, setUsableHeight] = useState(0);\n    const [padding, setPadding] = useState<CSSProperties['padding']>(\n        shouldRemovePadding ? 0 : getPagePadding(),\n    );\n\n    useEffect(() => {\n        void getUsableHeight(shouldRemovePadding).then((height) => {\n            setUsableHeight(height);\n        });\n    }, [shouldRemovePadding]);\n\n    useEffect(() => {\n        const handleResize = () => {\n            setPadding(shouldRemovePadding ? 0 : getPagePadding());\n        };\n\n        window.addEventListener('resize', handleResize);\n\n        return () => {\n            window.removeEventListener('resize', handleResize);\n        };\n    }, [shouldRemovePadding]);\n\n    return (\n        <StyledPageProvider\n            className=\"page-provider\"\n            $padding={padding}\n            $usableHeight={shouldUseUsableHeight ? usableHeight : undefined}\n        >\n            <ColorSchemeProvider\n                color={color}\n                secondaryColor={secondaryColor}\n                colorMode={colorMode}\n                style={style}\n                siteId={siteId}\n                designSettings={designSettings}\n                cssVariables={cssVariables}\n            >\n                {children}\n            </ColorSchemeProvider>\n            <GlobalStyle />\n        </StyledPageProvider>\n    );\n};\nPageProvider.displayName = 'PageProvider';\n\nexport default PageProvider;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/slider/Slider.js

@@ -70,7 +70,6 @@ const Slider = ({
     if (isDisabled) {
       return;
     }
-    void (0, _chaynsApi.setRefreshScrollEnabled)(true);
     const from = Number((_fromSliderRef$curren = fromSliderRef.current) === null || _fromSliderRef$curren === void 0 ? void 0 : _fromSliderRef$curren.value);
     const to = Number((_toSliderRef$current = toSliderRef.current) === null || _toSliderRef$current === void 0 ? void 0 : _toSliderRef$current.value);
     if (typeof onSelect === 'function') {
@@ -116,7 +115,6 @@ const Slider = ({
     if (isDisabled) {
       return;
     }
-    void (0, _chaynsApi.setRefreshScrollEnabled)(false);
     if (!fromSliderRef.current || !toSliderRef.current) {
       return;
     }
@@ -172,7 +170,6 @@ const Slider = ({
     if (isDisabled) {
       return;
     }
-    void (0, _chaynsApi.setRefreshScrollEnabled)(false);
     let newValue = Number(event.target.value);
     if (newValue > maxValue || newValue > maxValue - maxValue % steps) {
       newValue = maxValue;
@@ -230,6 +227,7 @@ const Slider = ({
     if (isDisabled) {
       return;
     }
+    void (0, _chaynsApi.setRefreshScrollEnabled)(false);
     if (shouldShowThumbLabel) {
       setIsBigSlider(true);
     }
@@ -239,6 +237,7 @@ const Slider = ({
     if (isDisabled) {
       return;
     }
+    void (0, _chaynsApi.setRefreshScrollEnabled)(true);
     const from = Number((_fromSliderRef$curren2 = fromSliderRef.current) === null || _fromSliderRef$curren2 === void 0 ? void 0 : _fromSliderRef$curren2.value);
     const to = Number((_toSliderRef$current2 = toSliderRef.current) === null || _toSliderRef$current2 === void 0 ? void 0 : _toSliderRef$current2.value);
     if (typeof onSelect === 'function') {

package/lib/cjs/components/slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_styledComponents","_useElementSize","_slider","_Slider","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Slider","maxValue","minValue","value","onSelect","onChange","interval","isDisabled","thumbLabelFormatter","shouldShowThumbLabel","steps","fromValue","setFromValue","useState","toValue","setToValue","thumbWidth","setThumbWidth","isBigSlider","setIsBigSlider","fromSliderRef","useRef","toSliderRef","fromSliderThumbRef","toSliderThumbRef","fromSliderThumbContentRef","toSliderThumbContentRef","sliderWrapperRef","sliderWrapperSize","useElementSize","theme","useTheme","useEffect","getThumbMaxWidth","maxNumber","handleMouseUp","useCallback","_fromSliderRef$curren","_toSliderRef$current","setRefreshScrollEnabled","from","Number","current","to","undefined","handleControlFromSlider","event","newValue","target","Math","round","fillSlider","toSlider","fromSlider","String","handleControlToSlider","handleInputChange","fromSliderThumbPosition","useMemo","calculateGradientOffset","max","min","containerWidth","offsetWidth","toSliderThumbPosition","toSliderThumbContentPosition","calculatePopupPosition","sliderValue","popupWidth","fromSliderThumbContentPosition","handleTouchStart","handleTouchEnd","_fromSliderRef$curren2","_toSliderRef$current2","createElement","StyledSlider","ref","$isDisabled","StyledSliderInput","animate","height","initial","exit","$thumbWidth","$isInterval","type","step","onTouchStart","onTouchEnd","onMouseUp","$max","$min","$value","StyledSliderThumb","$position","$isBigSlider","StyledSliderThumbLabel","$width","displayName","_default","exports"],"sources":["../../../../src/components/slider/Slider.tsx"],"sourcesContent":["import { setRefreshScrollEnabled } from 'chayns-api';\nimport React, { ChangeEvent, FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useTheme } from 'styled-components';\nimport { useElementSize } from '../../hooks/useElementSize';\nimport {\n    calculateGradientOffset,\n    calculatePopupPosition,\n    fillSlider,\n    getThumbMaxWidth,\n} from '../../utils/slider';\nimport {\n    StyledSlider,\n    StyledSliderInput,\n    StyledSliderThumb,\n    StyledSliderThumbLabel,\n} from './Slider.styles';\n\nexport interface SliderInterval {\n    maxValue: number;\n    minValue: number;\n}\n\nexport type SliderProps = {\n    /**\n     * The range that can be selected with two thumbs..\n     */\n    interval?: SliderInterval;\n    /**\n     * Whether the slider is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * The maximum value of the slider.\n     */\n    maxValue: number;\n    /**\n     * The minimum value of the slider.\n     */\n    minValue: number;\n    /**\n     * Function that will be executed when the value is selected.\n     */\n    onSelect?: (value?: number, interval?: SliderInterval) => void;\n    /**\n     * Function that will be executed when the value is changed.\n     */\n    onChange?: (value?: number, interval?: SliderInterval) => void;\n    /**\n     * Whether the current value should be displayed inside the slider thumb.\n     */\n    shouldShowThumbLabel?: boolean;\n    /**\n     * The steps of the slider.\n     */\n    steps?: number;\n    /**\n     * A function to format the thumb label.\n     */\n    thumbLabelFormatter?: (value: number) => string;\n    /**\n     * the Value that the slider should have.\n     */\n    value?: number;\n};\n\nconst Slider: FC<SliderProps> = ({\n    maxValue,\n    minValue,\n    value,\n    onSelect,\n    onChange,\n    interval,\n    isDisabled,\n    thumbLabelFormatter,\n    shouldShowThumbLabel = false,\n    steps = 1,\n}) => {\n    const [fromValue, setFromValue] = useState(0);\n    const [toValue, setToValue] = useState(maxValue);\n    const [thumbWidth, setThumbWidth] = useState(20);\n    const [isBigSlider, setIsBigSlider] = useState(false);\n\n    const fromSliderRef = useRef<HTMLInputElement>(null);\n    const toSliderRef = useRef<HTMLInputElement>(null);\n    const fromSliderThumbRef = useRef<HTMLDivElement>(null);\n    const toSliderThumbRef = useRef<HTMLDivElement>(null);\n    const fromSliderThumbContentRef = useRef<HTMLDivElement>(null);\n    const toSliderThumbContentRef = useRef<HTMLDivElement>(null);\n    const sliderWrapperRef = useRef<HTMLDivElement>(null);\n\n    const sliderWrapperSize = useElementSize(sliderWrapperRef);\n\n    const theme = useTheme();\n\n    useEffect(() => {\n        if (shouldShowThumbLabel) {\n            setThumbWidth(getThumbMaxWidth({ maxNumber: maxValue, thumbLabelFormatter }));\n        }\n    }, [maxValue, shouldShowThumbLabel, thumbLabelFormatter]);\n\n    /**\n     * This function sets the value\n     */\n    useEffect(() => {\n        if (typeof value !== 'number') {\n            return;\n        }\n\n        if (value >= minValue && value <= maxValue) {\n            setFromValue(value);\n        }\n    }, [maxValue, minValue, value]);\n\n    useEffect(() => {\n        if (fromValue > toValue) {\n            setFromValue(toValue);\n        }\n\n        if (toValue < fromValue) {\n            setToValue(fromValue);\n        }\n    }, [fromValue, toValue]);\n\n    const handleMouseUp = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        void setRefreshScrollEnabled(true);\n\n        const from = Number(fromSliderRef.current?.value);\n        const to = Number(toSliderRef.current?.value);\n\n        if (typeof onSelect === 'function') {\n            onSelect(\n                interval ? undefined : from,\n                interval ? { maxValue: to, minValue: from } : undefined,\n            );\n        }\n    }, [interval, isDisabled, onSelect]);\n\n    const handleControlFromSlider = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (!fromSliderRef.current || !toSliderRef.current) {\n                return;\n            }\n\n            let newValue = Number(event.target.value);\n\n            if (newValue > maxValue || newValue > maxValue - (maxValue % steps)) {\n                newValue = maxValue;\n            } else if (newValue < minValue) {\n                newValue = minValue;\n            } else {\n                newValue = Math.round(newValue / steps) * steps;\n            }\n\n            setFromValue(newValue);\n\n            const to = Number(toSliderRef.current.value);\n\n            if (typeof onChange === 'function') {\n                onChange(undefined, { maxValue: to, minValue: newValue });\n            }\n\n            fillSlider({\n                toSlider: toSliderRef.current,\n                fromSlider: fromSliderRef.current,\n                fromValue: newValue,\n                theme,\n            });\n\n            if (newValue > to) {\n                fromSliderRef.current.value = String(to);\n            } else {\n                fromSliderRef.current.value = String(newValue);\n            }\n        },\n        [maxValue, minValue, onChange, steps, theme],\n    );\n\n    const handleControlToSlider = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (isDisabled) {\n                return;\n            }\n\n            void setRefreshScrollEnabled(false);\n\n            if (!fromSliderRef.current || !toSliderRef.current) {\n                return;\n            }\n\n            let newValue = Number(event.target.value);\n\n            if (newValue > maxValue || newValue > maxValue - (maxValue % steps)) {\n                newValue = maxValue;\n            } else if (newValue < minValue) {\n                newValue = minValue;\n            } else {\n                newValue = Math.round(newValue / steps) * steps;\n            }\n\n            setToValue(newValue);\n\n            const from = Number(fromSliderRef.current.value);\n\n            if (typeof onChange === 'function') {\n                onChange(undefined, { maxValue: newValue, minValue: from });\n            }\n\n            fillSlider({\n                toSlider: toSliderRef.current,\n                fromSlider: fromSliderRef.current,\n                toValue: newValue,\n                theme,\n            });\n\n            if (from <= newValue) {\n                toSliderRef.current.value = String(newValue);\n            } else {\n                toSliderRef.current.value = String(from);\n            }\n        },\n        [isDisabled, maxValue, minValue, onChange, steps, theme],\n    );\n\n    useEffect(() => {\n        if (!fromSliderRef.current || !toSliderRef.current || !interval) {\n            return;\n        }\n\n        setFromValue(interval.minValue);\n        setToValue(interval.maxValue);\n\n        fromSliderRef.current.value = String(interval.minValue);\n        toSliderRef.current.value = String(interval.maxValue);\n\n        fillSlider({\n            fromSlider: fromSliderRef.current,\n            toSlider: toSliderRef.current,\n            theme,\n        });\n        // Note: interval can´t be in the deps because of rerender\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [theme]);\n\n    /**\n     * This function updates the value\n     */\n    const handleInputChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (isDisabled) {\n                return;\n            }\n\n            void setRefreshScrollEnabled(false);\n\n            let newValue = Number(event.target.value);\n\n            if (newValue > maxValue || newValue > maxValue - (maxValue % steps)) {\n                newValue = maxValue;\n            } else if (newValue < minValue) {\n                newValue = minValue;\n            } else {\n                newValue = Math.round(newValue / steps) * steps;\n            }\n\n            if (interval) {\n                handleControlFromSlider(event);\n\n                return;\n            }\n\n            setFromValue(newValue);\n\n            if (onChange) {\n                onChange(newValue);\n            }\n        },\n        [handleControlFromSlider, interval, isDisabled, maxValue, minValue, onChange, steps],\n    );\n\n    const fromSliderThumbPosition = useMemo(() => {\n        if (fromSliderRef.current && fromSliderThumbRef.current && sliderWrapperSize) {\n            return calculateGradientOffset({\n                max: maxValue,\n                min: minValue,\n                value: fromValue,\n                thumbWidth: 20,\n                containerWidth: fromSliderRef.current.offsetWidth,\n            });\n        }\n\n        return 0;\n    }, [fromValue, maxValue, minValue, sliderWrapperSize]);\n\n    const toSliderThumbPosition = useMemo(() => {\n        if (toSliderRef.current && toSliderThumbRef.current && sliderWrapperSize) {\n            return calculateGradientOffset({\n                max: maxValue,\n                min: minValue,\n                value: toValue,\n                thumbWidth: 20,\n                containerWidth: toSliderRef.current.offsetWidth,\n            });\n        }\n        return 0;\n    }, [toValue, minValue, maxValue, sliderWrapperSize]);\n\n    const toSliderThumbContentPosition = useMemo(\n        () =>\n            calculatePopupPosition({\n                min: minValue,\n                max: maxValue,\n                sliderValue: toValue,\n                popupWidth: thumbWidth,\n            }),\n        [maxValue, minValue, thumbWidth, toValue],\n    );\n\n    const fromSliderThumbContentPosition = useMemo(\n        () =>\n            calculatePopupPosition({\n                min: minValue,\n                max: maxValue,\n                sliderValue: fromValue,\n                popupWidth: thumbWidth,\n            }),\n        [fromValue, maxValue, minValue, thumbWidth],\n    );\n\n    const handleTouchStart = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        if (shouldShowThumbLabel) {\n            setIsBigSlider(true);\n        }\n    }, [isDisabled, shouldShowThumbLabel]);\n\n    const handleTouchEnd = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        const from = Number(fromSliderRef.current?.value);\n        const to = Number(toSliderRef.current?.value);\n\n        if (typeof onSelect === 'function') {\n            onSelect(\n                interval ? undefined : from,\n                interval ? { maxValue: to, minValue: from } : undefined,\n            );\n        }\n\n        if (shouldShowThumbLabel) {\n            setIsBigSlider(false);\n        }\n    }, [interval, isDisabled, onSelect, shouldShowThumbLabel]);\n\n    return useMemo(\n        () => (\n            <StyledSlider ref={sliderWrapperRef} $isDisabled={isDisabled}>\n                <StyledSliderInput\n                    animate={{ height: isBigSlider ? 30 : 10 }}\n                    initial={{ height: 10 }}\n                    exit={{ height: 10 }}\n                    $thumbWidth={40}\n                    ref={fromSliderRef}\n                    $isInterval={!!interval}\n                    type=\"range\"\n                    value={fromValue}\n                    step={0.01}\n                    max={maxValue}\n                    min={minValue}\n                    onTouchStart={handleTouchStart}\n                    onTouchEnd={handleTouchEnd}\n                    onChange={handleInputChange}\n                    onMouseUp={handleMouseUp}\n                    $max={maxValue}\n                    $min={minValue}\n                    $value={fromValue}\n                />\n                <StyledSliderThumb\n                    ref={fromSliderThumbRef}\n                    $position={fromSliderThumbPosition}\n                    $isBigSlider={isBigSlider}\n                >\n                    {shouldShowThumbLabel && (\n                        <StyledSliderThumbLabel\n                            $width={thumbWidth}\n                            $isBigSlider={isBigSlider}\n                            $position={fromSliderThumbContentPosition}\n                            ref={fromSliderThumbContentRef}\n                        >\n                            {typeof thumbLabelFormatter === 'function'\n                                ? thumbLabelFormatter(fromValue)\n                                : fromValue}\n                        </StyledSliderThumbLabel>\n                    )}\n                </StyledSliderThumb>\n                {interval && (\n                    <StyledSliderThumb\n                        ref={toSliderThumbRef}\n                        $position={toSliderThumbPosition}\n                        $isBigSlider={isBigSlider}\n                    >\n                        {shouldShowThumbLabel && (\n                            <StyledSliderThumbLabel\n                                $width={thumbWidth}\n                                $isBigSlider={isBigSlider}\n                                $position={toSliderThumbContentPosition}\n                                ref={toSliderThumbContentRef}\n                            >\n                                {typeof thumbLabelFormatter === 'function'\n                                    ? thumbLabelFormatter(toValue)\n                                    : toValue}\n                            </StyledSliderThumbLabel>\n                        )}\n                    </StyledSliderThumb>\n                )}\n                {interval && (\n                    <StyledSliderInput\n                        animate={{ height: isBigSlider ? 30 : 10 }}\n                        initial={{ height: 10 }}\n                        exit={{ height: 10 }}\n                        $thumbWidth={40}\n                        $max={maxValue}\n                        $min={minValue}\n                        $value={toValue}\n                        ref={toSliderRef}\n                        $isInterval={!!interval}\n                        type=\"range\"\n                        value={toValue}\n                        step={0.01}\n                        max={maxValue}\n                        min={minValue}\n                        onTouchStart={handleTouchStart}\n                        onTouchEnd={handleTouchEnd}\n                        onChange={handleControlToSlider}\n                        onMouseUp={handleMouseUp}\n                    />\n                )}\n            </StyledSlider>\n        ),\n        [\n            isDisabled,\n            isBigSlider,\n            interval,\n            fromValue,\n            maxValue,\n            minValue,\n            handleTouchStart,\n            handleTouchEnd,\n            handleInputChange,\n            handleMouseUp,\n            fromSliderThumbPosition,\n            shouldShowThumbLabel,\n            thumbWidth,\n            fromSliderThumbContentPosition,\n            thumbLabelFormatter,\n            toSliderThumbPosition,\n            toSliderThumbContentPosition,\n            toValue,\n            handleControlToSlider,\n        ],\n    );\n};\n\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Slider.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_styledComponents","_useElementSize","_slider","_Slider","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Slider","maxValue","minValue","value","onSelect","onChange","interval","isDisabled","thumbLabelFormatter","shouldShowThumbLabel","steps","fromValue","setFromValue","useState","toValue","setToValue","thumbWidth","setThumbWidth","isBigSlider","setIsBigSlider","fromSliderRef","useRef","toSliderRef","fromSliderThumbRef","toSliderThumbRef","fromSliderThumbContentRef","toSliderThumbContentRef","sliderWrapperRef","sliderWrapperSize","useElementSize","theme","useTheme","useEffect","getThumbMaxWidth","maxNumber","handleMouseUp","useCallback","_fromSliderRef$curren","_toSliderRef$current","from","Number","current","to","undefined","handleControlFromSlider","event","newValue","target","Math","round","fillSlider","toSlider","fromSlider","String","handleControlToSlider","handleInputChange","fromSliderThumbPosition","useMemo","calculateGradientOffset","max","min","containerWidth","offsetWidth","toSliderThumbPosition","toSliderThumbContentPosition","calculatePopupPosition","sliderValue","popupWidth","fromSliderThumbContentPosition","handleTouchStart","setRefreshScrollEnabled","handleTouchEnd","_fromSliderRef$curren2","_toSliderRef$current2","createElement","StyledSlider","ref","$isDisabled","StyledSliderInput","animate","height","initial","exit","$thumbWidth","$isInterval","type","step","onTouchStart","onTouchEnd","onMouseUp","$max","$min","$value","StyledSliderThumb","$position","$isBigSlider","StyledSliderThumbLabel","$width","displayName","_default","exports"],"sources":["../../../../src/components/slider/Slider.tsx"],"sourcesContent":["import { setRefreshScrollEnabled } from 'chayns-api';\nimport React, { ChangeEvent, FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useTheme } from 'styled-components';\nimport { useElementSize } from '../../hooks/useElementSize';\nimport {\n    calculateGradientOffset,\n    calculatePopupPosition,\n    fillSlider,\n    getThumbMaxWidth,\n} from '../../utils/slider';\nimport {\n    StyledSlider,\n    StyledSliderInput,\n    StyledSliderThumb,\n    StyledSliderThumbLabel,\n} from './Slider.styles';\n\nexport interface SliderInterval {\n    maxValue: number;\n    minValue: number;\n}\n\nexport type SliderProps = {\n    /**\n     * The range that can be selected with two thumbs..\n     */\n    interval?: SliderInterval;\n    /**\n     * Whether the slider is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * The maximum value of the slider.\n     */\n    maxValue: number;\n    /**\n     * The minimum value of the slider.\n     */\n    minValue: number;\n    /**\n     * Function that will be executed when the value is selected.\n     */\n    onSelect?: (value?: number, interval?: SliderInterval) => void;\n    /**\n     * Function that will be executed when the value is changed.\n     */\n    onChange?: (value?: number, interval?: SliderInterval) => void;\n    /**\n     * Whether the current value should be displayed inside the slider thumb.\n     */\n    shouldShowThumbLabel?: boolean;\n    /**\n     * The steps of the slider.\n     */\n    steps?: number;\n    /**\n     * A function to format the thumb label.\n     */\n    thumbLabelFormatter?: (value: number) => string;\n    /**\n     * the Value that the slider should have.\n     */\n    value?: number;\n};\n\nconst Slider: FC<SliderProps> = ({\n    maxValue,\n    minValue,\n    value,\n    onSelect,\n    onChange,\n    interval,\n    isDisabled,\n    thumbLabelFormatter,\n    shouldShowThumbLabel = false,\n    steps = 1,\n}) => {\n    const [fromValue, setFromValue] = useState(0);\n    const [toValue, setToValue] = useState(maxValue);\n    const [thumbWidth, setThumbWidth] = useState(20);\n    const [isBigSlider, setIsBigSlider] = useState(false);\n\n    const fromSliderRef = useRef<HTMLInputElement>(null);\n    const toSliderRef = useRef<HTMLInputElement>(null);\n    const fromSliderThumbRef = useRef<HTMLDivElement>(null);\n    const toSliderThumbRef = useRef<HTMLDivElement>(null);\n    const fromSliderThumbContentRef = useRef<HTMLDivElement>(null);\n    const toSliderThumbContentRef = useRef<HTMLDivElement>(null);\n    const sliderWrapperRef = useRef<HTMLDivElement>(null);\n\n    const sliderWrapperSize = useElementSize(sliderWrapperRef);\n\n    const theme = useTheme();\n\n    useEffect(() => {\n        if (shouldShowThumbLabel) {\n            setThumbWidth(getThumbMaxWidth({ maxNumber: maxValue, thumbLabelFormatter }));\n        }\n    }, [maxValue, shouldShowThumbLabel, thumbLabelFormatter]);\n\n    /**\n     * This function sets the value\n     */\n    useEffect(() => {\n        if (typeof value !== 'number') {\n            return;\n        }\n\n        if (value >= minValue && value <= maxValue) {\n            setFromValue(value);\n        }\n    }, [maxValue, minValue, value]);\n\n    useEffect(() => {\n        if (fromValue > toValue) {\n            setFromValue(toValue);\n        }\n\n        if (toValue < fromValue) {\n            setToValue(fromValue);\n        }\n    }, [fromValue, toValue]);\n\n    const handleMouseUp = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        const from = Number(fromSliderRef.current?.value);\n        const to = Number(toSliderRef.current?.value);\n\n        if (typeof onSelect === 'function') {\n            onSelect(\n                interval ? undefined : from,\n                interval ? { maxValue: to, minValue: from } : undefined,\n            );\n        }\n    }, [interval, isDisabled, onSelect]);\n\n    const handleControlFromSlider = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (!fromSliderRef.current || !toSliderRef.current) {\n                return;\n            }\n\n            let newValue = Number(event.target.value);\n\n            if (newValue > maxValue || newValue > maxValue - (maxValue % steps)) {\n                newValue = maxValue;\n            } else if (newValue < minValue) {\n                newValue = minValue;\n            } else {\n                newValue = Math.round(newValue / steps) * steps;\n            }\n\n            setFromValue(newValue);\n\n            const to = Number(toSliderRef.current.value);\n\n            if (typeof onChange === 'function') {\n                onChange(undefined, { maxValue: to, minValue: newValue });\n            }\n\n            fillSlider({\n                toSlider: toSliderRef.current,\n                fromSlider: fromSliderRef.current,\n                fromValue: newValue,\n                theme,\n            });\n\n            if (newValue > to) {\n                fromSliderRef.current.value = String(to);\n            } else {\n                fromSliderRef.current.value = String(newValue);\n            }\n        },\n        [maxValue, minValue, onChange, steps, theme],\n    );\n\n    const handleControlToSlider = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (isDisabled) {\n                return;\n            }\n\n            if (!fromSliderRef.current || !toSliderRef.current) {\n                return;\n            }\n\n            let newValue = Number(event.target.value);\n\n            if (newValue > maxValue || newValue > maxValue - (maxValue % steps)) {\n                newValue = maxValue;\n            } else if (newValue < minValue) {\n                newValue = minValue;\n            } else {\n                newValue = Math.round(newValue / steps) * steps;\n            }\n\n            setToValue(newValue);\n\n            const from = Number(fromSliderRef.current.value);\n\n            if (typeof onChange === 'function') {\n                onChange(undefined, { maxValue: newValue, minValue: from });\n            }\n\n            fillSlider({\n                toSlider: toSliderRef.current,\n                fromSlider: fromSliderRef.current,\n                toValue: newValue,\n                theme,\n            });\n\n            if (from <= newValue) {\n                toSliderRef.current.value = String(newValue);\n            } else {\n                toSliderRef.current.value = String(from);\n            }\n        },\n        [isDisabled, maxValue, minValue, onChange, steps, theme],\n    );\n\n    useEffect(() => {\n        if (!fromSliderRef.current || !toSliderRef.current || !interval) {\n            return;\n        }\n\n        setFromValue(interval.minValue);\n        setToValue(interval.maxValue);\n\n        fromSliderRef.current.value = String(interval.minValue);\n        toSliderRef.current.value = String(interval.maxValue);\n\n        fillSlider({\n            fromSlider: fromSliderRef.current,\n            toSlider: toSliderRef.current,\n            theme,\n        });\n        // Note: interval can´t be in the deps because of rerender\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [theme]);\n\n    /**\n     * This function updates the value\n     */\n    const handleInputChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (isDisabled) {\n                return;\n            }\n\n            let newValue = Number(event.target.value);\n\n            if (newValue > maxValue || newValue > maxValue - (maxValue % steps)) {\n                newValue = maxValue;\n            } else if (newValue < minValue) {\n                newValue = minValue;\n            } else {\n                newValue = Math.round(newValue / steps) * steps;\n            }\n\n            if (interval) {\n                handleControlFromSlider(event);\n\n                return;\n            }\n\n            setFromValue(newValue);\n\n            if (onChange) {\n                onChange(newValue);\n            }\n        },\n        [handleControlFromSlider, interval, isDisabled, maxValue, minValue, onChange, steps],\n    );\n\n    const fromSliderThumbPosition = useMemo(() => {\n        if (fromSliderRef.current && fromSliderThumbRef.current && sliderWrapperSize) {\n            return calculateGradientOffset({\n                max: maxValue,\n                min: minValue,\n                value: fromValue,\n                thumbWidth: 20,\n                containerWidth: fromSliderRef.current.offsetWidth,\n            });\n        }\n\n        return 0;\n    }, [fromValue, maxValue, minValue, sliderWrapperSize]);\n\n    const toSliderThumbPosition = useMemo(() => {\n        if (toSliderRef.current && toSliderThumbRef.current && sliderWrapperSize) {\n            return calculateGradientOffset({\n                max: maxValue,\n                min: minValue,\n                value: toValue,\n                thumbWidth: 20,\n                containerWidth: toSliderRef.current.offsetWidth,\n            });\n        }\n        return 0;\n    }, [toValue, minValue, maxValue, sliderWrapperSize]);\n\n    const toSliderThumbContentPosition = useMemo(\n        () =>\n            calculatePopupPosition({\n                min: minValue,\n                max: maxValue,\n                sliderValue: toValue,\n                popupWidth: thumbWidth,\n            }),\n        [maxValue, minValue, thumbWidth, toValue],\n    );\n\n    const fromSliderThumbContentPosition = useMemo(\n        () =>\n            calculatePopupPosition({\n                min: minValue,\n                max: maxValue,\n                sliderValue: fromValue,\n                popupWidth: thumbWidth,\n            }),\n        [fromValue, maxValue, minValue, thumbWidth],\n    );\n\n    const handleTouchStart = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        void setRefreshScrollEnabled(false);\n\n        if (shouldShowThumbLabel) {\n            setIsBigSlider(true);\n        }\n    }, [isDisabled, shouldShowThumbLabel]);\n\n    const handleTouchEnd = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        void setRefreshScrollEnabled(true);\n\n        const from = Number(fromSliderRef.current?.value);\n        const to = Number(toSliderRef.current?.value);\n\n        if (typeof onSelect === 'function') {\n            onSelect(\n                interval ? undefined : from,\n                interval ? { maxValue: to, minValue: from } : undefined,\n            );\n        }\n\n        if (shouldShowThumbLabel) {\n            setIsBigSlider(false);\n        }\n    }, [interval, isDisabled, onSelect, shouldShowThumbLabel]);\n\n    return useMemo(\n        () => (\n            <StyledSlider ref={sliderWrapperRef} $isDisabled={isDisabled}>\n                <StyledSliderInput\n                    animate={{ height: isBigSlider ? 30 : 10 }}\n                    initial={{ height: 10 }}\n                    exit={{ height: 10 }}\n                    $thumbWidth={40}\n                    ref={fromSliderRef}\n                    $isInterval={!!interval}\n                    type=\"range\"\n                    value={fromValue}\n                    step={0.01}\n                    max={maxValue}\n                    min={minValue}\n                    onTouchStart={handleTouchStart}\n                    onTouchEnd={handleTouchEnd}\n                    onChange={handleInputChange}\n                    onMouseUp={handleMouseUp}\n                    $max={maxValue}\n                    $min={minValue}\n                    $value={fromValue}\n                />\n                <StyledSliderThumb\n                    ref={fromSliderThumbRef}\n                    $position={fromSliderThumbPosition}\n                    $isBigSlider={isBigSlider}\n                >\n                    {shouldShowThumbLabel && (\n                        <StyledSliderThumbLabel\n                            $width={thumbWidth}\n                            $isBigSlider={isBigSlider}\n                            $position={fromSliderThumbContentPosition}\n                            ref={fromSliderThumbContentRef}\n                        >\n                            {typeof thumbLabelFormatter === 'function'\n                                ? thumbLabelFormatter(fromValue)\n                                : fromValue}\n                        </StyledSliderThumbLabel>\n                    )}\n                </StyledSliderThumb>\n                {interval && (\n                    <StyledSliderThumb\n                        ref={toSliderThumbRef}\n                        $position={toSliderThumbPosition}\n                        $isBigSlider={isBigSlider}\n                    >\n                        {shouldShowThumbLabel && (\n                            <StyledSliderThumbLabel\n                                $width={thumbWidth}\n                                $isBigSlider={isBigSlider}\n                                $position={toSliderThumbContentPosition}\n                                ref={toSliderThumbContentRef}\n                            >\n                                {typeof thumbLabelFormatter === 'function'\n                                    ? thumbLabelFormatter(toValue)\n                                    : toValue}\n                            </StyledSliderThumbLabel>\n                        )}\n                    </StyledSliderThumb>\n                )}\n                {interval && (\n                    <StyledSliderInput\n                        animate={{ height: isBigSlider ? 30 : 10 }}\n                        initial={{ height: 10 }}\n                        exit={{ height: 10 }}\n                        $thumbWidth={40}\n                        $max={maxValue}\n                        $min={minValue}\n                        $value={toValue}\n                        ref={toSliderRef}\n                        $isInterval={!!interval}\n                        type=\"range\"\n                        value={toValue}\n                        step={0.01}\n                        max={maxValue}\n                        min={minValue}\n                        onTouchStart={handleTouchStart}\n                        onTouchEnd={handleTouchEnd}\n                        onChange={handleControlToSlider}\n                        onMouseUp={handleMouseUp}\n                    />\n                )}\n            </StyledSlider>\n        ),\n        [\n            isDisabled,\n            isBigSlider,\n            interval,\n            fromValue,\n            maxValue,\n            minValue,\n            handleTouchStart,\n            handleTouchEnd,\n            handleInputChange,\n            handleMouseUp,\n            fromSliderThumbPosition,\n            shouldShowThumbLabel,\n            thumbWidth,\n            fromSliderThumbContentPosition,\n            thumbLabelFormatter,\n            toSliderThumbPosition,\n            toSliderThumbContentPosition,\n            toValue,\n            handleControlToSlider,\n        ],\n    );\n};\n\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/utils/pageProvider.js

@@ -19,8 +19,8 @@ const getPagePadding = () => {
   return '15px 10px 20px';
 };
 exports.getPagePadding = getPagePadding;
-const getPageProviderInformation = customPadding => {
-  const padding = (customPadding ?? getPagePadding()).split(' ');
+const getPageProviderInformation = () => {
+  const padding = getPagePadding().split(' ');
   const parseValue = value => {
     const parsed = parseInt(value.replace('px', ''), 10);
     return Number.isNaN(parsed) ? 0 : parsed;
@@ -68,7 +68,7 @@ const getPageProviderInformation = customPadding => {
     left: 0
   };
 };
-const getUsableHeight = async customPadding => {
+const getUsableHeight = async shouldRemovePadding => {
   let usableHeight;
   const {
     bottomBarHeight,
@@ -76,9 +76,12 @@ const getUsableHeight = async customPadding => {
     windowHeight
   } = await (0, _chaynsApi.getWindowMetrics)();
   const {
-    top,
-    bottom
-  } = getPageProviderInformation(customPadding);
+    bottom,
+    top
+  } = shouldRemovePadding ? {
+    bottom: 0,
+    top: 0
+  } : getPageProviderInformation();
   usableHeight = windowHeight - bottom - top;
   if (bottomBarHeight) {
     usableHeight -= bottomBarHeight;

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

@@ -1 +1 @@
-{"version":3,"file":"pageProvider.js","names":["_chaynsApi","require","_pageProvider","getPagePadding","runtimeEnvironment","getEnvironment","includes","matchMedia","PAGE_BREAKPOINTS","desktop","matches","exports","getPageProviderInformation","customPadding","padding","split","parseValue","value","parsed","parseInt","replace","Number","isNaN","length","top","right","bottom","left","vertical","horizontal","map","getUsableHeight","usableHeight","bottomBarHeight","topBarHeight","windowHeight","getWindowMetrics"],"sources":["../../../src/utils/pageProvider.ts"],"sourcesContent":["import { getEnvironment, getWindowMetrics } from 'chayns-api';\nimport { PAGE_BREAKPOINTS } from '../constants/pageProvider';\n\nexport const getPagePadding = () => {\n    const { runtimeEnvironment } = getEnvironment();\n\n    if (typeof runtimeEnvironment === 'number' && [4, 5].includes(runtimeEnvironment)) {\n        return '0';\n    }\n\n    if (matchMedia(PAGE_BREAKPOINTS.desktop).matches) {\n        return '35px 43px 30px';\n    }\n\n    return '15px 10px 20px';\n};\n\ntype PaddingValues = {\n    top: number;\n    right: number;\n    bottom: number;\n    left: number;\n};\n\nconst getPageProviderInformation = (customPadding?: string): PaddingValues => {\n    const padding = (customPadding ?? getPagePadding()).split(' ');\n\n    const parseValue = (value: string): number => {\n        const parsed = parseInt(value.replace('px', ''), 10);\n        return Number.isNaN(parsed) ? 0 : parsed;\n    };\n\n    if (padding.length === 1) {\n        const value = parseValue(padding[0] ?? '');\n        return { top: value, right: value, bottom: value, left: value };\n    }\n\n    if (padding.length === 2) {\n        const [vertical, horizontal] = padding.map(parseValue);\n        return {\n            top: vertical ?? 0,\n            right: horizontal ?? 0,\n            bottom: vertical ?? 0,\n            left: horizontal ?? 0,\n        };\n    }\n\n    if (padding.length === 3) {\n        const [top, horizontal, bottom] = padding.map(parseValue);\n        return {\n            top: top ?? 0,\n            right: horizontal ?? 0,\n            bottom: bottom ?? 0,\n            left: horizontal ?? 0,\n        };\n    }\n\n    if (padding.length === 4) {\n        const [top, right, bottom, left] = padding.map(parseValue);\n        return { top: top ?? 0, right: right ?? 0, bottom: bottom ?? 0, left: left ?? 0 };\n    }\n\n    return { top: 0, right: 0, bottom: 0, left: 0 };\n};\n\nexport const getUsableHeight = async (customPadding?: string) => {\n    let usableHeight;\n\n    const { bottomBarHeight, topBarHeight, windowHeight } = await getWindowMetrics();\n\n    const { top, bottom } = getPageProviderInformation(customPadding);\n\n    usableHeight = windowHeight - bottom - top;\n\n    if (bottomBarHeight) {\n        usableHeight -= bottomBarHeight;\n    }\n\n    if (topBarHeight) {\n        usableHeight -= topBarHeight;\n    }\n\n    return usableHeight;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"pageProvider.js","names":["_chaynsApi","require","_pageProvider","getPagePadding","runtimeEnvironment","getEnvironment","includes","matchMedia","PAGE_BREAKPOINTS","desktop","matches","exports","getPageProviderInformation","padding","split","parseValue","value","parsed","parseInt","replace","Number","isNaN","length","top","right","bottom","left","vertical","horizontal","map","getUsableHeight","shouldRemovePadding","usableHeight","bottomBarHeight","topBarHeight","windowHeight","getWindowMetrics"],"sources":["../../../src/utils/pageProvider.ts"],"sourcesContent":["import { getEnvironment, getWindowMetrics } from 'chayns-api';\nimport { PAGE_BREAKPOINTS } from '../constants/pageProvider';\n\nexport const getPagePadding = () => {\n    const { runtimeEnvironment } = getEnvironment();\n\n    if (typeof runtimeEnvironment === 'number' && [4, 5].includes(runtimeEnvironment)) {\n        return '0';\n    }\n\n    if (matchMedia(PAGE_BREAKPOINTS.desktop).matches) {\n        return '35px 43px 30px';\n    }\n\n    return '15px 10px 20px';\n};\n\ntype PaddingValues = {\n    top: number;\n    right: number;\n    bottom: number;\n    left: number;\n};\n\nconst getPageProviderInformation = (): PaddingValues => {\n    const padding = getPagePadding().split(' ');\n\n    const parseValue = (value: string): number => {\n        const parsed = parseInt(value.replace('px', ''), 10);\n        return Number.isNaN(parsed) ? 0 : parsed;\n    };\n\n    if (padding.length === 1) {\n        const value = parseValue(padding[0] ?? '');\n        return { top: value, right: value, bottom: value, left: value };\n    }\n\n    if (padding.length === 2) {\n        const [vertical, horizontal] = padding.map(parseValue);\n        return {\n            top: vertical ?? 0,\n            right: horizontal ?? 0,\n            bottom: vertical ?? 0,\n            left: horizontal ?? 0,\n        };\n    }\n\n    if (padding.length === 3) {\n        const [top, horizontal, bottom] = padding.map(parseValue);\n        return {\n            top: top ?? 0,\n            right: horizontal ?? 0,\n            bottom: bottom ?? 0,\n            left: horizontal ?? 0,\n        };\n    }\n\n    if (padding.length === 4) {\n        const [top, right, bottom, left] = padding.map(parseValue);\n        return { top: top ?? 0, right: right ?? 0, bottom: bottom ?? 0, left: left ?? 0 };\n    }\n\n    return { top: 0, right: 0, bottom: 0, left: 0 };\n};\n\nexport const getUsableHeight = async (shouldRemovePadding?: boolean) => {\n    let usableHeight;\n\n    const { bottomBarHeight, topBarHeight, windowHeight } = await getWindowMetrics();\n\n    const { bottom, top } = shouldRemovePadding\n        ? { bottom: 0, top: 0 }\n        : getPageProviderInformation();\n\n    usableHeight = windowHeight - bottom - top;\n\n    if (bottomBarHeight) {\n        usableHeight -= bottomBarHeight;\n    }\n\n    if (topBarHeight) {\n        usableHeight -= topBarHeight;\n    }\n\n    return usableHeight;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/page-provider/PageProvider.js

@@ -22,27 +22,24 @@ const PageProvider = _ref => {
     shouldUseUsableHeight
   } = _ref;
   const [usableHeight, setUsableHeight] = useState(0);
-  const [padding, setPadding] = useState();
+  const [padding, setPadding] = useState(shouldRemovePadding ? 0 : getPagePadding());
   useEffect(() => {
-    const fetchUsableHeight = async () => {
-      const height = await getUsableHeight();
+    void getUsableHeight(shouldRemovePadding).then(height => {
       setUsableHeight(height);
-    };
-    void fetchUsableHeight();
-  }, []);
+    });
+  }, [shouldRemovePadding]);
   useEffect(() => {
     const handleResize = () => {
-      setPadding(getPagePadding());
+      setPadding(shouldRemovePadding ? 0 : getPagePadding());
     };
-    setPadding(getPagePadding());
     window.addEventListener('resize', handleResize);
     return () => {
       window.removeEventListener('resize', handleResize);
     };
-  }, [padding]);
+  }, [shouldRemovePadding]);
   return /*#__PURE__*/React.createElement(StyledPageProvider, {
     className: "page-provider",
-    $padding: shouldRemovePadding ? 0 : padding,
+    $padding: padding,
     $usableHeight: shouldUseUsableHeight ? usableHeight : undefined
   }, /*#__PURE__*/React.createElement(ColorSchemeProvider, {
     color: color,

package/lib/esm/components/page-provider/PageProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageProvider.js","names":["React","useEffect","useState","createGlobalStyle","getPagePadding","getUsableHeight","ColorSchemeProvider","StyledPageProvider","GlobalStyle","PageProvider","_ref","children","color","colorMode","cssVariables","secondaryColor","siteId","style","designSettings","shouldRemovePadding","shouldUseUsableHeight","usableHeight","setUsableHeight","padding","setPadding","fetchUsableHeight","height","handleResize","window","addEventListener","removeEventListener","createElement","className","$padding","$usableHeight","undefined","displayName"],"sources":["../../../../src/components/page-provider/PageProvider.tsx"],"sourcesContent":["import React, { FC, useEffect, useState, type CSSProperties } from 'react';\nimport { createGlobalStyle } from 'styled-components';\nimport { getPagePadding, getUsableHeight } from '../../utils/pageProvider';\nimport ColorSchemeProvider, {\n    type ColorSchemeProviderProps,\n} from '../color-scheme-provider/ColorSchemeProvider';\nimport { StyledPageProvider } from './PageProvider.styles';\n\ninterface PageProviderProps extends ColorSchemeProviderProps {\n    /**\n     * Whether the padding should be removed.\n     */\n    shouldRemovePadding?: boolean;\n    /**\n     * Whether the usable height should be used.\n     */\n    shouldUseUsableHeight?: boolean;\n}\n\nconst GlobalStyle = createGlobalStyle`\n  *, *::before, *::after {\n    box-sizing: border-box;\n  }\n`;\n\nconst PageProvider: FC<PageProviderProps> = ({\n    children,\n    color,\n    colorMode,\n    cssVariables = {},\n    secondaryColor,\n    siteId,\n    style = {},\n    designSettings,\n    shouldRemovePadding,\n    shouldUseUsableHeight,\n}) => {\n    const [usableHeight, setUsableHeight] = useState(0);\n    const [padding, setPadding] = useState<CSSProperties['padding']>();\n\n    useEffect(() => {\n        const fetchUsableHeight = async () => {\n            const height = await getUsableHeight();\n            setUsableHeight(height);\n        };\n\n        void fetchUsableHeight();\n    }, []);\n\n    useEffect(() => {\n        const handleResize = () => {\n            setPadding(getPagePadding());\n        };\n\n        setPadding(getPagePadding());\n\n        window.addEventListener('resize', handleResize);\n\n        return () => {\n            window.removeEventListener('resize', handleResize);\n        };\n    }, [padding]);\n\n    return (\n        <StyledPageProvider\n            className=\"page-provider\"\n            $padding={shouldRemovePadding ? 0 : padding}\n            $usableHeight={shouldUseUsableHeight ? usableHeight : undefined}\n        >\n            <ColorSchemeProvider\n                color={color}\n                secondaryColor={secondaryColor}\n                colorMode={colorMode}\n                style={style}\n                siteId={siteId}\n                designSettings={designSettings}\n                cssVariables={cssVariables}\n            >\n                {children}\n            </ColorSchemeProvider>\n            <GlobalStyle />\n        </StyledPageProvider>\n    );\n};\nPageProvider.displayName = 'PageProvider';\n\nexport default PageProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,SAAS,EAAEC,QAAQ,QAA4B,OAAO;AAC1E,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SAASC,cAAc,EAAEC,eAAe,QAAQ,0BAA0B;AAC1E,OAAOC,mBAAmB,MAEnB,8CAA8C;AACrD,SAASC,kBAAkB,QAAQ,uBAAuB;AAa1D,MAAMC,WAAW,GAAGL,iBAAiB;AACrC;AACA;AACA;AACA,CAAC;AAED,MAAMM,YAAmC,GAAGC,IAAA,IAWtC;EAAA,IAXuC;IACzCC,QAAQ;IACRC,KAAK;IACLC,SAAS;IACTC,YAAY,GAAG,CAAC,CAAC;IACjBC,cAAc;IACdC,MAAM;IACNC,KAAK,GAAG,CAAC,CAAC;IACVC,cAAc;IACdC,mBAAmB;IACnBC;EACJ,CAAC,GAAAV,IAAA;EACG,MAAM,CAACW,YAAY,EAAEC,eAAe,CAAC,GAAGpB,QAAQ,CAAC,CAAC,CAAC;EACnD,MAAM,CAACqB,OAAO,EAAEC,UAAU,CAAC,GAAGtB,QAAQ,CAA2B,CAAC;EAElED,SAAS,CAAC,MAAM;IACZ,MAAMwB,iBAAiB,GAAG,MAAAA,CAAA,KAAY;MAClC,MAAMC,MAAM,GAAG,MAAMrB,eAAe,CAAC,CAAC;MACtCiB,eAAe,CAACI,MAAM,CAAC;IAC3B,CAAC;IAED,KAAKD,iBAAiB,CAAC,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC;EAENxB,SAAS,CAAC,MAAM;IACZ,MAAM0B,YAAY,GAAGA,CAAA,KAAM;MACvBH,UAAU,CAACpB,cAAc,CAAC,CAAC,CAAC;IAChC,CAAC;IAEDoB,UAAU,CAACpB,cAAc,CAAC,CAAC,CAAC;IAE5BwB,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IAE/C,OAAO,MAAM;MACTC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,YAAY,CAAC;IACtD,CAAC;EACL,CAAC,EAAE,CAACJ,OAAO,CAAC,CAAC;EAEb,oBACIvB,KAAA,CAAA+B,aAAA,CAACxB,kBAAkB;IACfyB,SAAS,EAAC,eAAe;IACzBC,QAAQ,EAAEd,mBAAmB,GAAG,CAAC,GAAGI,OAAQ;IAC5CW,aAAa,EAAEd,qBAAqB,GAAGC,YAAY,GAAGc;EAAU,gBAEhEnC,KAAA,CAAA+B,aAAA,CAACzB,mBAAmB;IAChBM,KAAK,EAAEA,KAAM;IACbG,cAAc,EAAEA,cAAe;IAC/BF,SAAS,EAAEA,SAAU;IACrBI,KAAK,EAAEA,KAAM;IACbD,MAAM,EAAEA,MAAO;IACfE,cAAc,EAAEA,cAAe;IAC/BJ,YAAY,EAAEA;EAAa,GAE1BH,QACgB,CAAC,eACtBX,KAAA,CAAA+B,aAAA,CAACvB,WAAW,MAAE,CACE,CAAC;AAE7B,CAAC;AACDC,YAAY,CAAC2B,WAAW,GAAG,cAAc;AAEzC,eAAe3B,YAAY","ignoreList":[]}
+{"version":3,"file":"PageProvider.js","names":["React","useEffect","useState","createGlobalStyle","getPagePadding","getUsableHeight","ColorSchemeProvider","StyledPageProvider","GlobalStyle","PageProvider","_ref","children","color","colorMode","cssVariables","secondaryColor","siteId","style","designSettings","shouldRemovePadding","shouldUseUsableHeight","usableHeight","setUsableHeight","padding","setPadding","then","height","handleResize","window","addEventListener","removeEventListener","createElement","className","$padding","$usableHeight","undefined","displayName"],"sources":["../../../../src/components/page-provider/PageProvider.tsx"],"sourcesContent":["import React, { FC, useEffect, useState, type CSSProperties } from 'react';\nimport { createGlobalStyle } from 'styled-components';\nimport { getPagePadding, getUsableHeight } from '../../utils/pageProvider';\nimport ColorSchemeProvider, {\n    type ColorSchemeProviderProps,\n} from '../color-scheme-provider/ColorSchemeProvider';\nimport { StyledPageProvider } from './PageProvider.styles';\n\ninterface PageProviderProps extends ColorSchemeProviderProps {\n    /**\n     * Whether the padding should be removed.\n     */\n    shouldRemovePadding?: boolean;\n    /**\n     * Whether the usable height should be used.\n     */\n    shouldUseUsableHeight?: boolean;\n}\n\nconst GlobalStyle = createGlobalStyle`\n  *, *::before, *::after {\n    box-sizing: border-box;\n  }\n`;\n\nconst PageProvider: FC<PageProviderProps> = ({\n    children,\n    color,\n    colorMode,\n    cssVariables = {},\n    secondaryColor,\n    siteId,\n    style = {},\n    designSettings,\n    shouldRemovePadding,\n    shouldUseUsableHeight,\n}) => {\n    const [usableHeight, setUsableHeight] = useState(0);\n    const [padding, setPadding] = useState<CSSProperties['padding']>(\n        shouldRemovePadding ? 0 : getPagePadding(),\n    );\n\n    useEffect(() => {\n        void getUsableHeight(shouldRemovePadding).then((height) => {\n            setUsableHeight(height);\n        });\n    }, [shouldRemovePadding]);\n\n    useEffect(() => {\n        const handleResize = () => {\n            setPadding(shouldRemovePadding ? 0 : getPagePadding());\n        };\n\n        window.addEventListener('resize', handleResize);\n\n        return () => {\n            window.removeEventListener('resize', handleResize);\n        };\n    }, [shouldRemovePadding]);\n\n    return (\n        <StyledPageProvider\n            className=\"page-provider\"\n            $padding={padding}\n            $usableHeight={shouldUseUsableHeight ? usableHeight : undefined}\n        >\n            <ColorSchemeProvider\n                color={color}\n                secondaryColor={secondaryColor}\n                colorMode={colorMode}\n                style={style}\n                siteId={siteId}\n                designSettings={designSettings}\n                cssVariables={cssVariables}\n            >\n                {children}\n            </ColorSchemeProvider>\n            <GlobalStyle />\n        </StyledPageProvider>\n    );\n};\nPageProvider.displayName = 'PageProvider';\n\nexport default PageProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,SAAS,EAAEC,QAAQ,QAA4B,OAAO;AAC1E,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD,SAASC,cAAc,EAAEC,eAAe,QAAQ,0BAA0B;AAC1E,OAAOC,mBAAmB,MAEnB,8CAA8C;AACrD,SAASC,kBAAkB,QAAQ,uBAAuB;AAa1D,MAAMC,WAAW,GAAGL,iBAAiB;AACrC;AACA;AACA;AACA,CAAC;AAED,MAAMM,YAAmC,GAAGC,IAAA,IAWtC;EAAA,IAXuC;IACzCC,QAAQ;IACRC,KAAK;IACLC,SAAS;IACTC,YAAY,GAAG,CAAC,CAAC;IACjBC,cAAc;IACdC,MAAM;IACNC,KAAK,GAAG,CAAC,CAAC;IACVC,cAAc;IACdC,mBAAmB;IACnBC;EACJ,CAAC,GAAAV,IAAA;EACG,MAAM,CAACW,YAAY,EAAEC,eAAe,CAAC,GAAGpB,QAAQ,CAAC,CAAC,CAAC;EACnD,MAAM,CAACqB,OAAO,EAAEC,UAAU,CAAC,GAAGtB,QAAQ,CAClCiB,mBAAmB,GAAG,CAAC,GAAGf,cAAc,CAAC,CAC7C,CAAC;EAEDH,SAAS,CAAC,MAAM;IACZ,KAAKI,eAAe,CAACc,mBAAmB,CAAC,CAACM,IAAI,CAAEC,MAAM,IAAK;MACvDJ,eAAe,CAACI,MAAM,CAAC;IAC3B,CAAC,CAAC;EACN,CAAC,EAAE,CAACP,mBAAmB,CAAC,CAAC;EAEzBlB,SAAS,CAAC,MAAM;IACZ,MAAM0B,YAAY,GAAGA,CAAA,KAAM;MACvBH,UAAU,CAACL,mBAAmB,GAAG,CAAC,GAAGf,cAAc,CAAC,CAAC,CAAC;IAC1D,CAAC;IAEDwB,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IAE/C,OAAO,MAAM;MACTC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,YAAY,CAAC;IACtD,CAAC;EACL,CAAC,EAAE,CAACR,mBAAmB,CAAC,CAAC;EAEzB,oBACInB,KAAA,CAAA+B,aAAA,CAACxB,kBAAkB;IACfyB,SAAS,EAAC,eAAe;IACzBC,QAAQ,EAAEV,OAAQ;IAClBW,aAAa,EAAEd,qBAAqB,GAAGC,YAAY,GAAGc;EAAU,gBAEhEnC,KAAA,CAAA+B,aAAA,CAACzB,mBAAmB;IAChBM,KAAK,EAAEA,KAAM;IACbG,cAAc,EAAEA,cAAe;IAC/BF,SAAS,EAAEA,SAAU;IACrBI,KAAK,EAAEA,KAAM;IACbD,MAAM,EAAEA,MAAO;IACfE,cAAc,EAAEA,cAAe;IAC/BJ,YAAY,EAAEA;EAAa,GAE1BH,QACgB,CAAC,eACtBX,KAAA,CAAA+B,aAAA,CAACvB,WAAW,MAAE,CACE,CAAC;AAE7B,CAAC;AACDC,YAAY,CAAC2B,WAAW,GAAG,cAAc;AAEzC,eAAe3B,YAAY","ignoreList":[]}

package/lib/esm/components/slider/Slider.js

@@ -62,7 +62,6 @@ const Slider = _ref => {
     if (isDisabled) {
       return;
     }
-    void setRefreshScrollEnabled(true);
     const from = Number(fromSliderRef.current?.value);
     const to = Number(toSliderRef.current?.value);
     if (typeof onSelect === 'function') {
@@ -108,7 +107,6 @@ const Slider = _ref => {
     if (isDisabled) {
       return;
     }
-    void setRefreshScrollEnabled(false);
     if (!fromSliderRef.current || !toSliderRef.current) {
       return;
     }
@@ -164,7 +162,6 @@ const Slider = _ref => {
     if (isDisabled) {
       return;
     }
-    void setRefreshScrollEnabled(false);
     let newValue = Number(event.target.value);
     if (newValue > maxValue || newValue > maxValue - maxValue % steps) {
       newValue = maxValue;
@@ -222,6 +219,7 @@ const Slider = _ref => {
     if (isDisabled) {
       return;
     }
+    void setRefreshScrollEnabled(false);
     if (shouldShowThumbLabel) {
       setIsBigSlider(true);
     }
@@ -230,6 +228,7 @@ const Slider = _ref => {
     if (isDisabled) {
       return;
     }
+    void setRefreshScrollEnabled(true);
     const from = Number(fromSliderRef.current?.value);
     const to = Number(toSliderRef.current?.value);
     if (typeof onSelect === 'function') {

package/lib/esm/components/slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":["setRefreshScrollEnabled","React","useCallback","useEffect","useMemo","useRef","useState","useTheme","useElementSize","calculateGradientOffset","calculatePopupPosition","fillSlider","getThumbMaxWidth","StyledSlider","StyledSliderInput","StyledSliderThumb","StyledSliderThumbLabel","Slider","_ref","maxValue","minValue","value","onSelect","onChange","interval","isDisabled","thumbLabelFormatter","shouldShowThumbLabel","steps","fromValue","setFromValue","toValue","setToValue","thumbWidth","setThumbWidth","isBigSlider","setIsBigSlider","fromSliderRef","toSliderRef","fromSliderThumbRef","toSliderThumbRef","fromSliderThumbContentRef","toSliderThumbContentRef","sliderWrapperRef","sliderWrapperSize","theme","maxNumber","handleMouseUp","from","Number","current","to","undefined","handleControlFromSlider","event","newValue","target","Math","round","toSlider","fromSlider","String","handleControlToSlider","handleInputChange","fromSliderThumbPosition","max","min","containerWidth","offsetWidth","toSliderThumbPosition","toSliderThumbContentPosition","sliderValue","popupWidth","fromSliderThumbContentPosition","handleTouchStart","handleTouchEnd","createElement","ref","$isDisabled","animate","height","initial","exit","$thumbWidth","$isInterval","type","step","onTouchStart","onTouchEnd","onMouseUp","$max","$min","$value","$position","$isBigSlider","$width","displayName"],"sources":["../../../../src/components/slider/Slider.tsx"],"sourcesContent":["import { setRefreshScrollEnabled } from 'chayns-api';\nimport React, { ChangeEvent, FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useTheme } from 'styled-components';\nimport { useElementSize } from '../../hooks/useElementSize';\nimport {\n    calculateGradientOffset,\n    calculatePopupPosition,\n    fillSlider,\n    getThumbMaxWidth,\n} from '../../utils/slider';\nimport {\n    StyledSlider,\n    StyledSliderInput,\n    StyledSliderThumb,\n    StyledSliderThumbLabel,\n} from './Slider.styles';\n\nexport interface SliderInterval {\n    maxValue: number;\n    minValue: number;\n}\n\nexport type SliderProps = {\n    /**\n     * The range that can be selected with two thumbs..\n     */\n    interval?: SliderInterval;\n    /**\n     * Whether the slider is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * The maximum value of the slider.\n     */\n    maxValue: number;\n    /**\n     * The minimum value of the slider.\n     */\n    minValue: number;\n    /**\n     * Function that will be executed when the value is selected.\n     */\n    onSelect?: (value?: number, interval?: SliderInterval) => void;\n    /**\n     * Function that will be executed when the value is changed.\n     */\n    onChange?: (value?: number, interval?: SliderInterval) => void;\n    /**\n     * Whether the current value should be displayed inside the slider thumb.\n     */\n    shouldShowThumbLabel?: boolean;\n    /**\n     * The steps of the slider.\n     */\n    steps?: number;\n    /**\n     * A function to format the thumb label.\n     */\n    thumbLabelFormatter?: (value: number) => string;\n    /**\n     * the Value that the slider should have.\n     */\n    value?: number;\n};\n\nconst Slider: FC<SliderProps> = ({\n    maxValue,\n    minValue,\n    value,\n    onSelect,\n    onChange,\n    interval,\n    isDisabled,\n    thumbLabelFormatter,\n    shouldShowThumbLabel = false,\n    steps = 1,\n}) => {\n    const [fromValue, setFromValue] = useState(0);\n    const [toValue, setToValue] = useState(maxValue);\n    const [thumbWidth, setThumbWidth] = useState(20);\n    const [isBigSlider, setIsBigSlider] = useState(false);\n\n    const fromSliderRef = useRef<HTMLInputElement>(null);\n    const toSliderRef = useRef<HTMLInputElement>(null);\n    const fromSliderThumbRef = useRef<HTMLDivElement>(null);\n    const toSliderThumbRef = useRef<HTMLDivElement>(null);\n    const fromSliderThumbContentRef = useRef<HTMLDivElement>(null);\n    const toSliderThumbContentRef = useRef<HTMLDivElement>(null);\n    const sliderWrapperRef = useRef<HTMLDivElement>(null);\n\n    const sliderWrapperSize = useElementSize(sliderWrapperRef);\n\n    const theme = useTheme();\n\n    useEffect(() => {\n        if (shouldShowThumbLabel) {\n            setThumbWidth(getThumbMaxWidth({ maxNumber: maxValue, thumbLabelFormatter }));\n        }\n    }, [maxValue, shouldShowThumbLabel, thumbLabelFormatter]);\n\n    /**\n     * This function sets the value\n     */\n    useEffect(() => {\n        if (typeof value !== 'number') {\n            return;\n        }\n\n        if (value >= minValue && value <= maxValue) {\n            setFromValue(value);\n        }\n    }, [maxValue, minValue, value]);\n\n    useEffect(() => {\n        if (fromValue > toValue) {\n            setFromValue(toValue);\n        }\n\n        if (toValue < fromValue) {\n            setToValue(fromValue);\n        }\n    }, [fromValue, toValue]);\n\n    const handleMouseUp = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        void setRefreshScrollEnabled(true);\n\n        const from = Number(fromSliderRef.current?.value);\n        const to = Number(toSliderRef.current?.value);\n\n        if (typeof onSelect === 'function') {\n            onSelect(\n                interval ? undefined : from,\n                interval ? { maxValue: to, minValue: from } : undefined,\n            );\n        }\n    }, [interval, isDisabled, onSelect]);\n\n    const handleControlFromSlider = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (!fromSliderRef.current || !toSliderRef.current) {\n                return;\n            }\n\n            let newValue = Number(event.target.value);\n\n            if (newValue > maxValue || newValue > maxValue - (maxValue % steps)) {\n                newValue = maxValue;\n            } else if (newValue < minValue) {\n                newValue = minValue;\n            } else {\n                newValue = Math.round(newValue / steps) * steps;\n            }\n\n            setFromValue(newValue);\n\n            const to = Number(toSliderRef.current.value);\n\n            if (typeof onChange === 'function') {\n                onChange(undefined, { maxValue: to, minValue: newValue });\n            }\n\n            fillSlider({\n                toSlider: toSliderRef.current,\n                fromSlider: fromSliderRef.current,\n                fromValue: newValue,\n                theme,\n            });\n\n            if (newValue > to) {\n                fromSliderRef.current.value = String(to);\n            } else {\n                fromSliderRef.current.value = String(newValue);\n            }\n        },\n        [maxValue, minValue, onChange, steps, theme],\n    );\n\n    const handleControlToSlider = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (isDisabled) {\n                return;\n            }\n\n            void setRefreshScrollEnabled(false);\n\n            if (!fromSliderRef.current || !toSliderRef.current) {\n                return;\n            }\n\n            let newValue = Number(event.target.value);\n\n            if (newValue > maxValue || newValue > maxValue - (maxValue % steps)) {\n                newValue = maxValue;\n            } else if (newValue < minValue) {\n                newValue = minValue;\n            } else {\n                newValue = Math.round(newValue / steps) * steps;\n            }\n\n            setToValue(newValue);\n\n            const from = Number(fromSliderRef.current.value);\n\n            if (typeof onChange === 'function') {\n                onChange(undefined, { maxValue: newValue, minValue: from });\n            }\n\n            fillSlider({\n                toSlider: toSliderRef.current,\n                fromSlider: fromSliderRef.current,\n                toValue: newValue,\n                theme,\n            });\n\n            if (from <= newValue) {\n                toSliderRef.current.value = String(newValue);\n            } else {\n                toSliderRef.current.value = String(from);\n            }\n        },\n        [isDisabled, maxValue, minValue, onChange, steps, theme],\n    );\n\n    useEffect(() => {\n        if (!fromSliderRef.current || !toSliderRef.current || !interval) {\n            return;\n        }\n\n        setFromValue(interval.minValue);\n        setToValue(interval.maxValue);\n\n        fromSliderRef.current.value = String(interval.minValue);\n        toSliderRef.current.value = String(interval.maxValue);\n\n        fillSlider({\n            fromSlider: fromSliderRef.current,\n            toSlider: toSliderRef.current,\n            theme,\n        });\n        // Note: interval can´t be in the deps because of rerender\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [theme]);\n\n    /**\n     * This function updates the value\n     */\n    const handleInputChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (isDisabled) {\n                return;\n            }\n\n            void setRefreshScrollEnabled(false);\n\n            let newValue = Number(event.target.value);\n\n            if (newValue > maxValue || newValue > maxValue - (maxValue % steps)) {\n                newValue = maxValue;\n            } else if (newValue < minValue) {\n                newValue = minValue;\n            } else {\n                newValue = Math.round(newValue / steps) * steps;\n            }\n\n            if (interval) {\n                handleControlFromSlider(event);\n\n                return;\n            }\n\n            setFromValue(newValue);\n\n            if (onChange) {\n                onChange(newValue);\n            }\n        },\n        [handleControlFromSlider, interval, isDisabled, maxValue, minValue, onChange, steps],\n    );\n\n    const fromSliderThumbPosition = useMemo(() => {\n        if (fromSliderRef.current && fromSliderThumbRef.current && sliderWrapperSize) {\n            return calculateGradientOffset({\n                max: maxValue,\n                min: minValue,\n                value: fromValue,\n                thumbWidth: 20,\n                containerWidth: fromSliderRef.current.offsetWidth,\n            });\n        }\n\n        return 0;\n    }, [fromValue, maxValue, minValue, sliderWrapperSize]);\n\n    const toSliderThumbPosition = useMemo(() => {\n        if (toSliderRef.current && toSliderThumbRef.current && sliderWrapperSize) {\n            return calculateGradientOffset({\n                max: maxValue,\n                min: minValue,\n                value: toValue,\n                thumbWidth: 20,\n                containerWidth: toSliderRef.current.offsetWidth,\n            });\n        }\n        return 0;\n    }, [toValue, minValue, maxValue, sliderWrapperSize]);\n\n    const toSliderThumbContentPosition = useMemo(\n        () =>\n            calculatePopupPosition({\n                min: minValue,\n                max: maxValue,\n                sliderValue: toValue,\n                popupWidth: thumbWidth,\n            }),\n        [maxValue, minValue, thumbWidth, toValue],\n    );\n\n    const fromSliderThumbContentPosition = useMemo(\n        () =>\n            calculatePopupPosition({\n                min: minValue,\n                max: maxValue,\n                sliderValue: fromValue,\n                popupWidth: thumbWidth,\n            }),\n        [fromValue, maxValue, minValue, thumbWidth],\n    );\n\n    const handleTouchStart = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        if (shouldShowThumbLabel) {\n            setIsBigSlider(true);\n        }\n    }, [isDisabled, shouldShowThumbLabel]);\n\n    const handleTouchEnd = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        const from = Number(fromSliderRef.current?.value);\n        const to = Number(toSliderRef.current?.value);\n\n        if (typeof onSelect === 'function') {\n            onSelect(\n                interval ? undefined : from,\n                interval ? { maxValue: to, minValue: from } : undefined,\n            );\n        }\n\n        if (shouldShowThumbLabel) {\n            setIsBigSlider(false);\n        }\n    }, [interval, isDisabled, onSelect, shouldShowThumbLabel]);\n\n    return useMemo(\n        () => (\n            <StyledSlider ref={sliderWrapperRef} $isDisabled={isDisabled}>\n                <StyledSliderInput\n                    animate={{ height: isBigSlider ? 30 : 10 }}\n                    initial={{ height: 10 }}\n                    exit={{ height: 10 }}\n                    $thumbWidth={40}\n                    ref={fromSliderRef}\n                    $isInterval={!!interval}\n                    type=\"range\"\n                    value={fromValue}\n                    step={0.01}\n                    max={maxValue}\n                    min={minValue}\n                    onTouchStart={handleTouchStart}\n                    onTouchEnd={handleTouchEnd}\n                    onChange={handleInputChange}\n                    onMouseUp={handleMouseUp}\n                    $max={maxValue}\n                    $min={minValue}\n                    $value={fromValue}\n                />\n                <StyledSliderThumb\n                    ref={fromSliderThumbRef}\n                    $position={fromSliderThumbPosition}\n                    $isBigSlider={isBigSlider}\n                >\n                    {shouldShowThumbLabel && (\n                        <StyledSliderThumbLabel\n                            $width={thumbWidth}\n                            $isBigSlider={isBigSlider}\n                            $position={fromSliderThumbContentPosition}\n                            ref={fromSliderThumbContentRef}\n                        >\n                            {typeof thumbLabelFormatter === 'function'\n                                ? thumbLabelFormatter(fromValue)\n                                : fromValue}\n                        </StyledSliderThumbLabel>\n                    )}\n                </StyledSliderThumb>\n                {interval && (\n                    <StyledSliderThumb\n                        ref={toSliderThumbRef}\n                        $position={toSliderThumbPosition}\n                        $isBigSlider={isBigSlider}\n                    >\n                        {shouldShowThumbLabel && (\n                            <StyledSliderThumbLabel\n                                $width={thumbWidth}\n                                $isBigSlider={isBigSlider}\n                                $position={toSliderThumbContentPosition}\n                                ref={toSliderThumbContentRef}\n                            >\n                                {typeof thumbLabelFormatter === 'function'\n                                    ? thumbLabelFormatter(toValue)\n                                    : toValue}\n                            </StyledSliderThumbLabel>\n                        )}\n                    </StyledSliderThumb>\n                )}\n                {interval && (\n                    <StyledSliderInput\n                        animate={{ height: isBigSlider ? 30 : 10 }}\n                        initial={{ height: 10 }}\n                        exit={{ height: 10 }}\n                        $thumbWidth={40}\n                        $max={maxValue}\n                        $min={minValue}\n                        $value={toValue}\n                        ref={toSliderRef}\n                        $isInterval={!!interval}\n                        type=\"range\"\n                        value={toValue}\n                        step={0.01}\n                        max={maxValue}\n                        min={minValue}\n                        onTouchStart={handleTouchStart}\n                        onTouchEnd={handleTouchEnd}\n                        onChange={handleControlToSlider}\n                        onMouseUp={handleMouseUp}\n                    />\n                )}\n            </StyledSlider>\n        ),\n        [\n            isDisabled,\n            isBigSlider,\n            interval,\n            fromValue,\n            maxValue,\n            minValue,\n            handleTouchStart,\n            handleTouchEnd,\n            handleInputChange,\n            handleMouseUp,\n            fromSliderThumbPosition,\n            shouldShowThumbLabel,\n            thumbWidth,\n            fromSliderThumbContentPosition,\n            thumbLabelFormatter,\n            toSliderThumbPosition,\n            toSliderThumbContentPosition,\n            toValue,\n            handleControlToSlider,\n        ],\n    );\n};\n\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Slider.js","names":["setRefreshScrollEnabled","React","useCallback","useEffect","useMemo","useRef","useState","useTheme","useElementSize","calculateGradientOffset","calculatePopupPosition","fillSlider","getThumbMaxWidth","StyledSlider","StyledSliderInput","StyledSliderThumb","StyledSliderThumbLabel","Slider","_ref","maxValue","minValue","value","onSelect","onChange","interval","isDisabled","thumbLabelFormatter","shouldShowThumbLabel","steps","fromValue","setFromValue","toValue","setToValue","thumbWidth","setThumbWidth","isBigSlider","setIsBigSlider","fromSliderRef","toSliderRef","fromSliderThumbRef","toSliderThumbRef","fromSliderThumbContentRef","toSliderThumbContentRef","sliderWrapperRef","sliderWrapperSize","theme","maxNumber","handleMouseUp","from","Number","current","to","undefined","handleControlFromSlider","event","newValue","target","Math","round","toSlider","fromSlider","String","handleControlToSlider","handleInputChange","fromSliderThumbPosition","max","min","containerWidth","offsetWidth","toSliderThumbPosition","toSliderThumbContentPosition","sliderValue","popupWidth","fromSliderThumbContentPosition","handleTouchStart","handleTouchEnd","createElement","ref","$isDisabled","animate","height","initial","exit","$thumbWidth","$isInterval","type","step","onTouchStart","onTouchEnd","onMouseUp","$max","$min","$value","$position","$isBigSlider","$width","displayName"],"sources":["../../../../src/components/slider/Slider.tsx"],"sourcesContent":["import { setRefreshScrollEnabled } from 'chayns-api';\nimport React, { ChangeEvent, FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useTheme } from 'styled-components';\nimport { useElementSize } from '../../hooks/useElementSize';\nimport {\n    calculateGradientOffset,\n    calculatePopupPosition,\n    fillSlider,\n    getThumbMaxWidth,\n} from '../../utils/slider';\nimport {\n    StyledSlider,\n    StyledSliderInput,\n    StyledSliderThumb,\n    StyledSliderThumbLabel,\n} from './Slider.styles';\n\nexport interface SliderInterval {\n    maxValue: number;\n    minValue: number;\n}\n\nexport type SliderProps = {\n    /**\n     * The range that can be selected with two thumbs..\n     */\n    interval?: SliderInterval;\n    /**\n     * Whether the slider is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * The maximum value of the slider.\n     */\n    maxValue: number;\n    /**\n     * The minimum value of the slider.\n     */\n    minValue: number;\n    /**\n     * Function that will be executed when the value is selected.\n     */\n    onSelect?: (value?: number, interval?: SliderInterval) => void;\n    /**\n     * Function that will be executed when the value is changed.\n     */\n    onChange?: (value?: number, interval?: SliderInterval) => void;\n    /**\n     * Whether the current value should be displayed inside the slider thumb.\n     */\n    shouldShowThumbLabel?: boolean;\n    /**\n     * The steps of the slider.\n     */\n    steps?: number;\n    /**\n     * A function to format the thumb label.\n     */\n    thumbLabelFormatter?: (value: number) => string;\n    /**\n     * the Value that the slider should have.\n     */\n    value?: number;\n};\n\nconst Slider: FC<SliderProps> = ({\n    maxValue,\n    minValue,\n    value,\n    onSelect,\n    onChange,\n    interval,\n    isDisabled,\n    thumbLabelFormatter,\n    shouldShowThumbLabel = false,\n    steps = 1,\n}) => {\n    const [fromValue, setFromValue] = useState(0);\n    const [toValue, setToValue] = useState(maxValue);\n    const [thumbWidth, setThumbWidth] = useState(20);\n    const [isBigSlider, setIsBigSlider] = useState(false);\n\n    const fromSliderRef = useRef<HTMLInputElement>(null);\n    const toSliderRef = useRef<HTMLInputElement>(null);\n    const fromSliderThumbRef = useRef<HTMLDivElement>(null);\n    const toSliderThumbRef = useRef<HTMLDivElement>(null);\n    const fromSliderThumbContentRef = useRef<HTMLDivElement>(null);\n    const toSliderThumbContentRef = useRef<HTMLDivElement>(null);\n    const sliderWrapperRef = useRef<HTMLDivElement>(null);\n\n    const sliderWrapperSize = useElementSize(sliderWrapperRef);\n\n    const theme = useTheme();\n\n    useEffect(() => {\n        if (shouldShowThumbLabel) {\n            setThumbWidth(getThumbMaxWidth({ maxNumber: maxValue, thumbLabelFormatter }));\n        }\n    }, [maxValue, shouldShowThumbLabel, thumbLabelFormatter]);\n\n    /**\n     * This function sets the value\n     */\n    useEffect(() => {\n        if (typeof value !== 'number') {\n            return;\n        }\n\n        if (value >= minValue && value <= maxValue) {\n            setFromValue(value);\n        }\n    }, [maxValue, minValue, value]);\n\n    useEffect(() => {\n        if (fromValue > toValue) {\n            setFromValue(toValue);\n        }\n\n        if (toValue < fromValue) {\n            setToValue(fromValue);\n        }\n    }, [fromValue, toValue]);\n\n    const handleMouseUp = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        const from = Number(fromSliderRef.current?.value);\n        const to = Number(toSliderRef.current?.value);\n\n        if (typeof onSelect === 'function') {\n            onSelect(\n                interval ? undefined : from,\n                interval ? { maxValue: to, minValue: from } : undefined,\n            );\n        }\n    }, [interval, isDisabled, onSelect]);\n\n    const handleControlFromSlider = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (!fromSliderRef.current || !toSliderRef.current) {\n                return;\n            }\n\n            let newValue = Number(event.target.value);\n\n            if (newValue > maxValue || newValue > maxValue - (maxValue % steps)) {\n                newValue = maxValue;\n            } else if (newValue < minValue) {\n                newValue = minValue;\n            } else {\n                newValue = Math.round(newValue / steps) * steps;\n            }\n\n            setFromValue(newValue);\n\n            const to = Number(toSliderRef.current.value);\n\n            if (typeof onChange === 'function') {\n                onChange(undefined, { maxValue: to, minValue: newValue });\n            }\n\n            fillSlider({\n                toSlider: toSliderRef.current,\n                fromSlider: fromSliderRef.current,\n                fromValue: newValue,\n                theme,\n            });\n\n            if (newValue > to) {\n                fromSliderRef.current.value = String(to);\n            } else {\n                fromSliderRef.current.value = String(newValue);\n            }\n        },\n        [maxValue, minValue, onChange, steps, theme],\n    );\n\n    const handleControlToSlider = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (isDisabled) {\n                return;\n            }\n\n            if (!fromSliderRef.current || !toSliderRef.current) {\n                return;\n            }\n\n            let newValue = Number(event.target.value);\n\n            if (newValue > maxValue || newValue > maxValue - (maxValue % steps)) {\n                newValue = maxValue;\n            } else if (newValue < minValue) {\n                newValue = minValue;\n            } else {\n                newValue = Math.round(newValue / steps) * steps;\n            }\n\n            setToValue(newValue);\n\n            const from = Number(fromSliderRef.current.value);\n\n            if (typeof onChange === 'function') {\n                onChange(undefined, { maxValue: newValue, minValue: from });\n            }\n\n            fillSlider({\n                toSlider: toSliderRef.current,\n                fromSlider: fromSliderRef.current,\n                toValue: newValue,\n                theme,\n            });\n\n            if (from <= newValue) {\n                toSliderRef.current.value = String(newValue);\n            } else {\n                toSliderRef.current.value = String(from);\n            }\n        },\n        [isDisabled, maxValue, minValue, onChange, steps, theme],\n    );\n\n    useEffect(() => {\n        if (!fromSliderRef.current || !toSliderRef.current || !interval) {\n            return;\n        }\n\n        setFromValue(interval.minValue);\n        setToValue(interval.maxValue);\n\n        fromSliderRef.current.value = String(interval.minValue);\n        toSliderRef.current.value = String(interval.maxValue);\n\n        fillSlider({\n            fromSlider: fromSliderRef.current,\n            toSlider: toSliderRef.current,\n            theme,\n        });\n        // Note: interval can´t be in the deps because of rerender\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [theme]);\n\n    /**\n     * This function updates the value\n     */\n    const handleInputChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (isDisabled) {\n                return;\n            }\n\n            let newValue = Number(event.target.value);\n\n            if (newValue > maxValue || newValue > maxValue - (maxValue % steps)) {\n                newValue = maxValue;\n            } else if (newValue < minValue) {\n                newValue = minValue;\n            } else {\n                newValue = Math.round(newValue / steps) * steps;\n            }\n\n            if (interval) {\n                handleControlFromSlider(event);\n\n                return;\n            }\n\n            setFromValue(newValue);\n\n            if (onChange) {\n                onChange(newValue);\n            }\n        },\n        [handleControlFromSlider, interval, isDisabled, maxValue, minValue, onChange, steps],\n    );\n\n    const fromSliderThumbPosition = useMemo(() => {\n        if (fromSliderRef.current && fromSliderThumbRef.current && sliderWrapperSize) {\n            return calculateGradientOffset({\n                max: maxValue,\n                min: minValue,\n                value: fromValue,\n                thumbWidth: 20,\n                containerWidth: fromSliderRef.current.offsetWidth,\n            });\n        }\n\n        return 0;\n    }, [fromValue, maxValue, minValue, sliderWrapperSize]);\n\n    const toSliderThumbPosition = useMemo(() => {\n        if (toSliderRef.current && toSliderThumbRef.current && sliderWrapperSize) {\n            return calculateGradientOffset({\n                max: maxValue,\n                min: minValue,\n                value: toValue,\n                thumbWidth: 20,\n                containerWidth: toSliderRef.current.offsetWidth,\n            });\n        }\n        return 0;\n    }, [toValue, minValue, maxValue, sliderWrapperSize]);\n\n    const toSliderThumbContentPosition = useMemo(\n        () =>\n            calculatePopupPosition({\n                min: minValue,\n                max: maxValue,\n                sliderValue: toValue,\n                popupWidth: thumbWidth,\n            }),\n        [maxValue, minValue, thumbWidth, toValue],\n    );\n\n    const fromSliderThumbContentPosition = useMemo(\n        () =>\n            calculatePopupPosition({\n                min: minValue,\n                max: maxValue,\n                sliderValue: fromValue,\n                popupWidth: thumbWidth,\n            }),\n        [fromValue, maxValue, minValue, thumbWidth],\n    );\n\n    const handleTouchStart = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        void setRefreshScrollEnabled(false);\n\n        if (shouldShowThumbLabel) {\n            setIsBigSlider(true);\n        }\n    }, [isDisabled, shouldShowThumbLabel]);\n\n    const handleTouchEnd = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        void setRefreshScrollEnabled(true);\n\n        const from = Number(fromSliderRef.current?.value);\n        const to = Number(toSliderRef.current?.value);\n\n        if (typeof onSelect === 'function') {\n            onSelect(\n                interval ? undefined : from,\n                interval ? { maxValue: to, minValue: from } : undefined,\n            );\n        }\n\n        if (shouldShowThumbLabel) {\n            setIsBigSlider(false);\n        }\n    }, [interval, isDisabled, onSelect, shouldShowThumbLabel]);\n\n    return useMemo(\n        () => (\n            <StyledSlider ref={sliderWrapperRef} $isDisabled={isDisabled}>\n                <StyledSliderInput\n                    animate={{ height: isBigSlider ? 30 : 10 }}\n                    initial={{ height: 10 }}\n                    exit={{ height: 10 }}\n                    $thumbWidth={40}\n                    ref={fromSliderRef}\n                    $isInterval={!!interval}\n                    type=\"range\"\n                    value={fromValue}\n                    step={0.01}\n                    max={maxValue}\n                    min={minValue}\n                    onTouchStart={handleTouchStart}\n                    onTouchEnd={handleTouchEnd}\n                    onChange={handleInputChange}\n                    onMouseUp={handleMouseUp}\n                    $max={maxValue}\n                    $min={minValue}\n                    $value={fromValue}\n                />\n                <StyledSliderThumb\n                    ref={fromSliderThumbRef}\n                    $position={fromSliderThumbPosition}\n                    $isBigSlider={isBigSlider}\n                >\n                    {shouldShowThumbLabel && (\n                        <StyledSliderThumbLabel\n                            $width={thumbWidth}\n                            $isBigSlider={isBigSlider}\n                            $position={fromSliderThumbContentPosition}\n                            ref={fromSliderThumbContentRef}\n                        >\n                            {typeof thumbLabelFormatter === 'function'\n                                ? thumbLabelFormatter(fromValue)\n                                : fromValue}\n                        </StyledSliderThumbLabel>\n                    )}\n                </StyledSliderThumb>\n                {interval && (\n                    <StyledSliderThumb\n                        ref={toSliderThumbRef}\n                        $position={toSliderThumbPosition}\n                        $isBigSlider={isBigSlider}\n                    >\n                        {shouldShowThumbLabel && (\n                            <StyledSliderThumbLabel\n                                $width={thumbWidth}\n                                $isBigSlider={isBigSlider}\n                                $position={toSliderThumbContentPosition}\n                                ref={toSliderThumbContentRef}\n                            >\n                                {typeof thumbLabelFormatter === 'function'\n                                    ? thumbLabelFormatter(toValue)\n                                    : toValue}\n                            </StyledSliderThumbLabel>\n                        )}\n                    </StyledSliderThumb>\n                )}\n                {interval && (\n                    <StyledSliderInput\n                        animate={{ height: isBigSlider ? 30 : 10 }}\n                        initial={{ height: 10 }}\n                        exit={{ height: 10 }}\n                        $thumbWidth={40}\n                        $max={maxValue}\n                        $min={minValue}\n                        $value={toValue}\n                        ref={toSliderRef}\n                        $isInterval={!!interval}\n                        type=\"range\"\n                        value={toValue}\n                        step={0.01}\n                        max={maxValue}\n                        min={minValue}\n                        onTouchStart={handleTouchStart}\n                        onTouchEnd={handleTouchEnd}\n                        onChange={handleControlToSlider}\n                        onMouseUp={handleMouseUp}\n                    />\n                )}\n            </StyledSlider>\n        ),\n        [\n            isDisabled,\n            isBigSlider,\n            interval,\n            fromValue,\n            maxValue,\n            minValue,\n            handleTouchStart,\n            handleTouchEnd,\n            handleInputChange,\n            handleMouseUp,\n            fromSliderThumbPosition,\n            shouldShowThumbLabel,\n            thumbWidth,\n            fromSliderThumbContentPosition,\n            thumbLabelFormatter,\n            toSliderThumbPosition,\n            toSliderThumbContentPosition,\n            toValue,\n            handleControlToSlider,\n        ],\n    );\n};\n\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/utils/pageProvider.js

@@ -12,8 +12,8 @@ export const getPagePadding = () => {
   }
   return '15px 10px 20px';
 };
-const getPageProviderInformation = customPadding => {
-  const padding = (customPadding ?? getPagePadding()).split(' ');
+const getPageProviderInformation = () => {
+  const padding = getPagePadding().split(' ');
   const parseValue = value => {
     const parsed = parseInt(value.replace('px', ''), 10);
     return Number.isNaN(parsed) ? 0 : parsed;
@@ -61,7 +61,7 @@ const getPageProviderInformation = customPadding => {
     left: 0
   };
 };
-export const getUsableHeight = async customPadding => {
+export const getUsableHeight = async shouldRemovePadding => {
   let usableHeight;
   const {
     bottomBarHeight,
@@ -69,9 +69,12 @@ export const getUsableHeight = async customPadding => {
     windowHeight
   } = await getWindowMetrics();
   const {
-    top,
-    bottom
-  } = getPageProviderInformation(customPadding);
+    bottom,
+    top
+  } = shouldRemovePadding ? {
+    bottom: 0,
+    top: 0
+  } : getPageProviderInformation();
   usableHeight = windowHeight - bottom - top;
   if (bottomBarHeight) {
     usableHeight -= bottomBarHeight;

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

@@ -1 +1 @@
-{"version":3,"file":"pageProvider.js","names":["getEnvironment","getWindowMetrics","PAGE_BREAKPOINTS","getPagePadding","runtimeEnvironment","includes","matchMedia","desktop","matches","getPageProviderInformation","customPadding","padding","split","parseValue","value","parsed","parseInt","replace","Number","isNaN","length","top","right","bottom","left","vertical","horizontal","map","getUsableHeight","usableHeight","bottomBarHeight","topBarHeight","windowHeight"],"sources":["../../../src/utils/pageProvider.ts"],"sourcesContent":["import { getEnvironment, getWindowMetrics } from 'chayns-api';\nimport { PAGE_BREAKPOINTS } from '../constants/pageProvider';\n\nexport const getPagePadding = () => {\n    const { runtimeEnvironment } = getEnvironment();\n\n    if (typeof runtimeEnvironment === 'number' && [4, 5].includes(runtimeEnvironment)) {\n        return '0';\n    }\n\n    if (matchMedia(PAGE_BREAKPOINTS.desktop).matches) {\n        return '35px 43px 30px';\n    }\n\n    return '15px 10px 20px';\n};\n\ntype PaddingValues = {\n    top: number;\n    right: number;\n    bottom: number;\n    left: number;\n};\n\nconst getPageProviderInformation = (customPadding?: string): PaddingValues => {\n    const padding = (customPadding ?? getPagePadding()).split(' ');\n\n    const parseValue = (value: string): number => {\n        const parsed = parseInt(value.replace('px', ''), 10);\n        return Number.isNaN(parsed) ? 0 : parsed;\n    };\n\n    if (padding.length === 1) {\n        const value = parseValue(padding[0] ?? '');\n        return { top: value, right: value, bottom: value, left: value };\n    }\n\n    if (padding.length === 2) {\n        const [vertical, horizontal] = padding.map(parseValue);\n        return {\n            top: vertical ?? 0,\n            right: horizontal ?? 0,\n            bottom: vertical ?? 0,\n            left: horizontal ?? 0,\n        };\n    }\n\n    if (padding.length === 3) {\n        const [top, horizontal, bottom] = padding.map(parseValue);\n        return {\n            top: top ?? 0,\n            right: horizontal ?? 0,\n            bottom: bottom ?? 0,\n            left: horizontal ?? 0,\n        };\n    }\n\n    if (padding.length === 4) {\n        const [top, right, bottom, left] = padding.map(parseValue);\n        return { top: top ?? 0, right: right ?? 0, bottom: bottom ?? 0, left: left ?? 0 };\n    }\n\n    return { top: 0, right: 0, bottom: 0, left: 0 };\n};\n\nexport const getUsableHeight = async (customPadding?: string) => {\n    let usableHeight;\n\n    const { bottomBarHeight, topBarHeight, windowHeight } = await getWindowMetrics();\n\n    const { top, bottom } = getPageProviderInformation(customPadding);\n\n    usableHeight = windowHeight - bottom - top;\n\n    if (bottomBarHeight) {\n        usableHeight -= bottomBarHeight;\n    }\n\n    if (topBarHeight) {\n        usableHeight -= topBarHeight;\n    }\n\n    return usableHeight;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"pageProvider.js","names":["getEnvironment","getWindowMetrics","PAGE_BREAKPOINTS","getPagePadding","runtimeEnvironment","includes","matchMedia","desktop","matches","getPageProviderInformation","padding","split","parseValue","value","parsed","parseInt","replace","Number","isNaN","length","top","right","bottom","left","vertical","horizontal","map","getUsableHeight","shouldRemovePadding","usableHeight","bottomBarHeight","topBarHeight","windowHeight"],"sources":["../../../src/utils/pageProvider.ts"],"sourcesContent":["import { getEnvironment, getWindowMetrics } from 'chayns-api';\nimport { PAGE_BREAKPOINTS } from '../constants/pageProvider';\n\nexport const getPagePadding = () => {\n    const { runtimeEnvironment } = getEnvironment();\n\n    if (typeof runtimeEnvironment === 'number' && [4, 5].includes(runtimeEnvironment)) {\n        return '0';\n    }\n\n    if (matchMedia(PAGE_BREAKPOINTS.desktop).matches) {\n        return '35px 43px 30px';\n    }\n\n    return '15px 10px 20px';\n};\n\ntype PaddingValues = {\n    top: number;\n    right: number;\n    bottom: number;\n    left: number;\n};\n\nconst getPageProviderInformation = (): PaddingValues => {\n    const padding = getPagePadding().split(' ');\n\n    const parseValue = (value: string): number => {\n        const parsed = parseInt(value.replace('px', ''), 10);\n        return Number.isNaN(parsed) ? 0 : parsed;\n    };\n\n    if (padding.length === 1) {\n        const value = parseValue(padding[0] ?? '');\n        return { top: value, right: value, bottom: value, left: value };\n    }\n\n    if (padding.length === 2) {\n        const [vertical, horizontal] = padding.map(parseValue);\n        return {\n            top: vertical ?? 0,\n            right: horizontal ?? 0,\n            bottom: vertical ?? 0,\n            left: horizontal ?? 0,\n        };\n    }\n\n    if (padding.length === 3) {\n        const [top, horizontal, bottom] = padding.map(parseValue);\n        return {\n            top: top ?? 0,\n            right: horizontal ?? 0,\n            bottom: bottom ?? 0,\n            left: horizontal ?? 0,\n        };\n    }\n\n    if (padding.length === 4) {\n        const [top, right, bottom, left] = padding.map(parseValue);\n        return { top: top ?? 0, right: right ?? 0, bottom: bottom ?? 0, left: left ?? 0 };\n    }\n\n    return { top: 0, right: 0, bottom: 0, left: 0 };\n};\n\nexport const getUsableHeight = async (shouldRemovePadding?: boolean) => {\n    let usableHeight;\n\n    const { bottomBarHeight, topBarHeight, windowHeight } = await getWindowMetrics();\n\n    const { bottom, top } = shouldRemovePadding\n        ? { bottom: 0, top: 0 }\n        : getPageProviderInformation();\n\n    usableHeight = windowHeight - bottom - top;\n\n    if (bottomBarHeight) {\n        usableHeight -= bottomBarHeight;\n    }\n\n    if (topBarHeight) {\n        usableHeight -= topBarHeight;\n    }\n\n    return usableHeight;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/types/utils/pageProvider.d.ts

@@ -1,2 +1,2 @@
 export declare const getPagePadding: () => "0" | "35px 43px 30px" | "15px 10px 20px";
-export declare const getUsableHeight: (customPadding?: string) => Promise<number>;
+export declare const getUsableHeight: (shouldRemovePadding?: boolean) => Promise<number>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.915",
+    "version": "5.0.0-beta.919",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -87,5 +87,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "204b4347196c90a032de249bdee1d441be0e4155"
+    "gitHead": "67d7d33928760499972ab2185ad3ee09120c2d9a"
 }