@chayns-components/core 5.0.0-beta.410 → 5.0.0-beta.412

package/lib/components/checkbox/Checkbox.d.ts

@@ -3,7 +3,7 @@ export type CheckboxProps = {
     /**
      * Text for checkbox or switch
      */
-    children?: ReactElement;
+    children?: ReactElement | string;
     /**
      * Indicates whether the checkbox or switch is selected
      */

package/lib/components/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["_react","_interopRequireWildcard","require","_uuid","_calculate","_Checkbox","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Checkbox","_ref","children","isChecked","isDisabled","labelClassName","onChange","shouldShowAsSwitch","shouldShowCentered","isActive","setIsActive","useState","handleChange","useCallback","event","target","checked","uuid","useUuid","lineHeight","useMemo","undefined","getHeightOfSingleTextLine","createElement","StyledCheckbox","StyledCheckboxInput","disabled","id","type","StyledCheckboxLabel","className","htmlFor","displayName","_default","exports"],"sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    ChangeEventHandler,\n    FC,\n    ReactElement,\n    useCallback,\n    useMemo,\n    useState,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport { getHeightOfSingleTextLine } from '../../utils/calculate';\nimport { StyledCheckbox, StyledCheckboxInput, StyledCheckboxLabel } from './Checkbox.styles';\n\nexport type CheckboxProps = {\n    /**\n     * Text for checkbox or switch\n     */\n    children?: ReactElement;\n    /**\n     * Indicates whether the checkbox or switch is selected\n     */\n    isChecked?: boolean;\n    /**\n     * Disables the checkbox or switch so it cannot be toggled\n     */\n    isDisabled?: boolean;\n    /**\n     * Classname for the label\n     */\n    labelClassName?: string;\n    /**\n     * Function to be executed if the checked value changes\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Changes the design to use switch instead of checkbox\n     */\n    shouldShowAsSwitch?: boolean;\n    /**\n     * Whether the Checkbox should be displayed centered to the label or at the top\n     */\n    shouldShowCentered?: boolean;\n};\n\nconst Checkbox: FC<CheckboxProps> = ({\n    children,\n    isChecked,\n    isDisabled,\n    labelClassName,\n    onChange,\n    shouldShowAsSwitch,\n    shouldShowCentered = false,\n}) => {\n    const [isActive, setIsActive] = useState(isChecked ?? false);\n\n    const handleChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            setIsActive(event.target.checked);\n\n            if (typeof onChange === 'function') {\n                onChange(event);\n            }\n        },\n        [onChange],\n    );\n\n    const uuid = useUuid();\n\n    const lineHeight = useMemo(\n        () => (shouldShowCentered ? undefined : getHeightOfSingleTextLine()),\n        [shouldShowCentered],\n    );\n\n    return (\n        <StyledCheckbox>\n            <StyledCheckboxInput\n                checked={isChecked}\n                disabled={isDisabled}\n                id={uuid}\n                onChange={handleChange}\n                type=\"checkbox\"\n            />\n            <StyledCheckboxLabel\n                className={labelClassName}\n                htmlFor={uuid}\n                isChecked={isChecked ?? isActive}\n                isDisabled={isDisabled}\n                shouldShowAsSwitch={shouldShowAsSwitch}\n                lineHeight={lineHeight}\n            >\n                {children}\n            </StyledCheckboxLabel>\n        </StyledCheckbox>\n    );\n};\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","names":["_react","_interopRequireWildcard","require","_uuid","_calculate","_Checkbox","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Checkbox","_ref","children","isChecked","isDisabled","labelClassName","onChange","shouldShowAsSwitch","shouldShowCentered","isActive","setIsActive","useState","handleChange","useCallback","event","target","checked","uuid","useUuid","lineHeight","useMemo","undefined","getHeightOfSingleTextLine","createElement","StyledCheckbox","StyledCheckboxInput","disabled","id","type","StyledCheckboxLabel","className","htmlFor","displayName","_default","exports"],"sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    ChangeEventHandler,\n    FC,\n    ReactElement,\n    useCallback,\n    useMemo,\n    useState,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport { getHeightOfSingleTextLine } from '../../utils/calculate';\nimport { StyledCheckbox, StyledCheckboxInput, StyledCheckboxLabel } from './Checkbox.styles';\n\nexport type CheckboxProps = {\n    /**\n     * Text for checkbox or switch\n     */\n    children?: ReactElement | string;\n    /**\n     * Indicates whether the checkbox or switch is selected\n     */\n    isChecked?: boolean;\n    /**\n     * Disables the checkbox or switch so it cannot be toggled\n     */\n    isDisabled?: boolean;\n    /**\n     * Classname for the label\n     */\n    labelClassName?: string;\n    /**\n     * Function to be executed if the checked value changes\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Changes the design to use switch instead of checkbox\n     */\n    shouldShowAsSwitch?: boolean;\n    /**\n     * Whether the Checkbox should be displayed centered to the label or at the top\n     */\n    shouldShowCentered?: boolean;\n};\n\nconst Checkbox: FC<CheckboxProps> = ({\n    children,\n    isChecked,\n    isDisabled,\n    labelClassName,\n    onChange,\n    shouldShowAsSwitch,\n    shouldShowCentered = false,\n}) => {\n    const [isActive, setIsActive] = useState(isChecked ?? false);\n\n    const handleChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            setIsActive(event.target.checked);\n\n            if (typeof onChange === 'function') {\n                onChange(event);\n            }\n        },\n        [onChange],\n    );\n\n    const uuid = useUuid();\n\n    const lineHeight = useMemo(\n        () => (shouldShowCentered ? undefined : getHeightOfSingleTextLine()),\n        [shouldShowCentered],\n    );\n\n    return (\n        <StyledCheckbox>\n            <StyledCheckboxInput\n                checked={isChecked}\n                disabled={isDisabled}\n                id={uuid}\n                onChange={handleChange}\n                type=\"checkbox\"\n            />\n            <StyledCheckboxLabel\n                className={labelClassName}\n                htmlFor={uuid}\n                isChecked={isChecked ?? isActive}\n                isDisabled={isDisabled}\n                shouldShowAsSwitch={shouldShowAsSwitch}\n                lineHeight={lineHeight}\n            >\n                {children}\n            </StyledCheckboxLabel>\n        </StyledCheckbox>\n    );\n};\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"mappings":"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"}

package/lib/components/number-input/NumberInput.d.ts

@@ -14,6 +14,10 @@ export type NumberInputProps = {
      * Rules: only two decimal places, one zero before the comma
      */
     isMoneyInput?: boolean;
+    /**
+     * Whether the value should be formatted as a time.
+     */
+    isTimeInput?: boolean;
     /**
      * Limits the number to this value
      */

package/lib/components/number-input/NumberInput.js

@@ -15,6 +15,7 @@ const NumberInput = _ref => {
   let {
     isDecimalInput,
     isMoneyInput,
+    isTimeInput,
     maxNumber = Infinity,
     value,
     placeholder,
@@ -32,6 +33,9 @@ const NumberInput = _ref => {
   const localPlaceholder = placeholder ?? (isMoneyInput ? '€' : undefined);
   const onLocalChange = event => {
     const newValue = event.target.value;
+    if (newValue.replaceAll(':', '').length > 4) {
+      return;
+    }
     const sanitizedValueString = newValue
     // Removes everything except numbers, commas and points
     .replace(_number.NUMBER_CLEAR_REGEX, '');
@@ -39,7 +43,8 @@ const NumberInput = _ref => {
     if (!(0, _number2.isValidString)({
       string: valueToCheck,
       isMoneyInput,
-      isDecimalInput
+      isDecimalInput,
+      isTimeInput
     })) {
       return;
     }
@@ -52,7 +57,7 @@ const NumberInput = _ref => {
     const sanitizedValue = plainText.length === 0 ? '0' : plainText;
     let isInvalid = false;
     const parsedNumber = (0, _number2.parseFloatWithDecimals)({
-      stringValue: sanitizedValue.replace(',', '.'),
+      stringValue: sanitizedValue.replace(',', '.').replaceAll(':', ''),
       decimals: isMoneyInput ? 2 : undefined
     });
     if (parsedNumber !== 0 && (parsedNumber > maxNumber || parsedNumber < minNumber)) {
@@ -61,7 +66,8 @@ const NumberInput = _ref => {
     setIsValueInvalid(isInvalid);
     const newStringValue = plainText.length === 0 ? '' : (0, _number2.formateNumber)({
       number: parsedNumber,
-      isMoneyInput
+      isMoneyInput,
+      isTimeInput
     });
     setFormattedValue(newStringValue);
     setPlainText(newStringValue.replaceAll('.', ''));
@@ -89,7 +95,7 @@ const NumberInput = _ref => {
   // updates the formattedValue, when the value changes
   (0, _react.useEffect)(() => {
     const parsedNumber = (0, _number2.parseFloatWithDecimals)({
-      stringValue: plainText.replace(',', '.'),
+      stringValue: plainText.replace(',', '.').replaceAll(':', ''),
       decimals: isMoneyInput ? 2 : undefined
     });
 
@@ -99,9 +105,10 @@ const NumberInput = _ref => {
     }
     setFormattedValue(plainText.length === 0 ? '' : (0, _number2.formateNumber)({
       number: parsedNumber,
-      isMoneyInput
+      isMoneyInput,
+      isTimeInput
     }));
-  }, [hasFocus, isMoneyInput, maxNumber, minNumber, plainText]);
+  }, [hasFocus, isMoneyInput, isTimeInput, maxNumber, minNumber, plainText]);
   (0, _react.useEffect)(() => {
     if (typeof value === 'string') {
       setPlainText(value);

package/lib/components/number-input/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","names":["_react","_interopRequireWildcard","require","_Input","_interopRequireDefault","_number","_number2","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","NumberInput","_ref","isDecimalInput","isMoneyInput","maxNumber","Infinity","value","placeholder","onBlur","isDisabled","onChange","minNumber","plainText","setPlainText","useState","formattedValue","setFormattedValue","hasFocus","setHasFocus","isValueInvalid","setIsValueInvalid","localPlaceholder","undefined","onLocalChange","event","newValue","target","sanitizedValueString","replace","NUMBER_CLEAR_REGEX","valueToCheck","replaceAll","isValidString","string","onLocalBlur","sanitizedValue","length","isInvalid","parsedNumber","parseFloatWithDecimals","stringValue","decimals","newStringValue","formateNumber","number","onLocalFocus","useEffect","createElement","inputMode","onFocus","displayName","_default","exports"],"sources":["../../../src/components/number-input/NumberInput.tsx"],"sourcesContent":["import React, { ChangeEventHandler, FC, useEffect, useState } from 'react';\nimport Input from '../input/Input';\nimport { NUMBER_CLEAR_REGEX } from './constants/number';\nimport { formateNumber, isValidString, parseFloatWithDecimals } from './utils/number';\n\nexport type NumberInputProps = {\n    /**\n     * Applies rules for decimal input.\n     * Enables the user to input one zero as number before the comma\n     */\n    isDecimalInput?: boolean;\n    /**\n     * Whether the input is disabled\n     */\n    isDisabled?: boolean;\n    /**\n     * Applies rules for money input.\n     * Rules: only two decimal places, one zero before the comma\n     */\n    isMoneyInput?: boolean;\n    /**\n     * Limits the number to this value\n     */\n    maxNumber?: number;\n    /**\n     * Limits the number to this value\n     */\n    minNumber?: number;\n    /**\n     * Callback function that is called when the input gets out of focus\n     */\n    onBlur?: (newNumber: number | null, isInvalid: boolean) => void;\n    /**\n     * Callback function that is called when the input changes\n     * It will pass the text from the input\n     */\n    onChange?: (newValue: string) => void;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string;\n    /**\n     * The value, that should be displayed in the input, when it is in focus.\n     * You can also pass a stringified number as default value.\n     * NOTE: If you pass a stringified number, it will be formatted to the selected format\n     */\n    value?: string;\n};\n\nconst NumberInput: FC<NumberInputProps> = (\n    {\n        isDecimalInput,\n        isMoneyInput,\n        maxNumber = Infinity,\n        value,\n        placeholder,\n        onBlur,\n        isDisabled,\n        onChange,\n        minNumber = -Infinity\n    }) => {\n    // the plainText will be shown in the input, when it is in focus\n    const [plainText, setPlainText] = useState<string>('');\n    // the formattedValue will be shown in the input, when it is not in focus\n    const [formattedValue, setFormattedValue] = useState<string>('');\n    const [hasFocus, setHasFocus] = useState<boolean>(false);\n\n    const [isValueInvalid, setIsValueInvalid] = useState(false);\n    const localPlaceholder = placeholder ?? (isMoneyInput ? '€' : undefined);\n\n\n    const onLocalChange: ChangeEventHandler<HTMLInputElement> =\n        (event) => {\n            const newValue = event.target.value;\n\n            const sanitizedValueString = newValue\n                // Removes everything except numbers, commas and points\n                .replace(NUMBER_CLEAR_REGEX, '');\n\n            const valueToCheck = sanitizedValueString.replaceAll(',', '.');\n\n            if (!isValidString({ string: valueToCheck, isMoneyInput, isDecimalInput })) {\n                return;\n            }\n\n            setPlainText(sanitizedValueString.replaceAll('.', ','));\n\n            if (typeof onChange === 'function') {\n                onChange(sanitizedValueString.replaceAll('.', ','));\n            }\n        };\n\n    const onLocalBlur = () => {\n        const sanitizedValue = plainText.length === 0 ? '0' : plainText;\n        let isInvalid = false;\n\n        const parsedNumber = parseFloatWithDecimals({\n            stringValue: sanitizedValue.replace(',', '.'),\n            decimals: isMoneyInput ? 2 : undefined\n        });\n\n        if (parsedNumber !== 0 && (parsedNumber > maxNumber || parsedNumber < minNumber)) {\n            isInvalid = true;\n        }\n\n        setIsValueInvalid(isInvalid);\n\n        const newStringValue = plainText.length === 0\n            ? ''\n            : formateNumber({\n                number: parsedNumber,\n                isMoneyInput,\n            });\n\n        setFormattedValue(newStringValue);\n        setPlainText(newStringValue.replaceAll('.', ''));\n        setHasFocus(false);\n\n        if (typeof onChange === 'function') {\n            onChange(newStringValue.replaceAll('.', ''));\n        }\n\n        if (typeof onBlur === 'function') {\n            onBlur(parsedNumber === 0 ? null : parsedNumber, isInvalid);\n        }\n    };\n\n    const onLocalFocus = () => {\n        // formattedValue will be a number string with german number format (e.g. 1.000,00)\n        // It will remove all dots, so that the user can type in the number\n        setPlainText(formattedValue.replaceAll('.', ''));\n\n        // This will update the external state\n        if (typeof onChange === 'function') {\n            onChange(formattedValue.replaceAll('.', ''));\n        }\n\n        setIsValueInvalid(false);\n        setHasFocus(true);\n    };\n\n    // updates the formattedValue, when the value changes\n    useEffect(() => {\n        const parsedNumber = parseFloatWithDecimals({\n            stringValue: plainText.replace(',', '.'),\n            decimals: isMoneyInput ? 2 : undefined\n        });\n\n        // checks, if a given number is invalid, if the input is not in focus\n        if (!hasFocus) {\n            setIsValueInvalid(parsedNumber > maxNumber || parsedNumber < minNumber);\n        }\n\n        setFormattedValue(plainText.length === 0\n            ? ''\n            : formateNumber({\n                number: parsedNumber,\n                isMoneyInput,\n            }));\n    }, [hasFocus, isMoneyInput, maxNumber, minNumber, plainText]);\n\n    useEffect(() => {\n        if (typeof value === 'string') {\n            setPlainText(value);\n        }\n    }, [value]);\n\n    return (\n        <Input\n            inputMode=\"decimal\"\n            onChange={onLocalChange}\n            value={hasFocus ? plainText : formattedValue}\n            placeholder={localPlaceholder}\n            onBlur={onLocalBlur}\n            onFocus={onLocalFocus}\n            isDisabled={isDisabled}\n            isInvalid={isValueInvalid}\n        />\n    );\n};\n\nNumberInput.displayName = 'NumberInput';\n\nexport default NumberInput;\n"],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","names":["_react","_interopRequireWildcard","require","_Input","_interopRequireDefault","_number","_number2","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","NumberInput","_ref","isDecimalInput","isMoneyInput","isTimeInput","maxNumber","Infinity","value","placeholder","onBlur","isDisabled","onChange","minNumber","plainText","setPlainText","useState","formattedValue","setFormattedValue","hasFocus","setHasFocus","isValueInvalid","setIsValueInvalid","localPlaceholder","undefined","onLocalChange","event","newValue","target","replaceAll","length","sanitizedValueString","replace","NUMBER_CLEAR_REGEX","valueToCheck","isValidString","string","onLocalBlur","sanitizedValue","isInvalid","parsedNumber","parseFloatWithDecimals","stringValue","decimals","newStringValue","formateNumber","number","onLocalFocus","useEffect","createElement","inputMode","onFocus","displayName","_default","exports"],"sources":["../../../src/components/number-input/NumberInput.tsx"],"sourcesContent":["import React, { ChangeEventHandler, FC, useEffect, useState } from 'react';\nimport Input from '../input/Input';\nimport { NUMBER_CLEAR_REGEX } from './constants/number';\nimport { formateNumber, isValidString, parseFloatWithDecimals } from './utils/number';\n\nexport type NumberInputProps = {\n    /**\n     * Applies rules for decimal input.\n     * Enables the user to input one zero as number before the comma\n     */\n    isDecimalInput?: boolean;\n    /**\n     * Whether the input is disabled\n     */\n    isDisabled?: boolean;\n    /**\n     * Applies rules for money input.\n     * Rules: only two decimal places, one zero before the comma\n     */\n    isMoneyInput?: boolean;\n    /**\n     * Whether the value should be formatted as a time.\n     */\n    isTimeInput?: boolean;\n    /**\n     * Limits the number to this value\n     */\n    maxNumber?: number;\n    /**\n     * Limits the number to this value\n     */\n    minNumber?: number;\n    /**\n     * Callback function that is called when the input gets out of focus\n     */\n    onBlur?: (newNumber: number | null, isInvalid: boolean) => void;\n    /**\n     * Callback function that is called when the input changes\n     * It will pass the text from the input\n     */\n    onChange?: (newValue: string) => void;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string;\n    /**\n     * The value, that should be displayed in the input, when it is in focus.\n     * You can also pass a stringified number as default value.\n     * NOTE: If you pass a stringified number, it will be formatted to the selected format\n     */\n    value?: string;\n};\n\nconst NumberInput: FC<NumberInputProps> = ({\n    isDecimalInput,\n    isMoneyInput,\n    isTimeInput,\n    maxNumber = Infinity,\n    value,\n    placeholder,\n    onBlur,\n    isDisabled,\n    onChange,\n    minNumber = -Infinity,\n}) => {\n    // the plainText will be shown in the input, when it is in focus\n    const [plainText, setPlainText] = useState<string>('');\n    // the formattedValue will be shown in the input, when it is not in focus\n    const [formattedValue, setFormattedValue] = useState<string>('');\n    const [hasFocus, setHasFocus] = useState<boolean>(false);\n\n    const [isValueInvalid, setIsValueInvalid] = useState(false);\n    const localPlaceholder = placeholder ?? (isMoneyInput ? '€' : undefined);\n\n    const onLocalChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n        const newValue = event.target.value;\n\n        if (newValue.replaceAll(':', '').length > 4) {\n            return;\n        }\n\n        const sanitizedValueString = newValue\n            // Removes everything except numbers, commas and points\n            .replace(NUMBER_CLEAR_REGEX, '');\n\n        const valueToCheck = sanitizedValueString.replaceAll(',', '.');\n\n        if (!isValidString({ string: valueToCheck, isMoneyInput, isDecimalInput, isTimeInput })) {\n            return;\n        }\n\n        setPlainText(sanitizedValueString.replaceAll('.', ','));\n\n        if (typeof onChange === 'function') {\n            onChange(sanitizedValueString.replaceAll('.', ','));\n        }\n    };\n\n    const onLocalBlur = () => {\n        const sanitizedValue = plainText.length === 0 ? '0' : plainText;\n        let isInvalid = false;\n\n        const parsedNumber = parseFloatWithDecimals({\n            stringValue: sanitizedValue.replace(',', '.').replaceAll(':', ''),\n            decimals: isMoneyInput ? 2 : undefined,\n        });\n\n        if (parsedNumber !== 0 && (parsedNumber > maxNumber || parsedNumber < minNumber)) {\n            isInvalid = true;\n        }\n\n        setIsValueInvalid(isInvalid);\n\n        const newStringValue =\n            plainText.length === 0\n                ? ''\n                : formateNumber({\n                      number: parsedNumber,\n                      isMoneyInput,\n                      isTimeInput,\n                  });\n\n        setFormattedValue(newStringValue);\n        setPlainText(newStringValue.replaceAll('.', ''));\n        setHasFocus(false);\n\n        if (typeof onChange === 'function') {\n            onChange(newStringValue.replaceAll('.', ''));\n        }\n\n        if (typeof onBlur === 'function') {\n            onBlur(parsedNumber === 0 ? null : parsedNumber, isInvalid);\n        }\n    };\n\n    const onLocalFocus = () => {\n        // formattedValue will be a number string with german number format (e.g. 1.000,00)\n        // It will remove all dots, so that the user can type in the number\n        setPlainText(formattedValue.replaceAll('.', ''));\n\n        // This will update the external state\n        if (typeof onChange === 'function') {\n            onChange(formattedValue.replaceAll('.', ''));\n        }\n\n        setIsValueInvalid(false);\n        setHasFocus(true);\n    };\n\n    // updates the formattedValue, when the value changes\n    useEffect(() => {\n        const parsedNumber = parseFloatWithDecimals({\n            stringValue: plainText.replace(',', '.').replaceAll(':', ''),\n            decimals: isMoneyInput ? 2 : undefined,\n        });\n\n        // checks, if a given number is invalid, if the input is not in focus\n        if (!hasFocus) {\n            setIsValueInvalid(parsedNumber > maxNumber || parsedNumber < minNumber);\n        }\n\n        setFormattedValue(\n            plainText.length === 0\n                ? ''\n                : formateNumber({\n                      number: parsedNumber,\n                      isMoneyInput,\n                      isTimeInput,\n                  }),\n        );\n    }, [hasFocus, isMoneyInput, isTimeInput, maxNumber, minNumber, plainText]);\n\n    useEffect(() => {\n        if (typeof value === 'string') {\n            setPlainText(value);\n        }\n    }, [value]);\n\n    return (\n        <Input\n            inputMode=\"decimal\"\n            onChange={onLocalChange}\n            value={hasFocus ? plainText : formattedValue}\n            placeholder={localPlaceholder}\n            onBlur={onLocalBlur}\n            onFocus={onLocalFocus}\n            isDisabled={isDisabled}\n            isInvalid={isValueInvalid}\n        />\n    );\n};\n\nNumberInput.displayName = 'NumberInput';\n\nexport default NumberInput;\n"],"mappings":"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"}

package/lib/components/number-input/constants/number.d.ts

@@ -2,3 +2,4 @@ export declare const NUMBER_CLEAR_REGEX: RegExp;
 export declare const INTEGER_TEST: RegExp;
 export declare const DECIMAL_TEST: RegExp;
 export declare const MONEY_TEST: RegExp;
+export declare const TIME_TEST: RegExp;

package/lib/components/number-input/constants/number.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NUMBER_CLEAR_REGEX = exports.MONEY_TEST = exports.INTEGER_TEST = exports.DECIMAL_TEST = void 0;
-const NUMBER_CLEAR_REGEX = exports.NUMBER_CLEAR_REGEX = /[^\d,.]/gi;
+exports.TIME_TEST = exports.NUMBER_CLEAR_REGEX = exports.MONEY_TEST = exports.INTEGER_TEST = exports.DECIMAL_TEST = void 0;
+const NUMBER_CLEAR_REGEX = exports.NUMBER_CLEAR_REGEX = /[^\d,.:]/gi;
 const INTEGER_TEST = exports.INTEGER_TEST = /^[1-9][0-9]*$/;
 const DECIMAL_TEST = exports.DECIMAL_TEST = /^(0|[1-9][0-9]*)?(\.[0-9]*)?$/;
 const MONEY_TEST = exports.MONEY_TEST = /^(0|[1-9][0-9]*)?(\.[0-9]{0,2})?$/;
+const TIME_TEST = exports.TIME_TEST = /^\d{1,2}(:\d{1,2})?$/;
 //# sourceMappingURL=number.js.map

package/lib/components/number-input/constants/number.js.map

@@ -1 +1 @@
-{"version":3,"file":"number.js","names":["NUMBER_CLEAR_REGEX","exports","INTEGER_TEST","DECIMAL_TEST","MONEY_TEST"],"sources":["../../../../src/components/number-input/constants/number.ts"],"sourcesContent":["export const NUMBER_CLEAR_REGEX = /[^\\d,.]/gi;\nexport const INTEGER_TEST = /^[1-9][0-9]*$/;\nexport const DECIMAL_TEST = /^(0|[1-9][0-9]*)?(\\.[0-9]*)?$/;\nexport const MONEY_TEST = /^(0|[1-9][0-9]*)?(\\.[0-9]{0,2})?$/;\n"],"mappings":";;;;;;AAAO,MAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,WAAW;AACtC,MAAME,YAAY,GAAAD,OAAA,CAAAC,YAAA,GAAG,eAAe;AACpC,MAAMC,YAAY,GAAAF,OAAA,CAAAE,YAAA,GAAG,+BAA+B;AACpD,MAAMC,UAAU,GAAAH,OAAA,CAAAG,UAAA,GAAG,mCAAmC"}
+{"version":3,"file":"number.js","names":["NUMBER_CLEAR_REGEX","exports","INTEGER_TEST","DECIMAL_TEST","MONEY_TEST","TIME_TEST"],"sources":["../../../../src/components/number-input/constants/number.ts"],"sourcesContent":["export const NUMBER_CLEAR_REGEX = /[^\\d,.:]/gi;\nexport const INTEGER_TEST = /^[1-9][0-9]*$/;\nexport const DECIMAL_TEST = /^(0|[1-9][0-9]*)?(\\.[0-9]*)?$/;\nexport const MONEY_TEST = /^(0|[1-9][0-9]*)?(\\.[0-9]{0,2})?$/;\nexport const TIME_TEST = /^\\d{1,2}(:\\d{1,2})?$/;\n"],"mappings":";;;;;;AAAO,MAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,YAAY;AACvC,MAAME,YAAY,GAAAD,OAAA,CAAAC,YAAA,GAAG,eAAe;AACpC,MAAMC,YAAY,GAAAF,OAAA,CAAAE,YAAA,GAAG,+BAA+B;AACpD,MAAMC,UAAU,GAAAH,OAAA,CAAAG,UAAA,GAAG,mCAAmC;AACtD,MAAMC,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAG,sBAAsB"}

package/lib/components/number-input/utils/number.d.ts

@@ -8,13 +8,15 @@ export declare const parseFloatWithDecimals: ParseFloatWithDecimals;
 interface FormateNumberOptions {
     number: number | null;
     isMoneyInput?: boolean;
+    isTimeInput?: boolean;
 }
-export declare const formateNumber: ({ number, isMoneyInput }: FormateNumberOptions) => string;
+export declare const formateNumber: ({ number, isMoneyInput, isTimeInput }: FormateNumberOptions) => string;
 interface IsValidString {
     (config: {
         string: string;
         isDecimalInput?: boolean;
         isMoneyInput?: boolean;
+        isTimeInput?: boolean;
     }): boolean;
 }
 export declare const isValidString: IsValidString;

package/lib/components/number-input/utils/number.js

@@ -20,11 +20,27 @@ exports.parseFloatWithDecimals = parseFloatWithDecimals;
 const formateNumber = _ref2 => {
   let {
     number,
-    isMoneyInput
+    isMoneyInput,
+    isTimeInput
   } = _ref2;
   if (typeof number !== 'number') {
     return '';
   }
+  if (isTimeInput) {
+    let hours = 0;
+    let minutes = 0;
+    const firstTwoNumbers = Number(String(number).substring(0, 2));
+    const lastTwoNumbers = Number(String(number).substring(2, 4));
+    hours = firstTwoNumbers > 23 ? 23 : firstTwoNumbers;
+    if (lastTwoNumbers < 7) {
+      minutes = lastTwoNumbers * 10;
+    } else {
+      minutes = lastTwoNumbers > 59 ? 59 : lastTwoNumbers;
+    }
+    const hoursStr = hours < 10 ? `0${hours}` : `${hours}`;
+    const minutesStr = minutes < 10 ? `0${minutes}` : `${minutes}`;
+    return `${hoursStr}:${minutesStr}`;
+  }
   return number.toLocaleString('de-DE', {
     useGrouping: true,
     minimumFractionDigits: isMoneyInput ? 2 : undefined,
@@ -37,6 +53,7 @@ const isValidString = _ref3 => {
   let {
     isDecimalInput,
     isMoneyInput,
+    isTimeInput,
     string
   } = _ref3;
   let isValid = false;
@@ -50,9 +67,12 @@ const isValidString = _ref3 => {
   if (isMoneyInput && _number.MONEY_TEST.test(string)) {
     isValid = true;
   }
+  if (isTimeInput && _number.TIME_TEST) {
+    isValid = true;
+  }
 
   // Allows numbers but excludes numbers with leading 0
-  if (!isDecimalInput && !isMoneyInput && _number.INTEGER_TEST.test(string)) {
+  if (!isDecimalInput && !isMoneyInput && !isTimeInput && _number.INTEGER_TEST.test(string)) {
     isValid = true;
   }
   if (string.length === 0) {

package/lib/components/number-input/utils/number.js.map

@@ -1 +1 @@
-{"version":3,"file":"number.js","names":["_number","require","parseFloatWithDecimals","_ref","stringValue","decimals","parsed","parseFloat","toFixed","exports","formateNumber","_ref2","number","isMoneyInput","toLocaleString","useGrouping","minimumFractionDigits","undefined","maximumFractionDigits","maximumSignificantDigits","isValidString","_ref3","isDecimalInput","string","isValid","DECIMAL_TEST","test","MONEY_TEST","INTEGER_TEST","length"],"sources":["../../../../src/components/number-input/utils/number.ts"],"sourcesContent":["import { DECIMAL_TEST, INTEGER_TEST, MONEY_TEST } from '../constants/number';\n\ninterface ParseFloatWithDecimals {\n    ({ stringValue, decimals }: { stringValue: string; decimals?: number }): number;\n}\n\nexport const parseFloatWithDecimals: ParseFloatWithDecimals = ({ stringValue, decimals }) => {\n    const parsed = parseFloat(stringValue);\n\n    if (decimals) {\n        return parseFloat(parsed.toFixed(decimals));\n    }\n\n    return parsed;\n};\n\ninterface FormateNumberOptions {\n    number: number | null;\n    isMoneyInput?: boolean;\n}\n\nexport const formateNumber = ({ number, isMoneyInput }: FormateNumberOptions) => {\n    if (typeof number !== 'number') {\n        return '';\n    }\n\n    return number.toLocaleString('de-DE', {\n        useGrouping: true,\n        minimumFractionDigits: isMoneyInput ? 2 : undefined,\n        maximumFractionDigits: isMoneyInput ? 2 : undefined,\n        maximumSignificantDigits: !isMoneyInput ? 20 : undefined,\n    });\n};\n\ninterface IsValidString {\n    (config: {\n        string: string;\n        isDecimalInput?: boolean;\n        isMoneyInput?: boolean;\n    }): boolean;\n}\n\nexport const isValidString: IsValidString = (\n    {\n        isDecimalInput, isMoneyInput, string\n    }) => {\n    let isValid = false;\n\n    // Allows numbers, one (comma/point) and any number of decimal places\n    if (isDecimalInput && DECIMAL_TEST.test(string)) {\n        isValid = true;\n    }\n\n    // Allows numbers but excludes numbers with leading 0\n    if (isMoneyInput && MONEY_TEST.test(string)) {\n        isValid = true;\n    }\n\n    // Allows numbers but excludes numbers with leading 0\n    if (!isDecimalInput && !isMoneyInput && INTEGER_TEST.test(string)) {\n        isValid = true;\n    }\n\n    if (string.length === 0) {\n        isValid = true;\n\n    }\n\n    return isValid;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAMO,MAAMC,sBAA8C,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAAF,IAAA;EACpF,MAAMG,MAAM,GAAGC,UAAU,CAACH,WAAW,CAAC;EAEtC,IAAIC,QAAQ,EAAE;IACV,OAAOE,UAAU,CAACD,MAAM,CAACE,OAAO,CAACH,QAAQ,CAAC,CAAC;EAC/C;EAEA,OAAOC,MAAM;AACjB,CAAC;AAACG,OAAA,CAAAP,sBAAA,GAAAA,sBAAA;AAOK,MAAMQ,aAAa,GAAGC,KAAA,IAAoD;EAAA,IAAnD;IAAEC,MAAM;IAAEC;EAAmC,CAAC,GAAAF,KAAA;EACxE,IAAI,OAAOC,MAAM,KAAK,QAAQ,EAAE;IAC5B,OAAO,EAAE;EACb;EAEA,OAAOA,MAAM,CAACE,cAAc,CAAC,OAAO,EAAE;IAClCC,WAAW,EAAE,IAAI;IACjBC,qBAAqB,EAAEH,YAAY,GAAG,CAAC,GAAGI,SAAS;IACnDC,qBAAqB,EAAEL,YAAY,GAAG,CAAC,GAAGI,SAAS;IACnDE,wBAAwB,EAAE,CAACN,YAAY,GAAG,EAAE,GAAGI;EACnD,CAAC,CAAC;AACN,CAAC;AAACR,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAUK,MAAMU,aAA4B,GAAGC,KAAA,IAGlC;EAAA,IAFN;IACIC,cAAc;IAAET,YAAY;IAAEU;EAClC,CAAC,GAAAF,KAAA;EACD,IAAIG,OAAO,GAAG,KAAK;;EAEnB;EACA,IAAIF,cAAc,IAAIG,oBAAY,CAACC,IAAI,CAACH,MAAM,CAAC,EAAE;IAC7CC,OAAO,GAAG,IAAI;EAClB;;EAEA;EACA,IAAIX,YAAY,IAAIc,kBAAU,CAACD,IAAI,CAACH,MAAM,CAAC,EAAE;IACzCC,OAAO,GAAG,IAAI;EAClB;;EAEA;EACA,IAAI,CAACF,cAAc,IAAI,CAACT,YAAY,IAAIe,oBAAY,CAACF,IAAI,CAACH,MAAM,CAAC,EAAE;IAC/DC,OAAO,GAAG,IAAI;EAClB;EAEA,IAAID,MAAM,CAACM,MAAM,KAAK,CAAC,EAAE;IACrBL,OAAO,GAAG,IAAI;EAElB;EAEA,OAAOA,OAAO;AAClB,CAAC;AAACf,OAAA,CAAAW,aAAA,GAAAA,aAAA"}
+{"version":3,"file":"number.js","names":["_number","require","parseFloatWithDecimals","_ref","stringValue","decimals","parsed","parseFloat","toFixed","exports","formateNumber","_ref2","number","isMoneyInput","isTimeInput","hours","minutes","firstTwoNumbers","Number","String","substring","lastTwoNumbers","hoursStr","minutesStr","toLocaleString","useGrouping","minimumFractionDigits","undefined","maximumFractionDigits","maximumSignificantDigits","isValidString","_ref3","isDecimalInput","string","isValid","DECIMAL_TEST","test","MONEY_TEST","TIME_TEST","INTEGER_TEST","length"],"sources":["../../../../src/components/number-input/utils/number.ts"],"sourcesContent":["import { DECIMAL_TEST, INTEGER_TEST, MONEY_TEST, TIME_TEST } from '../constants/number';\n\ninterface ParseFloatWithDecimals {\n    ({ stringValue, decimals }: { stringValue: string; decimals?: number }): number;\n}\n\nexport const parseFloatWithDecimals: ParseFloatWithDecimals = ({ stringValue, decimals }) => {\n    const parsed = parseFloat(stringValue);\n\n    if (decimals) {\n        return parseFloat(parsed.toFixed(decimals));\n    }\n\n    return parsed;\n};\n\ninterface FormateNumberOptions {\n    number: number | null;\n    isMoneyInput?: boolean;\n    isTimeInput?: boolean;\n}\n\nexport const formateNumber = ({ number, isMoneyInput, isTimeInput }: FormateNumberOptions) => {\n    if (typeof number !== 'number') {\n        return '';\n    }\n\n    if (isTimeInput) {\n        let hours = 0;\n        let minutes = 0;\n\n        const firstTwoNumbers = Number(String(number).substring(0, 2));\n        const lastTwoNumbers = Number(String(number).substring(2, 4));\n\n        hours = firstTwoNumbers > 23 ? 23 : firstTwoNumbers;\n        if (lastTwoNumbers < 7) {\n            minutes = lastTwoNumbers * 10;\n        } else {\n            minutes = lastTwoNumbers > 59 ? 59 : lastTwoNumbers;\n        }\n\n        const hoursStr = hours < 10 ? `0${hours}` : `${hours}`;\n        const minutesStr = minutes < 10 ? `0${minutes}` : `${minutes}`;\n\n        return `${hoursStr}:${minutesStr}`;\n    }\n\n    return number.toLocaleString('de-DE', {\n        useGrouping: true,\n        minimumFractionDigits: isMoneyInput ? 2 : undefined,\n        maximumFractionDigits: isMoneyInput ? 2 : undefined,\n        maximumSignificantDigits: !isMoneyInput ? 20 : undefined,\n    });\n};\n\ninterface IsValidString {\n    (config: {\n        string: string;\n        isDecimalInput?: boolean;\n        isMoneyInput?: boolean;\n        isTimeInput?: boolean;\n    }): boolean;\n}\n\nexport const isValidString: IsValidString = ({\n    isDecimalInput,\n    isMoneyInput,\n    isTimeInput,\n    string,\n}) => {\n    let isValid = false;\n\n    // Allows numbers, one (comma/point) and any number of decimal places\n    if (isDecimalInput && DECIMAL_TEST.test(string)) {\n        isValid = true;\n    }\n\n    // Allows numbers but excludes numbers with leading 0\n    if (isMoneyInput && MONEY_TEST.test(string)) {\n        isValid = true;\n    }\n\n    if (isTimeInput && TIME_TEST) {\n        isValid = true;\n    }\n\n    // Allows numbers but excludes numbers with leading 0\n    if (!isDecimalInput && !isMoneyInput && !isTimeInput && INTEGER_TEST.test(string)) {\n        isValid = true;\n    }\n\n    if (string.length === 0) {\n        isValid = true;\n    }\n\n    return isValid;\n};\n"],"mappings":"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"}

package/lib/components/opening-times/OpeningTimes.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import type { OpeningTime, Weekday } from '../../types/openingTimes';
+export type OpeningTimesProps = {
+    /**
+     * Function to be executed when a time is changed.
+     * @param openingTimes
+     */
+    onChange?: (openingTimes: OpeningTime[]) => void;
+    /**
+     * The opening times corresponding to its weekday.
+     */
+    openingTimes: OpeningTime[];
+    /**
+     * The weekdays that should be displayed.
+     */
+    weekdays: Weekday[];
+};
+declare const OpeningTimes: FC<OpeningTimesProps>;
+export default OpeningTimes;

package/lib/components/opening-times/OpeningTimes.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _OpeningTimes = require("./OpeningTimes.styles");
+var _Checkbox = _interopRequireDefault(require("../checkbox/Checkbox"));
+var _OpeningInputs = _interopRequireDefault(require("./opening-inputs/OpeningInputs"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const OpeningTimes = _ref => {
+  let {
+    openingTimes,
+    weekdays,
+    onChange
+  } = _ref;
+  const [newOpeningTimes, setNewOpeningTimes] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    setNewOpeningTimes(openingTimes);
+  }, [openingTimes]);
+  (0, _react.useEffect)(() => {
+    if (newOpeningTimes && typeof onChange === 'function') {
+      onChange(newOpeningTimes);
+    }
+  }, [newOpeningTimes, onChange]);
+  const handleCheckBoxChange = id => {
+    setNewOpeningTimes(prevOpeningTimes => (prevOpeningTimes ?? []).map(openingTime => {
+      if (openingTime.id === id) {
+        return {
+          ...openingTime,
+          isDisabled: !openingTime.isDisabled
+        };
+      }
+      return openingTime;
+    }));
+  };
+  const content = (0, _react.useMemo)(() => {
+    const items = [];
+    if (!newOpeningTimes) {
+      return items;
+    }
+    newOpeningTimes.forEach(_ref2 => {
+      let {
+        times,
+        id,
+        weekdayId,
+        isDisabled
+      } = _ref2;
+      const weekday = weekdays.find(weekDay => weekDay.id === weekdayId)?.name;
+      if (!weekday) {
+        return;
+      }
+      items.push( /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimesWrapper, {
+        key: `openingTimes__${id}`
+      }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+        isChecked: !isDisabled,
+        onChange: () => handleCheckBoxChange(id)
+      }, weekday), /*#__PURE__*/_react.default.createElement(_OpeningInputs.default, {
+        times: times,
+        isDisabled: isDisabled,
+        onChange: () => {}
+      })));
+    });
+    return items;
+  }, [newOpeningTimes, weekdays]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimes, null, content), [content]);
+};
+OpeningTimes.displayName = 'OpeningTimes';
+var _default = exports.default = OpeningTimes;
+//# sourceMappingURL=OpeningTimes.js.map

package/lib/components/opening-times/OpeningTimes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpeningTimes.js","names":["_react","_interopRequireWildcard","require","_OpeningTimes","_Checkbox","_interopRequireDefault","_OpeningInputs","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","OpeningTimes","_ref","openingTimes","weekdays","onChange","newOpeningTimes","setNewOpeningTimes","useState","useEffect","handleCheckBoxChange","id","prevOpeningTimes","map","openingTime","isDisabled","content","useMemo","items","forEach","_ref2","times","weekdayId","weekday","find","weekDay","name","push","createElement","StyledOpeningTimesWrapper","key","isChecked","StyledOpeningTimes","displayName","_default","exports"],"sources":["../../../src/components/opening-times/OpeningTimes.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useEffect, useMemo, useState } from 'react';\nimport { StyledOpeningTimes, StyledOpeningTimesWrapper } from './OpeningTimes.styles';\nimport type { OpeningTime, Weekday } from '../../types/openingTimes';\nimport Checkbox from '../checkbox/Checkbox';\nimport OpeningInputs from './opening-inputs/OpeningInputs';\n\nexport type OpeningTimesProps = {\n    /**\n     * Function to be executed when a time is changed.\n     * @param openingTimes\n     */\n    onChange?: (openingTimes: OpeningTime[]) => void;\n    /**\n     * The opening times corresponding to its weekday.\n     */\n    openingTimes: OpeningTime[];\n    /**\n     * The weekdays that should be displayed.\n     */\n    weekdays: Weekday[];\n};\n\nconst OpeningTimes: FC<OpeningTimesProps> = ({ openingTimes, weekdays, onChange }) => {\n    const [newOpeningTimes, setNewOpeningTimes] = useState<OpeningTime[]>();\n\n    useEffect(() => {\n        setNewOpeningTimes(openingTimes);\n    }, [openingTimes]);\n\n    useEffect(() => {\n        if (newOpeningTimes && typeof onChange === 'function') {\n            onChange(newOpeningTimes);\n        }\n    }, [newOpeningTimes, onChange]);\n\n    const handleCheckBoxChange = (id: string) => {\n        setNewOpeningTimes((prevOpeningTimes) =>\n            (prevOpeningTimes ?? []).map((openingTime) => {\n                if (openingTime.id === id) {\n                    return { ...openingTime, isDisabled: !openingTime.isDisabled };\n                }\n                return openingTime;\n            }),\n        );\n    };\n\n    const content = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        if (!newOpeningTimes) {\n            return items;\n        }\n\n        newOpeningTimes.forEach(({ times, id, weekdayId, isDisabled }) => {\n            const weekday = weekdays.find((weekDay) => weekDay.id === weekdayId)?.name;\n\n            if (!weekday) {\n                return;\n            }\n\n            items.push(\n                <StyledOpeningTimesWrapper key={`openingTimes__${id}`}>\n                    <Checkbox isChecked={!isDisabled} onChange={() => handleCheckBoxChange(id)}>\n                        {weekday}\n                    </Checkbox>\n                    <OpeningInputs times={times} isDisabled={isDisabled} onChange={() => {}} />\n                </StyledOpeningTimesWrapper>,\n            );\n        });\n\n        return items;\n    }, [newOpeningTimes, weekdays]);\n\n    return useMemo(() => <StyledOpeningTimes>{content}</StyledOpeningTimes>, [content]);\n};\n\nOpeningTimes.displayName = 'OpeningTimes';\n\nexport default OpeningTimes;\n"],"mappings":"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"}

package/lib/components/opening-times/OpeningTimes.styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+type StyledSliderButtonProps = WithTheme<{
+    isDisabled?: boolean;
+}>;
+export declare const StyledOpeningTimes: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSliderButtonProps>>;
+export declare const StyledOpeningTimesWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export {};

package/lib/components/opening-times/OpeningTimes.styles.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledOpeningTimesWrapper = exports.StyledOpeningTimes = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledOpeningTimes = exports.StyledOpeningTimes = _styledComponents.default.div`
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+`;
+const StyledOpeningTimesWrapper = exports.StyledOpeningTimesWrapper = _styledComponents.default.div`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+`;
+//# sourceMappingURL=OpeningTimes.styles.js.map

package/lib/components/opening-times/OpeningTimes.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpeningTimes.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledOpeningTimes","exports","styled","div","StyledOpeningTimesWrapper"],"sources":["../../../src/components/opening-times/OpeningTimes.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledSliderButtonProps = WithTheme<{ isDisabled?: boolean }>;\n\nexport const StyledOpeningTimes = styled.div<StyledSliderButtonProps>`\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n`;\n\nexport const StyledOpeningTimesWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAKhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAA6B;AACtE;AACA;AACA;AACA,CAAC;AAEM,MAAMC,yBAAyB,GAAAH,OAAA,CAAAG,yBAAA,GAAGF,yBAAM,CAACC,GAAI;AACpD;AACA;AACA;AACA,CAAC"}

package/lib/components/opening-times/opening-inputs/OpeningInputs.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { type Time } from '../../../types/openingTimes';
+export type OpeningInputsProps = {
+    times: Time[];
+    isDisabled?: boolean;
+    onChange: (times: Time[]) => void;
+};
+declare const OpeningInputs: FC<OpeningInputsProps>;
+export default OpeningInputs;

package/lib/components/opening-times/opening-inputs/OpeningInputs.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _openingTimes = require("../../../types/openingTimes");
+var _OpeningInputs = require("./OpeningInputs.styles");
+var _OpeningInput = _interopRequireDefault(require("./opening-input/OpeningInput"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const OpeningInputs = _ref => {
+  let {
+    times,
+    isDisabled,
+    onChange
+  } = _ref;
+  const [newTimes, setNewTimes] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    setNewTimes(times);
+  }, [times]);
+  (0, _react.useEffect)(() => {}, []);
+  const handleAdd = () => {
+    const defaultTime = {
+      start: '00:00',
+      end: '00:00'
+    };
+    setNewTimes(prevState =>
+    // onChange();
+
+    prevState ? [...prevState, defaultTime] : [defaultTime]);
+  };
+  const handleRemove = indexToRemove => {
+    setNewTimes(prevState => (prevState ?? []).filter((_, index) => index !== indexToRemove));
+  };
+  const handleChange = (newTime, indexToUpdate) => {
+    setNewTimes(prevState => (prevState ?? []).map((time, index) => {
+      if (index === indexToUpdate) {
+        return newTime;
+      }
+      return time;
+    }));
+  };
+  const content = (0, _react.useMemo)(() => {
+    const items = [];
+    if (!newTimes) {
+      return items;
+    }
+    newTimes.forEach((_ref2, index) => {
+      let {
+        end,
+        start
+      } = _ref2;
+      if (index > 1) {
+        return;
+      }
+      let buttonType = _openingTimes.OpeningTimesButtonType.NONE;
+      if (index === 0 && times.length === 1) {
+        buttonType = _openingTimes.OpeningTimesButtonType.ADD;
+      } else if (index === 1) {
+        buttonType = _openingTimes.OpeningTimesButtonType.REMOVE;
+      }
+      items.push( /*#__PURE__*/_react.default.createElement(_OpeningInput.default, {
+        start: start,
+        end: end,
+        isDisabled: isDisabled,
+        buttonType: buttonType,
+        onAdd: handleAdd,
+        onChange: time => handleChange(time, index),
+        onRemove: () => handleRemove(index)
+      }));
+    });
+    return items;
+  }, [isDisabled, newTimes, times.length]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_OpeningInputs.StyledOpeningInputs, null, content), [content]);
+};
+OpeningInputs.displayName = 'OpeningInputs';
+var _default = exports.default = OpeningInputs;
+//# sourceMappingURL=OpeningInputs.js.map

package/lib/components/opening-times/opening-inputs/OpeningInputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpeningInputs.js","names":["_react","_interopRequireWildcard","require","_openingTimes","_OpeningInputs","_OpeningInput","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","OpeningInputs","_ref","times","isDisabled","onChange","newTimes","setNewTimes","useState","useEffect","handleAdd","defaultTime","start","end","prevState","handleRemove","indexToRemove","filter","_","index","handleChange","newTime","indexToUpdate","map","time","content","useMemo","items","forEach","_ref2","buttonType","OpeningTimesButtonType","NONE","length","ADD","REMOVE","push","createElement","onAdd","onRemove","StyledOpeningInputs","displayName","_default","exports"],"sources":["../../../../src/components/opening-times/opening-inputs/OpeningInputs.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useEffect, useMemo, useState } from 'react';\nimport { OpeningTimesButtonType, type Time } from '../../../types/openingTimes';\nimport { StyledOpeningInputs } from './OpeningInputs.styles';\nimport OpeningInput from './opening-input/OpeningInput';\n\nexport type OpeningInputsProps = {\n    times: Time[];\n    isDisabled?: boolean;\n    onChange: (times: Time[]) => void;\n};\n\nconst OpeningInputs: FC<OpeningInputsProps> = ({ times, isDisabled, onChange }) => {\n    const [newTimes, setNewTimes] = useState<Time[]>();\n\n    useEffect(() => {\n        setNewTimes(times);\n    }, [times]);\n\n    useEffect(() => {}, []);\n\n    const handleAdd = () => {\n        const defaultTime: Time = { start: '00:00', end: '00:00' };\n\n        setNewTimes((prevState) =>\n            // onChange();\n\n            prevState ? [...prevState, defaultTime] : [defaultTime],\n        );\n    };\n\n    const handleRemove = (indexToRemove: number) => {\n        setNewTimes((prevState) => (prevState ?? []).filter((_, index) => index !== indexToRemove));\n    };\n\n    const handleChange = (newTime: Time, indexToUpdate: number) => {\n        setNewTimes((prevState) =>\n            (prevState ?? []).map((time, index) => {\n                if (index === indexToUpdate) {\n                    return newTime;\n                }\n                return time;\n            }),\n        );\n    };\n\n    const content = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        if (!newTimes) {\n            return items;\n        }\n\n        newTimes.forEach(({ end, start }, index) => {\n            if (index > 1) {\n                return;\n            }\n\n            let buttonType = OpeningTimesButtonType.NONE;\n\n            if (index === 0 && times.length === 1) {\n                buttonType = OpeningTimesButtonType.ADD;\n            } else if (index === 1) {\n                buttonType = OpeningTimesButtonType.REMOVE;\n            }\n\n            items.push(\n                <OpeningInput\n                    start={start}\n                    end={end}\n                    isDisabled={isDisabled}\n                    buttonType={buttonType}\n                    onAdd={handleAdd}\n                    onChange={(time) => handleChange(time, index)}\n                    onRemove={() => handleRemove(index)}\n                />,\n            );\n        });\n\n        return items;\n    }, [isDisabled, newTimes, times.length]);\n\n    return useMemo(() => <StyledOpeningInputs>{content}</StyledOpeningInputs>, [content]);\n};\n\nOpeningInputs.displayName = 'OpeningInputs';\n\nexport default OpeningInputs;\n"],"mappings":"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"}

package/lib/components/opening-times/opening-inputs/OpeningInputs.styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledOpeningInputs: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/components/opening-times/opening-inputs/OpeningInputs.styles.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledOpeningInputs = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledOpeningInputs = exports.StyledOpeningInputs = _styledComponents.default.div`
+    display: flex;
+    flex-direction: column;
+`;
+//# sourceMappingURL=OpeningInputs.styles.js.map

package/lib/components/opening-times/opening-inputs/OpeningInputs.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpeningInputs.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledOpeningInputs","exports","styled","div"],"sources":["../../../../src/components/opening-times/opening-inputs/OpeningInputs.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledOpeningInputs = styled.div`\n    display: flex;\n    flex-direction: column;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAGE,yBAAM,CAACC,GAAI;AAC9C;AACA;AACA,CAAC"}

package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { OpeningTimesButtonType, type Time } from '../../../../types/openingTimes';
+export type OpeningInputProps = {
+    start: Time['start'];
+    end: Time['end'];
+    isDisabled?: boolean;
+    buttonType: OpeningTimesButtonType;
+    onAdd: () => void;
+    onRemove: () => void;
+    onChange: (time: Time) => void;
+};
+declare const OpeningInput: FC<OpeningInputProps>;
+export default OpeningInput;

package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _openingTimes = require("../../../../types/openingTimes");
+var _OpeningInput = require("./OpeningInput.styles");
+var _NumberInput = _interopRequireDefault(require("../../../number-input/NumberInput"));
+var _Icon = _interopRequireDefault(require("../../../icon/Icon"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const OpeningInput = _ref => {
+  let {
+    end,
+    start,
+    isDisabled,
+    buttonType,
+    onRemove,
+    onAdd,
+    onChange
+  } = _ref;
+  const [startTime, setStartTime] = (0, _react.useState)(start);
+  const [endTime, setEndTime] = (0, _react.useState)(end);
+  (0, _react.useEffect)(() => {
+    onChange({
+      start: startTime,
+      end: endTime
+    });
+  }, [endTime, onChange, startTime]);
+  const button = (0, _react.useMemo)(() => {
+    switch (buttonType) {
+      case _openingTimes.OpeningTimesButtonType.ADD:
+        return /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputButtonWrapper, {
+          onClick: onAdd
+        }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+          icons: ['fa fa-plus'],
+          size: 15,
+          color: "white"
+        }));
+      case _openingTimes.OpeningTimesButtonType.REMOVE:
+        return /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputButtonWrapper, {
+          onClick: onRemove
+        }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+          icons: ['fa fa-x'],
+          size: 10,
+          color: "white"
+        }));
+      default:
+        return null;
+    }
+  }, [buttonType, onAdd, onRemove]);
+  const handleStartTimeChange = (0, _react.useCallback)(value => {
+    setStartTime(value);
+  }, []);
+  const handleEndTimeChange = (0, _react.useCallback)(value => {
+    setEndTime(value);
+  }, []);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInput, null, /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputWrapper, null, /*#__PURE__*/_react.default.createElement(_NumberInput.default, {
+    isTimeInput: true,
+    value: startTime,
+    onChange: handleStartTimeChange,
+    isDisabled: isDisabled
+  })), /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputText, {
+    isDisabled: isDisabled
+  }, "-"), /*#__PURE__*/_react.default.createElement(_OpeningInput.StyledOpeningInputWrapper, null, /*#__PURE__*/_react.default.createElement(_NumberInput.default, {
+    isTimeInput: true,
+    value: endTime,
+    onChange: handleEndTimeChange,
+    isDisabled: isDisabled
+  })), button), [button, endTime, handleEndTimeChange, handleStartTimeChange, isDisabled, startTime]);
+};
+OpeningInput.displayName = 'OpeningInput';
+var _default = exports.default = OpeningInput;
+//# sourceMappingURL=OpeningInput.js.map

package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpeningInput.js","names":["_react","_interopRequireWildcard","require","_openingTimes","_OpeningInput","_NumberInput","_interopRequireDefault","_Icon","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","OpeningInput","_ref","end","start","isDisabled","buttonType","onRemove","onAdd","onChange","startTime","setStartTime","useState","endTime","setEndTime","useEffect","button","useMemo","OpeningTimesButtonType","ADD","createElement","StyledOpeningInputButtonWrapper","onClick","icons","size","color","REMOVE","handleStartTimeChange","useCallback","value","handleEndTimeChange","StyledOpeningInput","StyledOpeningInputWrapper","isTimeInput","StyledOpeningInputText","displayName","_default","exports"],"sources":["../../../../../src/components/opening-times/opening-inputs/opening-input/OpeningInput.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useState } from 'react';\nimport { OpeningTimesButtonType, type Time } from '../../../../types/openingTimes';\nimport {\n    StyledOpeningInput,\n    StyledOpeningInputButtonWrapper,\n    StyledOpeningInputText,\n    StyledOpeningInputWrapper,\n} from './OpeningInput.styles';\nimport NumberInput from '../../../number-input/NumberInput';\nimport Icon from '../../../icon/Icon';\n\nexport type OpeningInputProps = {\n    start: Time['start'];\n    end: Time['end'];\n    isDisabled?: boolean;\n    buttonType: OpeningTimesButtonType;\n    onAdd: () => void;\n    onRemove: () => void;\n    onChange: (time: Time) => void;\n};\n\nconst OpeningInput: FC<OpeningInputProps> = ({\n    end,\n    start,\n    isDisabled,\n    buttonType,\n    onRemove,\n    onAdd,\n    onChange,\n}) => {\n    const [startTime, setStartTime] = useState(start);\n    const [endTime, setEndTime] = useState(end);\n\n    useEffect(() => {\n        onChange({ start: startTime, end: endTime });\n    }, [endTime, onChange, startTime]);\n\n    const button = useMemo(() => {\n        switch (buttonType) {\n            case OpeningTimesButtonType.ADD:\n                return (\n                    <StyledOpeningInputButtonWrapper onClick={onAdd}>\n                        <Icon icons={['fa fa-plus']} size={15} color=\"white\" />\n                    </StyledOpeningInputButtonWrapper>\n                );\n            case OpeningTimesButtonType.REMOVE:\n                return (\n                    <StyledOpeningInputButtonWrapper onClick={onRemove}>\n                        <Icon icons={['fa fa-x']} size={10} color=\"white\" />\n                    </StyledOpeningInputButtonWrapper>\n                );\n            default:\n                return null;\n        }\n    }, [buttonType, onAdd, onRemove]);\n\n    const handleStartTimeChange = useCallback((value: string) => {\n        setStartTime(value);\n    }, []);\n\n    const handleEndTimeChange = useCallback((value: string) => {\n        setEndTime(value);\n    }, []);\n\n    return useMemo(\n        () => (\n            <StyledOpeningInput>\n                <StyledOpeningInputWrapper>\n                    <NumberInput\n                        isTimeInput\n                        value={startTime}\n                        onChange={handleStartTimeChange}\n                        isDisabled={isDisabled}\n                    />\n                </StyledOpeningInputWrapper>\n                <StyledOpeningInputText isDisabled={isDisabled}>-</StyledOpeningInputText>\n                <StyledOpeningInputWrapper>\n                    <NumberInput\n                        isTimeInput\n                        value={endTime}\n                        onChange={handleEndTimeChange}\n                        isDisabled={isDisabled}\n                    />\n                </StyledOpeningInputWrapper>\n                {button}\n            </StyledOpeningInput>\n        ),\n        [button, endTime, handleEndTimeChange, handleStartTimeChange, isDisabled, startTime],\n    );\n};\n\nOpeningInput.displayName = 'OpeningInput';\n\nexport default OpeningInput;\n"],"mappings":"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"}

package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { WithTheme } from '../../../color-scheme-provider/ColorSchemeProvider';
+export declare const StyledOpeningInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledOpeningInputWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+type StyledOpeningInputTextProps = WithTheme<{
+    isDisabled?: boolean;
+}>;
+export declare const StyledOpeningInputText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledOpeningInputTextProps>>;
+export declare const StyledOpeningInputButtonWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export {};

package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.styles.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledOpeningInputWrapper = exports.StyledOpeningInputText = exports.StyledOpeningInputButtonWrapper = exports.StyledOpeningInput = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledOpeningInput = exports.StyledOpeningInput = _styledComponents.default.div`
+    display: flex;
+    align-items: center;
+    gap: 6px;
+`;
+const StyledOpeningInputWrapper = exports.StyledOpeningInputWrapper = _styledComponents.default.div`
+    width: 60px;
+`;
+const StyledOpeningInputText = exports.StyledOpeningInputText = _styledComponents.default.div`
+    opacity: ${_ref => {
+  let {
+    isDisabled
+  } = _ref;
+  return isDisabled ? 0.5 : 1;
+}};
+`;
+const StyledOpeningInputButtonWrapper = exports.StyledOpeningInputButtonWrapper = _styledComponents.default.div`
+    width: 20px;
+    height: 20px;
+    background-color: ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme['408'];
+}};
+    border-radius: 3px;
+    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
+    border: none;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`;
+//# sourceMappingURL=OpeningInput.styles.js.map

package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpeningInput.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledOpeningInput","exports","styled","div","StyledOpeningInputWrapper","StyledOpeningInputText","_ref","isDisabled","StyledOpeningInputButtonWrapper","_ref2","theme"],"sources":["../../../../../src/components/opening-times/opening-inputs/opening-input/OpeningInput.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../../../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledOpeningInput = styled.div`\n    display: flex;\n    align-items: center;\n    gap: 6px;\n`;\n\nexport const StyledOpeningInputWrapper = styled.div`\n    width: 60px;\n`;\n\ntype StyledOpeningInputTextProps = WithTheme<{ isDisabled?: boolean }>;\n\nexport const StyledOpeningInputText = styled.div<StyledOpeningInputTextProps>`\n    opacity: ${({ isDisabled }) => (isDisabled ? 0.5 : 1)};\n`;\n\ntype StyledOpeningInputButtonWrapperProps = WithTheme<unknown>;\n\nexport const StyledOpeningInputButtonWrapper = styled.div`\n    width: 20px;\n    height: 20px;\n    background-color: ${({ theme }: StyledOpeningInputButtonWrapperProps) => theme['408']};\n    border-radius: 3px;\n    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAI;AAC7C;AACA;AACA;AACA,CAAC;AAEM,MAAMC,yBAAyB,GAAAH,OAAA,CAAAG,yBAAA,GAAGF,yBAAM,CAACC,GAAI;AACpD;AACA,CAAC;AAIM,MAAME,sBAAsB,GAAAJ,OAAA,CAAAI,sBAAA,GAAGH,yBAAM,CAACC,GAAiC;AAC9E,eAAeG,IAAA;EAAA,IAAC;IAAEC;EAAW,CAAC,GAAAD,IAAA;EAAA,OAAMC,UAAU,GAAG,GAAG,GAAG,CAAC;AAAA,CAAE;AAC1D,CAAC;AAIM,MAAMC,+BAA+B,GAAAP,OAAA,CAAAO,+BAAA,GAAGN,yBAAM,CAACC,GAAI;AAC1D;AACA;AACA,wBAAwBM,KAAA;EAAA,IAAC;IAAEC;EAA4C,CAAC,GAAAD,KAAA;EAAA,OAAKC,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC"}

package/lib/components/progress-bar/ProgressBar.d.ts

@@ -1,9 +1,9 @@
 import { FC } from 'react';
 export type ProgressBarProps = {
     /**
-     * The lable that should be displayed under the progressbar.
+     * The label that should be displayed under the progressbar.
      */
-    lable?: string;
+    label?: string;
     /**
      * The percentage of the progress. Number between 0 and 100.
      */

package/lib/components/progress-bar/ProgressBar.js

@@ -11,7 +11,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const ProgressBar = _ref => {
   let {
     percentage,
-    lable
+    label
   } = _ref;
   const [internalPercentage, setInternalPercentage] = (0, _react.useState)(0);
   (0, _react.useEffect)(() => {
@@ -32,7 +32,7 @@ const ProgressBar = _ref => {
     transition: {
       type: 'tween'
     }
-  }), /*#__PURE__*/_react.default.createElement(_ProgressBar.StyledProgressBarBackground, null), lable && /*#__PURE__*/_react.default.createElement(_ProgressBar.StyledProgressBarLable, null, lable)), [lable, internalPercentage]);
+  }), /*#__PURE__*/_react.default.createElement(_ProgressBar.StyledProgressBarBackground, null), label && /*#__PURE__*/_react.default.createElement(_ProgressBar.StyledProgressBarLable, null, label)), [label, internalPercentage]);
 };
 ProgressBar.displayName = 'ProgressBar';
 var _default = exports.default = ProgressBar;

package/lib/components/progress-bar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["_react","_interopRequireWildcard","require","_ProgressBar","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ProgressBar","_ref","percentage","lable","internalPercentage","setInternalPercentage","useState","useEffect","useMemo","createElement","StyledProgressBar","StyledMotionProgressBarProgress","initial","width","animate","exit","transition","type","StyledProgressBarBackground","StyledProgressBarLable","displayName","_default","exports"],"sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React, { FC, useEffect, useMemo, useState } from 'react';\nimport {\n    StyledMotionProgressBarProgress,\n    StyledProgressBar,\n    StyledProgressBarBackground,\n    StyledProgressBarLable,\n} from './ProgressBar.styles';\n\nexport type ProgressBarProps = {\n    /**\n     * The lable that should be displayed under the progressbar.\n     */\n    lable?: string;\n    /**\n     * The percentage of the progress. Number between 0 and 100.\n     */\n    percentage: number;\n};\n\nconst ProgressBar: FC<ProgressBarProps> = ({ percentage, lable }) => {\n    const [internalPercentage, setInternalPercentage] = useState(0);\n\n    useEffect(() => {\n        if (percentage >= 0 && percentage <= 100) {\n            setInternalPercentage(percentage);\n        }\n    }, [percentage]);\n\n    return useMemo(\n        () => (\n            <StyledProgressBar>\n                <StyledMotionProgressBarProgress\n                    initial={{ width: '0%' }}\n                    animate={{ width: `${internalPercentage}%` }}\n                    exit={{ width: '0%' }}\n                    transition={{ type: 'tween' }}\n                />\n                <StyledProgressBarBackground />\n                {lable && <StyledProgressBarLable>{lable}</StyledProgressBarLable>}\n            </StyledProgressBar>\n        ),\n        [lable, internalPercentage]\n    );\n};\n\nProgressBar.displayName = 'ProgressBar';\n\nexport default ProgressBar;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAK8B,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAa9B,MAAMY,WAAiC,GAAGC,IAAA,IAA2B;EAAA,IAA1B;IAAEC,UAAU;IAAEC;EAAM,CAAC,GAAAF,IAAA;EAC5D,MAAM,CAACG,kBAAkB,EAAEC,qBAAqB,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EAE/D,IAAAC,gBAAS,EAAC,MAAM;IACZ,IAAIL,UAAU,IAAI,CAAC,IAAIA,UAAU,IAAI,GAAG,EAAE;MACtCG,qBAAqB,CAACH,UAAU,CAAC;IACrC;EACJ,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,OAAO,IAAAM,cAAO,EACV,mBACIjC,MAAA,CAAAU,OAAA,CAAAwB,aAAA,CAAC/B,YAAA,CAAAgC,iBAAiB,qBACdnC,MAAA,CAAAU,OAAA,CAAAwB,aAAA,CAAC/B,YAAA,CAAAiC,+BAA+B;IAC5BC,OAAO,EAAE;MAAEC,KAAK,EAAE;IAAK,CAAE;IACzBC,OAAO,EAAE;MAAED,KAAK,EAAG,GAAET,kBAAmB;IAAG,CAAE;IAC7CW,IAAI,EAAE;MAAEF,KAAK,EAAE;IAAK,CAAE;IACtBG,UAAU,EAAE;MAAEC,IAAI,EAAE;IAAQ;EAAE,CACjC,CAAC,eACF1C,MAAA,CAAAU,OAAA,CAAAwB,aAAA,CAAC/B,YAAA,CAAAwC,2BAA2B,MAAE,CAAC,EAC9Bf,KAAK,iBAAI5B,MAAA,CAAAU,OAAA,CAAAwB,aAAA,CAAC/B,YAAA,CAAAyC,sBAAsB,QAAEhB,KAA8B,CAClD,CACtB,EACD,CAACA,KAAK,EAAEC,kBAAkB,CAC9B,CAAC;AACL,CAAC;AAEDJ,WAAW,CAACoB,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAArC,OAAA,GAEzBe,WAAW"}
+{"version":3,"file":"ProgressBar.js","names":["_react","_interopRequireWildcard","require","_ProgressBar","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ProgressBar","_ref","percentage","label","internalPercentage","setInternalPercentage","useState","useEffect","useMemo","createElement","StyledProgressBar","StyledMotionProgressBarProgress","initial","width","animate","exit","transition","type","StyledProgressBarBackground","StyledProgressBarLable","displayName","_default","exports"],"sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React, { FC, useEffect, useMemo, useState } from 'react';\nimport {\n    StyledMotionProgressBarProgress,\n    StyledProgressBar,\n    StyledProgressBarBackground,\n    StyledProgressBarLable,\n} from './ProgressBar.styles';\n\nexport type ProgressBarProps = {\n    /**\n     * The label that should be displayed under the progressbar.\n     */\n    label?: string;\n    /**\n     * The percentage of the progress. Number between 0 and 100.\n     */\n    percentage: number;\n};\n\nconst ProgressBar: FC<ProgressBarProps> = ({ percentage, label }) => {\n    const [internalPercentage, setInternalPercentage] = useState(0);\n\n    useEffect(() => {\n        if (percentage >= 0 && percentage <= 100) {\n            setInternalPercentage(percentage);\n        }\n    }, [percentage]);\n\n    return useMemo(\n        () => (\n            <StyledProgressBar>\n                <StyledMotionProgressBarProgress\n                    initial={{ width: '0%' }}\n                    animate={{ width: `${internalPercentage}%` }}\n                    exit={{ width: '0%' }}\n                    transition={{ type: 'tween' }}\n                />\n                <StyledProgressBarBackground />\n                {label && <StyledProgressBarLable>{label}</StyledProgressBarLable>}\n            </StyledProgressBar>\n        ),\n        [label, internalPercentage],\n    );\n};\n\nProgressBar.displayName = 'ProgressBar';\n\nexport default ProgressBar;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAK8B,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAa9B,MAAMY,WAAiC,GAAGC,IAAA,IAA2B;EAAA,IAA1B;IAAEC,UAAU;IAAEC;EAAM,CAAC,GAAAF,IAAA;EAC5D,MAAM,CAACG,kBAAkB,EAAEC,qBAAqB,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EAE/D,IAAAC,gBAAS,EAAC,MAAM;IACZ,IAAIL,UAAU,IAAI,CAAC,IAAIA,UAAU,IAAI,GAAG,EAAE;MACtCG,qBAAqB,CAACH,UAAU,CAAC;IACrC;EACJ,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,OAAO,IAAAM,cAAO,EACV,mBACIjC,MAAA,CAAAU,OAAA,CAAAwB,aAAA,CAAC/B,YAAA,CAAAgC,iBAAiB,qBACdnC,MAAA,CAAAU,OAAA,CAAAwB,aAAA,CAAC/B,YAAA,CAAAiC,+BAA+B;IAC5BC,OAAO,EAAE;MAAEC,KAAK,EAAE;IAAK,CAAE;IACzBC,OAAO,EAAE;MAAED,KAAK,EAAG,GAAET,kBAAmB;IAAG,CAAE;IAC7CW,IAAI,EAAE;MAAEF,KAAK,EAAE;IAAK,CAAE;IACtBG,UAAU,EAAE;MAAEC,IAAI,EAAE;IAAQ;EAAE,CACjC,CAAC,eACF1C,MAAA,CAAAU,OAAA,CAAAwB,aAAA,CAAC/B,YAAA,CAAAwC,2BAA2B,MAAE,CAAC,EAC9Bf,KAAK,iBAAI5B,MAAA,CAAAU,OAAA,CAAAwB,aAAA,CAAC/B,YAAA,CAAAyC,sBAAsB,QAAEhB,KAA8B,CAClD,CACtB,EACD,CAACA,KAAK,EAAEC,kBAAkB,CAC9B,CAAC;AACL,CAAC;AAEDJ,WAAW,CAACoB,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAArC,OAAA,GAEzBe,WAAW"}

package/lib/components/slider/Slider.d.ts

@@ -29,9 +29,9 @@ export type SliderProps = {
      */
     steps?: number;
     /**
-     * A function to format the thumb lable.
+     * A function to format the thumb label.
      */
-    thumbLableFormatter?: (value: number) => string;
+    thumbLabelFormatter?: (value: number) => string;
     /**
      * the Value that the slider should have.
      */

package/lib/components/slider/Slider.js

@@ -17,7 +17,7 @@ const Slider = _ref => {
     value,
     onChange,
     interval,
-    thumbLableFormatter,
+    thumbLabelFormatter,
     shouldShowThumbLable = false,
     steps = 1
   } = _ref;
@@ -151,10 +151,10 @@ const Slider = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderThumb, {
     ref: fromSliderThumbRef,
     position: fromSliderThumbPosition
-  }, shouldShowThumbLable && /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderThumbLable, null, typeof thumbLableFormatter === 'function' ? thumbLableFormatter(fromValue) : fromValue)), interval && /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderThumb, {
+  }, shouldShowThumbLable && /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderThumbLable, null, typeof thumbLabelFormatter === 'function' ? thumbLabelFormatter(fromValue) : fromValue)), interval && /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderThumb, {
     ref: toSliderThumbRef,
     position: toSliderThumbPosition
-  }, shouldShowThumbLable && /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderThumbLable, null, typeof thumbLableFormatter === 'function' ? thumbLableFormatter(toValue) : toValue)), interval && /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderInput, {
+  }, shouldShowThumbLable && /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderThumbLable, null, typeof thumbLabelFormatter === 'function' ? thumbLabelFormatter(toValue) : toValue)), interval && /*#__PURE__*/_react.default.createElement(_Slider.StyledSliderInput, {
     ref: toSliderRef,
     isInterval: !!interval,
     type: "range",
@@ -163,7 +163,7 @@ const Slider = _ref => {
     max: maxValue,
     min: minValue,
     onChange: handleControlToSlider
-  })), [steps, fromSliderThumbPosition, fromValue, handleControlToSlider, handleInputChange, interval, maxValue, minValue, shouldShowThumbLable, thumbLableFormatter, toSliderThumbPosition, toValue]);
+  })), [steps, fromSliderThumbPosition, fromValue, handleControlToSlider, handleInputChange, interval, maxValue, minValue, shouldShowThumbLable, thumbLabelFormatter, toSliderThumbPosition, toValue]);
 };
 Slider.displayName = 'Slider';
 var _default = exports.default = Slider;

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":["_react","_interopRequireWildcard","require","_Slider","_slider","_styledComponents","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Slider","_ref","maxValue","minValue","value","onChange","interval","thumbLableFormatter","shouldShowThumbLable","steps","fromValue","setFromValue","useState","toValue","setToValue","fromSliderRef","useRef","toSliderRef","fromSliderThumbRef","toSliderThumbRef","theme","useTheme","useEffect","handleControlFromSlider","useCallback","event","current","Number","target","from","to","undefined","fillSlider","toSlider","fromSlider","String","handleControlToSlider","handleInputChange","newValue","fromSliderThumbPosition","useMemo","offsetWidth","toSliderThumbPosition","createElement","StyledSlider","StyledSliderInput","ref","isInterval","type","step","max","min","StyledSliderThumb","position","StyledSliderThumbLable","displayName","_default","exports"],"sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["import React, { ChangeEvent, FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n    StyledSlider,\n    StyledSliderInput,\n    StyledSliderThumb,\n    StyledSliderThumbLable,\n} from './Slider.styles';\nimport { fillSlider } from '../../utils/slider';\nimport { useTheme } from 'styled-components';\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     * 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 changed.\n     */\n    onChange?: (value?: number, interval?: SliderInterval) => void;\n    /**\n     * Whether the current value should be displayed inside the slider thumb.\n     */\n    shouldShowThumbLable?: boolean;\n    /**\n     * The steps of the slider.\n     */\n    steps?: number;\n    /**\n     * A function to format the thumb lable.\n     */\n    thumbLableFormatter?: (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    onChange,\n    interval,\n    thumbLableFormatter,\n    shouldShowThumbLable = false,\n    steps = 1,\n}) => {\n    const [fromValue, setFromValue] = useState(0);\n    const [toValue, setToValue] = useState(maxValue);\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\n    const theme = useTheme();\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 handleControlFromSlider = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (!fromSliderRef.current || !toSliderRef.current) {\n                return;\n            }\n\n            setFromValue(Number(event.target.value));\n\n            const from = Number(fromSliderRef.current.value);\n            const to = Number(toSliderRef.current.value);\n\n            if (typeof onChange === 'function') {\n                onChange(undefined, { maxValue: to, minValue: from });\n            }\n\n            fillSlider({\n                toSlider: toSliderRef.current,\n                fromSlider: fromSliderRef.current,\n                theme,\n            });\n\n            if (from > to) {\n                fromSliderRef.current.value = String(to);\n            } else {\n                fromSliderRef.current.value = String(from);\n            }\n        },\n        [onChange, theme],\n    );\n\n    const handleControlToSlider = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (!fromSliderRef.current || !toSliderRef.current) {\n                return;\n            }\n\n            setToValue(Number(event.target.value));\n\n            const from = Number(fromSliderRef.current.value);\n            const to = Number(toSliderRef.current.value);\n\n            if (typeof onChange === 'function') {\n                onChange(undefined, { maxValue: to, minValue: from });\n            }\n\n            fillSlider({\n                toSlider: toSliderRef.current,\n                fromSlider: fromSliderRef.current,\n                theme,\n            });\n\n            if (from <= to) {\n                toSliderRef.current.value = String(to);\n            } else {\n                toSliderRef.current.value = String(from);\n            }\n        },\n        [onChange, 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            const newValue = Number(event.target.value);\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, onChange],\n    );\n\n    const fromSliderThumbPosition = useMemo(() => {\n        if (fromSliderRef.current && fromSliderThumbRef.current) {\n            return (\n                ((fromValue - minValue) / (maxValue - minValue)) *\n                (fromSliderRef.current.offsetWidth - fromSliderThumbRef.current.offsetWidth / 2)\n            );\n        }\n        return 0;\n    }, [fromValue, maxValue, minValue]);\n\n    const toSliderThumbPosition = useMemo(() => {\n        if (toSliderRef.current && toSliderThumbRef.current) {\n            return (\n                ((toValue - minValue) / (maxValue - minValue)) *\n                (toSliderRef.current.offsetWidth - toSliderThumbRef.current.offsetWidth / 2)\n            );\n        }\n        return 0;\n    }, [toValue, maxValue, minValue]);\n\n    return useMemo(\n        () => (\n            <StyledSlider>\n                <StyledSliderInput\n                    ref={fromSliderRef}\n                    isInterval={!!interval}\n                    type=\"range\"\n                    value={fromValue}\n                    step={steps}\n                    max={maxValue}\n                    min={minValue}\n                    onChange={handleInputChange}\n                />\n                <StyledSliderThumb ref={fromSliderThumbRef} position={fromSliderThumbPosition}>\n                    {shouldShowThumbLable && (\n                        <StyledSliderThumbLable>\n                            {typeof thumbLableFormatter === 'function'\n                                ? thumbLableFormatter(fromValue)\n                                : fromValue}\n                        </StyledSliderThumbLable>\n                    )}\n                </StyledSliderThumb>\n                {interval && (\n                    <StyledSliderThumb ref={toSliderThumbRef} position={toSliderThumbPosition}>\n                        {shouldShowThumbLable && (\n                            <StyledSliderThumbLable>\n                                {typeof thumbLableFormatter === 'function'\n                                    ? thumbLableFormatter(toValue)\n                                    : toValue}\n                            </StyledSliderThumbLable>\n                        )}\n                    </StyledSliderThumb>\n                )}\n                {interval && (\n                    <StyledSliderInput\n                        ref={toSliderRef}\n                        isInterval={!!interval}\n                        type=\"range\"\n                        value={toValue}\n                        step={steps}\n                        max={maxValue}\n                        min={minValue}\n                        onChange={handleControlToSlider}\n                    />\n                )}\n            </StyledSlider>\n        ),\n        [\n            steps,\n            fromSliderThumbPosition,\n            fromValue,\n            handleControlToSlider,\n            handleInputChange,\n            interval,\n            maxValue,\n            minValue,\n            shouldShowThumbLable,\n            thumbLableFormatter,\n            toSliderThumbPosition,\n            toValue,\n        ],\n    );\n};\n\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"mappings":"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"}
+{"version":3,"file":"Slider.js","names":["_react","_interopRequireWildcard","require","_Slider","_slider","_styledComponents","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Slider","_ref","maxValue","minValue","value","onChange","interval","thumbLabelFormatter","shouldShowThumbLable","steps","fromValue","setFromValue","useState","toValue","setToValue","fromSliderRef","useRef","toSliderRef","fromSliderThumbRef","toSliderThumbRef","theme","useTheme","useEffect","handleControlFromSlider","useCallback","event","current","Number","target","from","to","undefined","fillSlider","toSlider","fromSlider","String","handleControlToSlider","handleInputChange","newValue","fromSliderThumbPosition","useMemo","offsetWidth","toSliderThumbPosition","createElement","StyledSlider","StyledSliderInput","ref","isInterval","type","step","max","min","StyledSliderThumb","position","StyledSliderThumbLable","displayName","_default","exports"],"sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["import React, { ChangeEvent, FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n    StyledSlider,\n    StyledSliderInput,\n    StyledSliderThumb,\n    StyledSliderThumbLable,\n} from './Slider.styles';\nimport { fillSlider } from '../../utils/slider';\nimport { useTheme } from 'styled-components';\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     * 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 changed.\n     */\n    onChange?: (value?: number, interval?: SliderInterval) => void;\n    /**\n     * Whether the current value should be displayed inside the slider thumb.\n     */\n    shouldShowThumbLable?: 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    onChange,\n    interval,\n    thumbLabelFormatter,\n    shouldShowThumbLable = false,\n    steps = 1,\n}) => {\n    const [fromValue, setFromValue] = useState(0);\n    const [toValue, setToValue] = useState(maxValue);\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\n    const theme = useTheme();\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 handleControlFromSlider = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (!fromSliderRef.current || !toSliderRef.current) {\n                return;\n            }\n\n            setFromValue(Number(event.target.value));\n\n            const from = Number(fromSliderRef.current.value);\n            const to = Number(toSliderRef.current.value);\n\n            if (typeof onChange === 'function') {\n                onChange(undefined, { maxValue: to, minValue: from });\n            }\n\n            fillSlider({\n                toSlider: toSliderRef.current,\n                fromSlider: fromSliderRef.current,\n                theme,\n            });\n\n            if (from > to) {\n                fromSliderRef.current.value = String(to);\n            } else {\n                fromSliderRef.current.value = String(from);\n            }\n        },\n        [onChange, theme],\n    );\n\n    const handleControlToSlider = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            if (!fromSliderRef.current || !toSliderRef.current) {\n                return;\n            }\n\n            setToValue(Number(event.target.value));\n\n            const from = Number(fromSliderRef.current.value);\n            const to = Number(toSliderRef.current.value);\n\n            if (typeof onChange === 'function') {\n                onChange(undefined, { maxValue: to, minValue: from });\n            }\n\n            fillSlider({\n                toSlider: toSliderRef.current,\n                fromSlider: fromSliderRef.current,\n                theme,\n            });\n\n            if (from <= to) {\n                toSliderRef.current.value = String(to);\n            } else {\n                toSliderRef.current.value = String(from);\n            }\n        },\n        [onChange, 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            const newValue = Number(event.target.value);\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, onChange],\n    );\n\n    const fromSliderThumbPosition = useMemo(() => {\n        if (fromSliderRef.current && fromSliderThumbRef.current) {\n            return (\n                ((fromValue - minValue) / (maxValue - minValue)) *\n                (fromSliderRef.current.offsetWidth - fromSliderThumbRef.current.offsetWidth / 2)\n            );\n        }\n        return 0;\n    }, [fromValue, maxValue, minValue]);\n\n    const toSliderThumbPosition = useMemo(() => {\n        if (toSliderRef.current && toSliderThumbRef.current) {\n            return (\n                ((toValue - minValue) / (maxValue - minValue)) *\n                (toSliderRef.current.offsetWidth - toSliderThumbRef.current.offsetWidth / 2)\n            );\n        }\n        return 0;\n    }, [toValue, maxValue, minValue]);\n\n    return useMemo(\n        () => (\n            <StyledSlider>\n                <StyledSliderInput\n                    ref={fromSliderRef}\n                    isInterval={!!interval}\n                    type=\"range\"\n                    value={fromValue}\n                    step={steps}\n                    max={maxValue}\n                    min={minValue}\n                    onChange={handleInputChange}\n                />\n                <StyledSliderThumb ref={fromSliderThumbRef} position={fromSliderThumbPosition}>\n                    {shouldShowThumbLable && (\n                        <StyledSliderThumbLable>\n                            {typeof thumbLabelFormatter === 'function'\n                                ? thumbLabelFormatter(fromValue)\n                                : fromValue}\n                        </StyledSliderThumbLable>\n                    )}\n                </StyledSliderThumb>\n                {interval && (\n                    <StyledSliderThumb ref={toSliderThumbRef} position={toSliderThumbPosition}>\n                        {shouldShowThumbLable && (\n                            <StyledSliderThumbLable>\n                                {typeof thumbLabelFormatter === 'function'\n                                    ? thumbLabelFormatter(toValue)\n                                    : toValue}\n                            </StyledSliderThumbLable>\n                        )}\n                    </StyledSliderThumb>\n                )}\n                {interval && (\n                    <StyledSliderInput\n                        ref={toSliderRef}\n                        isInterval={!!interval}\n                        type=\"range\"\n                        value={toValue}\n                        step={steps}\n                        max={maxValue}\n                        min={minValue}\n                        onChange={handleControlToSlider}\n                    />\n                )}\n            </StyledSlider>\n        ),\n        [\n            steps,\n            fromSliderThumbPosition,\n            fromValue,\n            handleControlToSlider,\n            handleInputChange,\n            interval,\n            maxValue,\n            minValue,\n            shouldShowThumbLable,\n            thumbLabelFormatter,\n            toSliderThumbPosition,\n            toValue,\n        ],\n    );\n};\n\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"mappings":"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"}

package/lib/index.d.ts

@@ -59,3 +59,5 @@ export { default as Signature } from './components/signature/Signature';
 export type { SignatureRef } from './components/signature/Signature';
 export { default as SliderButton } from './components/slider-button/SliderButton';
 export type { SliderButtonItem } from './types/slider-button';
+export { default as OpeningTimes } from './components/opening-times/OpeningTimes';
+export type { Weekday, OpeningTime } from './types/openingTimes';

package/lib/index.js

@@ -171,6 +171,12 @@ Object.defineProperty(exports, "NumberInput", {
     return _NumberInput.default;
   }
 });
+Object.defineProperty(exports, "OpeningTimes", {
+  enumerable: true,
+  get: function () {
+    return _OpeningTimes.default;
+  }
+});
 Object.defineProperty(exports, "Popup", {
   enumerable: true,
   get: function () {
@@ -364,6 +370,7 @@ var _uploadFile = require("./utils/uploadFile");
 var _SelectButton = _interopRequireDefault(require("./components/select-button/SelectButton"));
 var _Signature = _interopRequireDefault(require("./components/signature/Signature"));
 var _SliderButton = _interopRequireDefault(require("./components/slider-button/SliderButton"));
+var _OpeningTimes = _interopRequireDefault(require("./components/opening-times/OpeningTimes"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Accordion","_interopRequireDefault","require","_AccordionContent","_AccordionGroup","_AccordionIntro","_AccordionItem","_AmountControl","_Badge","_Button","_Checkbox","_CodeHighlighter","_ColorSchemeProvider","_ComboBox","_ContentCard","_ContextMenu","_DateInfo","_FileInput","_FilterButtons","_GridImage","_Icon","_Input","_List","_ListItemContent","_ListItem","_alignment","_MentionFinder","_NumberInput","_Popup","_ProgressBar","_RadioButtonGroup","_RadioButton","_ScrollView","_SearchBox","_SearchInput","_SetupWizardItem","_SetupWizard","_SharingBar","_Slider","_SmallWaitCursor","_interopRequireWildcard","_TextArea","_Tooltip","_Truncation","_codeHighlighter","_comboBox","_fileDialog","_isTobitEmployee","_uploadFile","_SelectButton","_Signature","_SliderButton","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj"],"sources":["../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport { default as CodeHighlighter } from './components/code-highlighter/CodeHighlighter';\nexport { default as ColorSchemeProvider } from './components/color-scheme-provider/ColorSchemeProvider';\nexport type {\n    FramerMotionBugFix,\n    WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport type { IComboBoxItem as ComboBoxItem } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport { default as DateInfo } from './components/date-info/DateInfo';\nexport { default as FileInput } from './components/file-input/FileInput';\nexport { default as FilterButtons } from './components/filter-buttons/FilterButtons';\nexport type {\n    FilterButtonItemShape,\n    FilterButtonSize,\n    IFilterButtonItem as FilterButtonItem,\n} from './components/filter-buttons/types';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as Icon } from './components/icon/Icon';\nexport { default as Input } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport { default as ListItem } from './components/list/list-item/ListItem';\nexport { MentionFinderPopupAlignment } from './components/mention-finder/constants/alignment';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as NumberInput } from './components/number-input/NumberInput';\nexport { default as Popup } from './components/popup/Popup';\nexport type { PopupRef } from './components/popup/types';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { default as RadioButtonGroup } from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport type { ISearchBoxItem as SearchBoxItem } from './components/search-box/types';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';\nexport { default as SetupWizard } from './components/setup-wizard/SetupWizard';\nexport type { SetupWizardRef } from './components/setup-wizard/SetupWizard';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n    default as SmallWaitCursor,\n    SmallWaitCursorSize,\n    SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { default as Truncation } from './components/truncation/Truncation';\nexport { CodeHighlighterTheme } from './types/codeHighlighter';\nexport type { CodeHighlighterLanguage, HighlightedLines } from './types/codeHighlighter';\nexport { ComboBoxDirection } from './types/comboBox';\nexport type { FileItem, Image, Meta, Video } from './types/file';\nexport { getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';\nexport { isTobitEmployee } from './utils/isTobitEmployee';\nexport { uploadFile } from './utils/uploadFile';\nexport { default as SelectButton } from './components/select-button/SelectButton';\nexport type { SelectButtonItem } from './components/select-button/types';\nexport { default as Signature } from './components/signature/Signature';\nexport type { SignatureRef } from './components/signature/Signature';\nexport { default as SliderButton } from './components/slider-button/SliderButton';\nexport type { SliderButtonItem } from './types/slider-button';\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_Accordion","_interopRequireDefault","require","_AccordionContent","_AccordionGroup","_AccordionIntro","_AccordionItem","_AmountControl","_Badge","_Button","_Checkbox","_CodeHighlighter","_ColorSchemeProvider","_ComboBox","_ContentCard","_ContextMenu","_DateInfo","_FileInput","_FilterButtons","_GridImage","_Icon","_Input","_List","_ListItemContent","_ListItem","_alignment","_MentionFinder","_NumberInput","_Popup","_ProgressBar","_RadioButtonGroup","_RadioButton","_ScrollView","_SearchBox","_SearchInput","_SetupWizardItem","_SetupWizard","_SharingBar","_Slider","_SmallWaitCursor","_interopRequireWildcard","_TextArea","_Tooltip","_Truncation","_codeHighlighter","_comboBox","_fileDialog","_isTobitEmployee","_uploadFile","_SelectButton","_Signature","_SliderButton","_OpeningTimes","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj"],"sources":["../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport { default as CodeHighlighter } from './components/code-highlighter/CodeHighlighter';\nexport { default as ColorSchemeProvider } from './components/color-scheme-provider/ColorSchemeProvider';\nexport type {\n    FramerMotionBugFix,\n    WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport type { IComboBoxItem as ComboBoxItem } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport { default as DateInfo } from './components/date-info/DateInfo';\nexport { default as FileInput } from './components/file-input/FileInput';\nexport { default as FilterButtons } from './components/filter-buttons/FilterButtons';\nexport type {\n    FilterButtonItemShape,\n    FilterButtonSize,\n    IFilterButtonItem as FilterButtonItem,\n} from './components/filter-buttons/types';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as Icon } from './components/icon/Icon';\nexport { default as Input } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport { default as ListItem } from './components/list/list-item/ListItem';\nexport { MentionFinderPopupAlignment } from './components/mention-finder/constants/alignment';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as NumberInput } from './components/number-input/NumberInput';\nexport { default as Popup } from './components/popup/Popup';\nexport type { PopupRef } from './components/popup/types';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { default as RadioButtonGroup } from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport type { ISearchBoxItem as SearchBoxItem } from './components/search-box/types';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';\nexport { default as SetupWizard } from './components/setup-wizard/SetupWizard';\nexport type { SetupWizardRef } from './components/setup-wizard/SetupWizard';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n    default as SmallWaitCursor,\n    SmallWaitCursorSize,\n    SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { default as Truncation } from './components/truncation/Truncation';\nexport { CodeHighlighterTheme } from './types/codeHighlighter';\nexport type { CodeHighlighterLanguage, HighlightedLines } from './types/codeHighlighter';\nexport { ComboBoxDirection } from './types/comboBox';\nexport type { FileItem, Image, Meta, Video } from './types/file';\nexport { getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';\nexport { isTobitEmployee } from './utils/isTobitEmployee';\nexport { uploadFile } from './utils/uploadFile';\nexport { default as SelectButton } from './components/select-button/SelectButton';\nexport type { SelectButtonItem } from './components/select-button/types';\nexport { default as Signature } from './components/signature/Signature';\nexport type { SignatureRef } from './components/signature/Signature';\nexport { default as SliderButton } from './components/slider-button/SliderButton';\nexport type { SliderButtonItem } from './types/slider-button';\nexport { default as OpeningTimes } from './components/opening-times/OpeningTimes';\nexport type { Weekday, OpeningTime } from './types/openingTimes';\n"],"mappings":"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"}

package/lib/types/openingTimes.d.ts

@@ -0,0 +1,19 @@
+export interface Weekday {
+    name: string;
+    id: number;
+}
+export interface Time {
+    start: string;
+    end: string;
+}
+export interface OpeningTime {
+    weekdayId: Weekday['id'];
+    id: string;
+    isDisabled?: boolean;
+    times: Time[];
+}
+export declare enum OpeningTimesButtonType {
+    NONE = 0,
+    ADD = 1,
+    REMOVE = 2
+}

package/lib/types/openingTimes.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OpeningTimesButtonType = void 0;
+let OpeningTimesButtonType = exports.OpeningTimesButtonType = /*#__PURE__*/function (OpeningTimesButtonType) {
+  OpeningTimesButtonType[OpeningTimesButtonType["NONE"] = 0] = "NONE";
+  OpeningTimesButtonType[OpeningTimesButtonType["ADD"] = 1] = "ADD";
+  OpeningTimesButtonType[OpeningTimesButtonType["REMOVE"] = 2] = "REMOVE";
+  return OpeningTimesButtonType;
+}({});
+//# sourceMappingURL=openingTimes.js.map

package/lib/types/openingTimes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"openingTimes.js","names":["OpeningTimesButtonType","exports"],"sources":["../../src/types/openingTimes.ts"],"sourcesContent":["export interface Weekday {\n    name: string;\n    id: number;\n}\n\nexport interface Time {\n    start: string;\n    end: string;\n}\n\nexport interface OpeningTime {\n    weekdayId: Weekday['id'];\n    id: string;\n    isDisabled?: boolean;\n    times: Time[];\n}\n\nexport enum OpeningTimesButtonType {\n    NONE,\n    ADD,\n    REMOVE,\n}\n"],"mappings":";;;;;;IAiBYA,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,0BAAtBA,sBAAsB;EAAtBA,sBAAsB,CAAtBA,sBAAsB;EAAtBA,sBAAsB,CAAtBA,sBAAsB;EAAtBA,sBAAsB,CAAtBA,sBAAsB;EAAA,OAAtBA,sBAAsB;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.410",
+    "version": "5.0.0-beta.412",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "keywords": [
         "chayns",
@@ -70,5 +70,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "371a9924f89df7c6504261c3efad1146bc2d501d"
+    "gitHead": "c916530aaf0263ed633b494d67f6c5e70bb10ee0"
 }