@ballistix.digital/react-components 8.5.6 → 8.6.0

package/dist/index.esm.js

@@ -13,7 +13,7 @@ import {FontAwesomeIcon as $4MPRY$FontAwesomeIcon} from "@fortawesome/react-font
 import {useFloating as $4MPRY$useFloating, offset as $4MPRY$offset, flip as $4MPRY$flip, shift as $4MPRY$shift, arrow as $4MPRY$arrow, autoUpdate as $4MPRY$autoUpdate, useHover as $4MPRY$useHover, useFocus as $4MPRY$useFocus, useDismiss as $4MPRY$useDismiss, useRole as $4MPRY$useRole, useInteractions as $4MPRY$useInteractions, FloatingArrow as $4MPRY$FloatingArrow} from "@floating-ui/react";
 import {Menu as $4MPRY$Menu, MenuButton as $4MPRY$MenuButton, Transition as $4MPRY$Transition, MenuItems as $4MPRY$MenuItems, Dialog as $4MPRY$Dialog, TransitionChild as $4MPRY$TransitionChild, Popover as $4MPRY$Popover, PopoverButton as $4MPRY$PopoverButton, PopoverPanel as $4MPRY$PopoverPanel, Switch as $4MPRY$Switch} from "@headlessui/react";
 import {useMask as $4MPRY$useMask} from "@react-input/mask";
-import {ViewColumnsIcon as $4MPRY$ViewColumnsIcon, ChevronDownIcon as $4MPRY$ChevronDownIcon1, TableCellsIcon as $4MPRY$TableCellsIcon, XMarkIcon as $4MPRY$XMarkIcon, PlusIcon as $4MPRY$PlusIcon} from "@heroicons/react/24/outline";
+import {ViewColumnsIcon as $4MPRY$ViewColumnsIcon, ChevronDownIcon as $4MPRY$ChevronDownIcon1, TableCellsIcon as $4MPRY$TableCellsIcon} from "@heroicons/react/24/outline";
 import {useReactTable as $4MPRY$useReactTable, getCoreRowModel as $4MPRY$getCoreRowModel, flexRender as $4MPRY$flexRender, getExpandedRowModel as $4MPRY$getExpandedRowModel, getGroupedRowModel as $4MPRY$getGroupedRowModel, createColumnHelper as $4MPRY$createColumnHelper} from "@tanstack/react-table";
 import $4MPRY$reacttailwindcssselect from "react-tailwindcss-select";
 import {utils as $4MPRY$utils, writeFile as $4MPRY$writeFile} from "xlsx";
@@ -24,7 +24,6 @@ import {CSS as $4MPRY$CSS} from "@dnd-kit/utilities";
 import $4MPRY$lodashset from "lodash/set";
 import {DateTime as $4MPRY$DateTime} from "luxon";
 import $4MPRY$ballistixdigitalreacttailwindcssdatepicker from "@ballistix.digital/react-tailwindcss-datepicker";
-import {FormikProvider as $4MPRY$FormikProvider, FieldArray as $4MPRY$FieldArray, useFormik as $4MPRY$useFormik} from "formik";
 import $4MPRY$ishotkey from "is-hotkey";
 import {Text as $4MPRY$Text, Editor as $4MPRY$Editor, Element as $4MPRY$Element, createEditor as $4MPRY$createEditor, Transforms as $4MPRY$Transforms} from "slate";
 import {withHistory as $4MPRY$withHistory} from "slate-history";
@@ -1618,7 +1617,7 @@ var $0249406a6f5edb4d$export$2e2bcd8739ae039 = $0249406a6f5edb4d$var$styles;
 var $7b4ae85c2b92d7dd$var$InputGroupForm = function(props) {
     var _a;
     var _b;
-    var name = props.name, _c = props.htmlType, htmlType = _c === void 0 ? 'text' : _c, label = props.label, hint = props.hint, description = props.description, placeholder = props.placeholder, leading = props.leading, trailing = props.trailing, required = props.required, value = props.value, mask = props.mask, min = props.min, max = props.max, maxLength = props.maxLength, rows = props.rows, error = props.error, _d = props.type, type = _d === void 0 ? 'normal' : _d, isDisabled = props.isDisabled, _e = props.isRequired, isRequired = _e === void 0 ? false : _e, _f = props.isTouched, isTouched = _f === void 0 ? false : _f, _g = props.isSolo, isSolo = _g === void 0 ? false : _g, _h = props.isOptionalLabelHidden, isOptionalLabelHidden = _h === void 0 ? false : _h, onChange = props.onChange, onClear = props.onClear, onBlur = props.onBlur, onClick = props.onClick, onKeyDown = props.onKeyDown, setRefOnLoad = props.setRefOnLoad, stylesOverrides = props.styles;
+    var name = props.name, _c = props.htmlType, htmlType = _c === void 0 ? 'text' : _c, label = props.label, hint = props.hint, description = props.description, placeholder = props.placeholder, leading = props.leading, trailing = props.trailing, required = props.required, value = props.value, mask = props.mask, min = props.min, max = props.max, step = props.step, maxLength = props.maxLength, rows = props.rows, error = props.error, _d = props.type, type = _d === void 0 ? 'normal' : _d, isDisabled = props.isDisabled, _e = props.isRequired, isRequired = _e === void 0 ? false : _e, _f = props.isTouched, isTouched = _f === void 0 ? false : _f, _g = props.isSolo, isSolo = _g === void 0 ? false : _g, _h = props.isOptionalLabelHidden, isOptionalLabelHidden = _h === void 0 ? false : _h, onChange = props.onChange, onClear = props.onClear, onBlur = props.onBlur, onClick = props.onClick, onKeyDown = props.onKeyDown, setRefOnLoad = props.setRefOnLoad, stylesOverrides = props.styles;
     var isValid = error === undefined;
     var maskRef = (0, $4MPRY$useMask)({
         mask: mask === null || mask === void 0 ? void 0 : mask.mask,
@@ -1682,6 +1681,7 @@ var $7b4ae85c2b92d7dd$var$InputGroupForm = function(props) {
                                 value: isSolo ? undefined : value,
                                 min: min,
                                 max: max,
+                                step: step,
                                 maxLength: maxLength,
                                 disabled: isDisabled,
                                 onChange: onChange,
@@ -5762,122 +5762,6 @@ var $be69f9fa947058ae$export$2e2bcd8739ae039 = $be69f9fa947058ae$var$DateMenuFor
 
 
 
-
-var $901cc167fb8bbd92$var$base = {
-    container: '',
-    sr: 'sr-only',
-    list: 'space-y-5',
-    item: {
-        container: 'relative flex items-start',
-        head: 'flex h-6 items-center',
-        body: 'ml-3 text-sm leading-6',
-        input: 'h-4 w-4 rounded-sm border-gray-300 text-primary-600 focus:ring-primary-600',
-        label: 'font-medium text-gray-900',
-        description: 'text-gray-500'
-    }
-};
-var $901cc167fb8bbd92$var$disabled = {
-    item: {
-        input: 'block rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
-    }
-};
-var $901cc167fb8bbd92$var$styles = {
-    base: $901cc167fb8bbd92$var$base,
-    disabled: $901cc167fb8bbd92$var$disabled
-};
-var $901cc167fb8bbd92$export$2e2bcd8739ae039 = $901cc167fb8bbd92$var$styles;
-
-
-var $e964500960620598$var$CheckboxInputGroupForm = function(props) {
-    var name = props.name, form = props.form, options = props.options, values = props.values, isDisabled = props.isDisabled, stylesOverrides = props.styles;
-    var handleGenerateStyle = function() {
-        var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $901cc167fb8bbd92$export$2e2bcd8739ae039).base);
-        var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $901cc167fb8bbd92$export$2e2bcd8739ae039).base);
-        keys.forEach(function(key) {
-            (0, $4MPRY$set)(result, key, (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $4MPRY$get)((0, $901cc167fb8bbd92$export$2e2bcd8739ae039).base, key), // isTouched === true && !isValid && get(defaultStyles.invalid, key),
-            isDisabled && (0, $4MPRY$get)((0, $901cc167fb8bbd92$export$2e2bcd8739ae039).disabled, key), (0, $4MPRY$get)(stylesOverrides, key)));
-        });
-        return result;
-    };
-    var styles = handleGenerateStyle();
-    return (0, $4MPRY$jsx)((0, $4MPRY$FormikProvider), {
-        value: form,
-        children: (0, $4MPRY$jsxs)("div", {
-            children: [
-                (0, $4MPRY$jsx)("legend", {
-                    className: styles.sr,
-                    children: name
-                }),
-                (0, $4MPRY$jsx)("div", {
-                    className: styles.list,
-                    children: (0, $4MPRY$jsx)((0, $4MPRY$FieldArray), {
-                        name: name,
-                        render: function(_a) {
-                            var remove = _a.remove, push = _a.push;
-                            return (0, $4MPRY$jsx)((0, $4MPRY$Fragment), {
-                                children: options === null || options === void 0 ? void 0 : options.map(function(option) {
-                                    return (0, $4MPRY$jsxs)("div", {
-                                        className: styles.item.container,
-                                        children: [
-                                            (0, $4MPRY$jsx)("div", {
-                                                className: styles.item.head,
-                                                children: (0, $4MPRY$jsx)("input", {
-                                                    id: option.value,
-                                                    name: option.value,
-                                                    "data-cy": "form-".concat(name, "-checkbox-").concat(option.value),
-                                                    "aria-describedby": "".concat(option.value, "-description"),
-                                                    type: "checkbox",
-                                                    checked: values === null || values === void 0 ? void 0 : values.includes(option.value),
-                                                    className: styles.item.input,
-                                                    disabled: isDisabled,
-                                                    onChange: function(value) {
-                                                        var isChecked = value.currentTarget.checked;
-                                                        if (isChecked) {
-                                                            push(option.value);
-                                                            return;
-                                                        }
-                                                        var findIndex = values.findIndex(function(value) {
-                                                            return value === option.value;
-                                                        });
-                                                        remove(findIndex);
-                                                    }
-                                                })
-                                            }),
-                                            (0, $4MPRY$jsxs)("div", {
-                                                className: styles.item.body,
-                                                children: [
-                                                    (0, $4MPRY$jsx)("label", {
-                                                        htmlFor: "comments",
-                                                        className: styles.item.label,
-                                                        children: option.title
-                                                    }),
-                                                    option.description && (0, $4MPRY$jsx)("p", {
-                                                        id: "comments-description",
-                                                        className: styles.item.description,
-                                                        children: option.description
-                                                    })
-                                                ]
-                                            })
-                                        ]
-                                    }, option.value);
-                                })
-                            });
-                        }
-                    })
-                })
-            ]
-        })
-    });
-};
-var $e964500960620598$export$2e2bcd8739ae039 = $e964500960620598$var$CheckboxInputGroupForm;
-
-
-
-
-
-
-
-
 var $9ad148e334dfe9e5$var$base = {
     container: 'relative flex items-start',
     head: 'flex h-6 items-center select-none',
@@ -6832,507 +6716,6 @@ var $b1b6aa72505b2474$export$2e2bcd8739ae039 = $b1b6aa72505b2474$var$FileInputGr
 
 
 
-
-var $2109d011c77499b4$var$base = {
-    container: '',
-    head: 'flex justify-between',
-    body: 'relative rounded-md py-2',
-    foot: '',
-    label: 'block font-medium text-gray-900',
-    hint: 'text-xs text-gray-500',
-    leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
-    input: 'block w-full',
-    trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
-    description: 'text-gray-400 text-xs mt-1',
-    error: 'text-red-500 text-xs mt-1'
-};
-var $2109d011c77499b4$var$leading = {
-    input: 'pl-10'
-};
-var $2109d011c77499b4$var$trailing = {};
-var $2109d011c77499b4$var$normal = {
-    label: 'leading-6 text-sm mb-2',
-    hint: 'leading-6',
-    leading: 'pl-3',
-    input: 'rounded-md border-gray-200 shadow-xs focus:border-primary-500 focus:ring-primary-500 sm:text-sm placeholder-gray-300',
-    trailing: 'pr-3',
-    description: 'mt-2 text-sm'
-};
-var $2109d011c77499b4$var$inset = {
-    container: 'rounded-md px-3 pt-2.5 pb-1.5 shadow-xs ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary-600',
-    label: 'text-xs',
-    hint: 'text-xs',
-    input: 'border-0 ring-0! p-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm pl-0',
-    description: 'hidden'
-};
-var $2109d011c77499b4$var$overlapping = {
-    container: 'relative',
-    head: ' absolute flex justify-between items-center left-0 -top-2 right-0 mx-2 z-10 w-full',
-    label: 'inline-block bg-white px-1 text-xs font-medium text-gray-900 ',
-    hint: 'text-xs mr-4 bg-white px-1',
-    input: 'block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
-    description: 'hidden'
-};
-var $2109d011c77499b4$var$pill = {
-    head: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mb-1 pr-6',
-    foot: 'mx-px block px-4 text-sm font-medium leading-6 text-gray-900 mt-1 pr-6',
-    input: 'block w-full rounded-full border-0 px-4 py-1.5 text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 sm:text-sm sm:leading-6',
-    trailing: 'pr-2',
-    description: 'text-xs'
-};
-var $2109d011c77499b4$var$floored = {
-    body: 'relative mt-2',
-    label: 'block text-sm font-medium leading-6 text-gray-900',
-    input: 'peer block w-full border-0 bg-gray-50 py-1.5 text-gray-900 focus:ring-0 sm:text-sm sm:leading-6 ring-0',
-    description: 'text-xs mt-2'
-};
-var $2109d011c77499b4$var$invalid = {
-    container: 'ring-red-500',
-    input: // 'block w-full border border-transparent text-red-900 ring-1 ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 sm:leading-6 pr-10',
-    'block w-full border border-transparent text-red-900 ring-1  ring-inset ring-red-300 placeholder:text-red-300 focus:ring-2 focus:ring-inset focus:ring-red-500 pr-10',
-    description: 'text-sm text-red-600'
-};
-var $2109d011c77499b4$var$disabled = {
-    input: 'block w-full rounded-md border-0 text-gray-900 shadow-xs ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200'
-};
-var $2109d011c77499b4$var$styles = {
-    base: $2109d011c77499b4$var$base,
-    leading: $2109d011c77499b4$var$leading,
-    trailing: $2109d011c77499b4$var$trailing,
-    normal: $2109d011c77499b4$var$normal,
-    inset: $2109d011c77499b4$var$inset,
-    overlapping: $2109d011c77499b4$var$overlapping,
-    pill: $2109d011c77499b4$var$pill,
-    floored: $2109d011c77499b4$var$floored,
-    invalid: $2109d011c77499b4$var$invalid,
-    disabled: $2109d011c77499b4$var$disabled
-};
-var $2109d011c77499b4$export$2e2bcd8739ae039 = $2109d011c77499b4$var$styles;
-
-
-
-
-
-
-
-
-
-
-
-
-
-var $2faf095044a1ccf8$var$OpeningHourItem = function(props) {
-    var _a, _b, _c;
-    var id = props.id, _d = props.lang, lang = _d === void 0 ? 'en' : _d, defaultValue = props.openingHour, dayPlaceholder = props.dayPlaceholder, onCreate = props.onCreate, onUpdate = props.onUpdate, onDelete = props.onDelete;
-    var options = (0, $4MPRY$useMemo)(function() {
-        var values = [
-            'MONDAY',
-            'TUESDAY',
-            'WEDNESDAY',
-            'THURSDAY',
-            'FRIDAY',
-            'SATURDAY',
-            'SUNDAY'
-        ];
-        var translations = [];
-        switch(lang){
-            case 'en':
-                translations = [
-                    'Monday',
-                    'Tuesday',
-                    'Wednesday',
-                    'Thursday',
-                    'Friday',
-                    'Saturday',
-                    'Sunday'
-                ];
-                break;
-            case 'nl':
-                translations = [
-                    'Maandag',
-                    'Dinsdag',
-                    'Woensdag',
-                    'Donderdag',
-                    'Vrijdag',
-                    'Zaterdag',
-                    'Zondag'
-                ];
-                break;
-        }
-        return translations.map(function(translation, index) {
-            return {
-                label: translation,
-                value: values[index]
-            };
-        });
-    }, [
-        lang
-    ]);
-    var isCreating = defaultValue === undefined;
-    var initialValues = (0, $4MPRY$useMemo)(function() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        return {
-            id: (_a = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.id) !== null && _a !== void 0 ? _a : id,
-            day: {
-                label: (_d = options[(_c = (_b = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.day) !== null && _b !== void 0 ? _b : dayPlaceholder) !== null && _c !== void 0 ? _c : 0]) === null || _d === void 0 ? void 0 : _d.label,
-                value: (_g = options[(_f = (_e = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.day) !== null && _e !== void 0 ? _e : dayPlaceholder) !== null && _f !== void 0 ? _f : 0]) === null || _g === void 0 ? void 0 : _g.value
-            },
-            closed: (_h = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closed) !== null && _h !== void 0 ? _h : false,
-            openingTime: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime) ? (0, $4MPRY$DateTime).fromISO(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime).minus({
-                hours: 2
-            }).toFormat('HH:mm') : '',
-            closingTime: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime) ? (0, $4MPRY$DateTime).fromISO(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime).minus({
-                hours: 2
-            }).toFormat('HH:mm') : ''
-        };
-    }, [
-        dayPlaceholder,
-        defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closed,
-        defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.closingTime,
-        defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.day,
-        defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.id,
-        defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.openingTime,
-        id,
-        options
-    ]);
-    var toTimeStamp = (0, $4MPRY$useCallback)(function(value) {
-        if (value === undefined) return undefined;
-        var _a = value.split(':'), hours = _a[0], minutes = _a[1];
-        return (0, $4MPRY$DateTime).utc().set({
-            hour: Number(hours),
-            minute: Number(minutes),
-            second: 0,
-            millisecond: 0
-        }).toISO();
-    }, []);
-    var onSubmit = (0, $4MPRY$useCallback)(function(values) {
-        var _a;
-        var openingTime = toTimeStamp(values === null || values === void 0 ? void 0 : values.openingTime);
-        var closingTime = toTimeStamp(values === null || values === void 0 ? void 0 : values.closingTime);
-        var params = {
-            id: (_a = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.id) !== null && _a !== void 0 ? _a : id,
-            day: options.findIndex(function(option) {
-                var _a;
-                return option.value === ((_a = values === null || values === void 0 ? void 0 : values.day) === null || _a === void 0 ? void 0 : _a.value);
-            }),
-            closed: values === null || values === void 0 ? void 0 : values.closed,
-            openingTime: openingTime,
-            closingTime: closingTime
-        };
-        onCreate(params);
-    }, [
-        defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.id,
-        id,
-        onCreate,
-        options,
-        toTimeStamp
-    ]);
-    var form = (0, $4MPRY$useFormik)({
-        initialValues: initialValues,
-        onSubmit: onSubmit
-    });
-    return (0, $4MPRY$jsxs)("div", {
-        className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)('-mt-2 flex gap-4 items-end', !isCreating && 'opacity-100'),
-        children: [
-            (0, $4MPRY$jsx)("div", {
-                className: (0, $99ef0e378c886c3a$export$2e2bcd8739ae039).selectMenu.container,
-                children: (0, $4MPRY$jsx)((0, $40038b27a5148d69$export$2e2bcd8739ae039), {
-                    name: "day",
-                    //
-                    isRequired: true,
-                    isMultiple: false,
-                    isSearchable: false,
-                    //
-                    options: options,
-                    //
-                    value: (_a = form === null || form === void 0 ? void 0 : form.values) === null || _a === void 0 ? void 0 : _a.day,
-                    onChange: function(value) {
-                        return form.setFieldValue('day', value);
-                    },
-                    onBlur: function() {
-                        var _a, _b, _c;
-                        form === null || form === void 0 || form.setFieldTouched('day');
-                        if (!isCreating) {
-                            var openingTime = toTimeStamp((_a = form.values) === null || _a === void 0 ? void 0 : _a.openingTime);
-                            var closingTime = toTimeStamp((_b = form.values) === null || _b === void 0 ? void 0 : _b.closingTime);
-                            var params = {
-                                id: defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.id,
-                                day: options.findIndex(function(option) {
-                                    var _a, _b;
-                                    return option.value === ((_b = (_a = form.values) === null || _a === void 0 ? void 0 : _a.day) === null || _b === void 0 ? void 0 : _b.value);
-                                }),
-                                closed: (_c = form.values) === null || _c === void 0 ? void 0 : _c.closed,
-                                openingTime: openingTime,
-                                closingTime: closingTime
-                            };
-                            onUpdate && onUpdate(params);
-                        }
-                    },
-                    onClear: function() {
-                        return form.setFieldValue('day', null);
-                    }
-                })
-            }),
-            (0, $4MPRY$jsx)((0, $7b4ae85c2b92d7dd$export$2e2bcd8739ae039), {
-                name: "openingTime",
-                htmlType: "time",
-                type: "normal",
-                //
-                isRequired: true,
-                isDisabled: form.values.closed,
-                //
-                value: (_b = form === null || form === void 0 ? void 0 : form.values) === null || _b === void 0 ? void 0 : _b.openingTime,
-                onChange: form === null || form === void 0 ? void 0 : form.handleChange,
-                onBlur: function(values) {
-                    var _a, _b, _c;
-                    form === null || form === void 0 || form.handleBlur(values);
-                    if (!isCreating) {
-                        var openingTime = toTimeStamp((_a = form.values) === null || _a === void 0 ? void 0 : _a.openingTime);
-                        var closingTime = toTimeStamp((_b = form.values) === null || _b === void 0 ? void 0 : _b.closingTime);
-                        var params = {
-                            id: values === null || values === void 0 ? void 0 : values.id,
-                            day: options.findIndex(function(option) {
-                                var _a, _b;
-                                return option.value === ((_b = (_a = form.values) === null || _a === void 0 ? void 0 : _a.day) === null || _b === void 0 ? void 0 : _b.value);
-                            }),
-                            closed: (_c = form.values) === null || _c === void 0 ? void 0 : _c.closed,
-                            openingTime: openingTime,
-                            closingTime: closingTime
-                        };
-                        onUpdate && onUpdate(params);
-                    }
-                }
-            }),
-            (0, $4MPRY$jsx)((0, $7b4ae85c2b92d7dd$export$2e2bcd8739ae039), {
-                name: "closingTime",
-                htmlType: "time",
-                type: "normal",
-                //
-                isRequired: true,
-                isDisabled: form.values.closed,
-                //
-                value: (_c = form.values) === null || _c === void 0 ? void 0 : _c.closingTime,
-                onChange: form === null || form === void 0 ? void 0 : form.handleChange,
-                onBlur: function(values) {
-                    var _a, _b, _c;
-                    form === null || form === void 0 || form.handleBlur(values);
-                    if (!isCreating) {
-                        var openingTime = toTimeStamp((_a = form.values) === null || _a === void 0 ? void 0 : _a.openingTime);
-                        var closingTime = toTimeStamp((_b = form.values) === null || _b === void 0 ? void 0 : _b.closingTime);
-                        var params = {
-                            id: values === null || values === void 0 ? void 0 : values.id,
-                            day: options.findIndex(function(option) {
-                                var _a, _b;
-                                return option.value === ((_b = (_a = form.values) === null || _a === void 0 ? void 0 : _a.day) === null || _b === void 0 ? void 0 : _b.value);
-                            }),
-                            closed: (_c = form.values) === null || _c === void 0 ? void 0 : _c.closed,
-                            openingTime: openingTime,
-                            closingTime: closingTime
-                        };
-                        onUpdate && onUpdate(params);
-                    }
-                }
-            }),
-            (0, $4MPRY$jsxs)("div", {
-                className: "flex flex-col",
-                children: [
-                    (0, $4MPRY$jsx)("p", {
-                        className: "text-xs font-medium pb-1 mt-4",
-                        children: "Closed"
-                    }),
-                    (0, $4MPRY$jsxs)((0, $4MPRY$Switch), {
-                        checked: form.values.closed,
-                        onChange: function() {
-                            var _a, _b, _c, _d;
-                            form.setFieldValue('closed', !form.values.closed);
-                            if (!isCreating) {
-                                var openingTime = toTimeStamp((_a = form.values) === null || _a === void 0 ? void 0 : _a.openingTime);
-                                var closingTime = toTimeStamp((_b = form.values) === null || _b === void 0 ? void 0 : _b.closingTime);
-                                var params = {
-                                    id: (_c = form.values) === null || _c === void 0 ? void 0 : _c.id,
-                                    day: options.findIndex(function(option) {
-                                        var _a, _b;
-                                        return option.value === ((_b = (_a = form.values) === null || _a === void 0 ? void 0 : _a.day) === null || _b === void 0 ? void 0 : _b.value);
-                                    }),
-                                    closed: !((_d = form.values) === null || _d === void 0 ? void 0 : _d.closed),
-                                    openingTime: openingTime,
-                                    closingTime: closingTime
-                                };
-                                onUpdate && onUpdate(params);
-                            }
-                        },
-                        className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $99ef0e378c886c3a$export$2e2bcd8739ae039).control.action, form.values.closed ? 'bg-primary-500' : 'bg-gray-200'),
-                        children: [
-                            (0, $4MPRY$jsx)("span", {
-                                className: (0, $99ef0e378c886c3a$export$2e2bcd8739ae039).control.sr,
-                                children: "Toggle closed"
-                            }),
-                            (0, $4MPRY$jsx)("span", {
-                                "aria-hidden": "true",
-                                className: (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $99ef0e378c886c3a$export$2e2bcd8739ae039).control.span, form.values.closed ? 'translate-x-5' : 'translate-x-0')
-                            })
-                        ]
-                    })
-                ]
-            }),
-            !isCreating ? (0, $4MPRY$jsx)((0, $bc407adcad543f74$export$2e2bcd8739ae039), {
-                size: "sm",
-                type: "outline",
-                onClick: function() {
-                    return onDelete && onDelete(form.values.id);
-                },
-                children: (0, $4MPRY$jsx)((0, $4MPRY$XMarkIcon), {
-                    className: "w-4 h-4"
-                })
-            }) : (0, $4MPRY$jsx)((0, $bc407adcad543f74$export$2e2bcd8739ae039), {
-                size: "sm",
-                type: "secondary",
-                onClick: function() {
-                    return form.handleSubmit();
-                },
-                children: (0, $4MPRY$jsx)((0, $4MPRY$PlusIcon), {
-                    className: "w-4 h-4"
-                })
-            })
-        ]
-    });
-};
-var $2faf095044a1ccf8$export$2e2bcd8739ae039 = $2faf095044a1ccf8$var$OpeningHourItem;
-
-
-var $99ef0e378c886c3a$var$styles = {
-    container: '',
-    selectMenu: {
-        container: "grow"
-    },
-    control: {
-        container: 'flex items-center',
-        label: 'text-sm mr-2 font-medium w-36',
-        action: 'relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-hidden focus:ring-2 focus:ring-primary-500 focus:ring-offset-2',
-        span: 'pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out',
-        sr: 'sr-only'
-    }
-};
-var $99ef0e378c886c3a$export$2e2bcd8739ae039 = $99ef0e378c886c3a$var$styles;
-
-
-
-
-
-
-var $39e9223269e270c7$var$OpeningsHourInputGroupForm = function(props) {
-    var form = props.form, _a = props.name, name = _a === void 0 ? 'opening-hours-input' : _a, label = props.label, description = props.description, required = props.required, value = props.value, error = props.error, lang = props.lang, isDisabled = props.isDisabled, _b = props.isRequired, isRequired = _b === void 0 ? false : _b, _c = props.isTouched, isTouched = _c === void 0 ? false : _c, onChange = props.onChange, stylesOverrides = props.styles, handleDelete = props.handleDelete;
-    var isValid = error === undefined;
-    var handleGenerateStyle = function() {
-        var result = (0, $b3fc44f26b625a32$export$e2d2075c69d9100d)((0, $2109d011c77499b4$export$2e2bcd8739ae039).base);
-        var keys = (0, $ba1db6dce71c3f25$export$be5d6ab3c5b84767)((0, $2109d011c77499b4$export$2e2bcd8739ae039).base);
-        keys.forEach(function(key) {
-            (0, $4MPRY$set)(result, key, (0, $66c3dcaaa74b5389$export$4370d69198e9314a)((0, $4MPRY$get)((0, $2109d011c77499b4$export$2e2bcd8739ae039).base, key), isTouched === true && !isValid && (0, $4MPRY$get)((0, $2109d011c77499b4$export$2e2bcd8739ae039).invalid, key), isDisabled && (0, $4MPRY$get)((0, $2109d011c77499b4$export$2e2bcd8739ae039).disabled, key), (0, $4MPRY$get)(stylesOverrides, key)));
-        });
-        return result;
-    };
-    var styles = handleGenerateStyle();
-    (0, $4MPRY$useEffect)(function() {
-        if (form.values[name]) onChange && onChange(form.values[name]);
-    }, [
-        form.values,
-        name,
-        onChange
-    ]);
-    return (0, $4MPRY$jsxs)("div", {
-        className: styles.container,
-        children: [
-            (0, $4MPRY$jsxs)("div", {
-                className: styles.head,
-                children: [
-                    label && (0, $4MPRY$jsx)("label", {
-                        htmlFor: name,
-                        className: styles.label,
-                        children: label
-                    }),
-                    !required && !isRequired && typeof label === 'string' && (0, $4MPRY$jsx)("span", {
-                        className: styles.hint,
-                        children: "Optional"
-                    }),
-                    required && required({
-                        isRequired: isRequired
-                    })
-                ]
-            }),
-            (0, $4MPRY$jsx)("div", {
-                className: styles.body,
-                children: (0, $4MPRY$jsx)((0, $4MPRY$FormikProvider), {
-                    value: form,
-                    children: (0, $4MPRY$jsx)((0, $4MPRY$FieldArray), {
-                        name: name,
-                        render: function(_a) {
-                            var _b, _c, _d, _e, _f;
-                            var remove = _a.remove, push = _a.push, replace = _a.replace;
-                            return (0, $4MPRY$jsxs)((0, $4MPRY$Fragment), {
-                                children: [
-                                    (_e = (_d = (_c = (_b = form.values) === null || _b === void 0 ? void 0 : _b[name]) === null || _c === void 0 ? void 0 : _c.map(function(value, index) {
-                                        return {
-                                            index: index,
-                                            value: value
-                                        };
-                                    })) === null || _d === void 0 ? void 0 : _d.sort(function(a, b) {
-                                        return a.value.day < b.value.day ? -1 : 1;
-                                    })) === null || _e === void 0 ? void 0 : _e.map(function(_a) {
-                                        var openingHour = _a.value, index = _a.index;
-                                        return (0, $4MPRY$jsx)((0, $2faf095044a1ccf8$export$2e2bcd8739ae039), {
-                                            id: index,
-                                            openingHour: openingHour,
-                                            lang: lang,
-                                            onCreate: push,
-                                            onUpdate: function(value) {
-                                                return replace(index, value);
-                                            },
-                                            onDelete: function(id) {
-                                                if (id) {
-                                                    handleDelete && handleDelete(id);
-                                                    remove(index);
-                                                }
-                                            }
-                                        }, "".concat(openingHour.id, "-").concat(index));
-                                    }),
-                                    (0, $4MPRY$jsx)((0, $2faf095044a1ccf8$export$2e2bcd8739ae039), {
-                                        id: "-",
-                                        // Prefill picker with a day later than the day of the last saved opening hour.
-                                        lang: lang,
-                                        dayPlaceholder: value && ((_f = value === null || value === void 0 ? void 0 : value[(value === null || value === void 0 ? void 0 : value.length) - 1]) === null || _f === void 0 ? void 0 : _f.day) + 1,
-                                        onCreate: push
-                                    }, "-")
-                                ]
-                            });
-                        }
-                    })
-                })
-            }),
-            (0, $4MPRY$jsxs)("div", {
-                className: styles.foot,
-                children: [
-                    description && !(error && isTouched) && (0, $4MPRY$jsx)("p", {
-                        className: styles.description,
-                        children: description
-                    }),
-                    error && isTouched && (0, $4MPRY$jsx)("p", {
-                        className: styles.error,
-                        children: error
-                    })
-                ]
-            })
-        ]
-    });
-};
-var $39e9223269e270c7$export$2e2bcd8739ae039 = $39e9223269e270c7$var$OpeningsHourInputGroupForm;
-
-
-
-
-
-
-
-
 var $0ef1dab9988818f3$var$base = {
     container: '',
     head: 'flex justify-between',
@@ -7759,5 +7142,5 @@ var $bcc7539df5bef927$export$1476d5e67a64a695 = function(str) {
 
 
 
-export {$4f6dca59bb6d6d50$export$2e2bcd8739ae039 as AvatarElement, $9a29d5e0e3b54abe$export$2e2bcd8739ae039 as AlertElement, $a5045567c9b3a96e$export$2e2bcd8739ae039 as BadgeElement, $b237e6d2d86a5c92$export$2e2bcd8739ae039 as TooltipElement, $bc407adcad543f74$export$2e2bcd8739ae039 as ButtonElement, $c827cec2b56530a4$export$2e2bcd8739ae039 as ButtonGroupElement, $edc4ba41affb9483$export$2e2bcd8739ae039 as DropdownElement, $77cd4416ca4a0639$export$2e2bcd8739ae039 as IconElement, $307aa6ad38171d38$export$2e2bcd8739ae039 as CollapsibleElement, $49931a5175dab103$export$2e2bcd8739ae039 as ProgressTrackElement, $7b4ae85c2b92d7dd$export$2e2bcd8739ae039 as InputGroupForm, $2e39e1fa3f910477$export$2e2bcd8739ae039 as ContainerLayout, $47c668decea293b6$export$2e2bcd8739ae039 as DividerLayout, $40af42a6ff486398$export$2e2bcd8739ae039 as ListContainerLayout, $d8086708b0fe8d97$export$2e2bcd8739ae039 as MediaObjectLayout, $11b7c597538c2257$export$2e2bcd8739ae039 as PanelLayout, $4421fdc946e7dd6c$export$2e2bcd8739ae039 as TableList, $df469b72efb8986e$export$2e2bcd8739ae039 as TableList2, $fc6e6482f238e9ea$export$4b44a5cb9651fe5e as createColumnHelper, $797c6dd505f17788$export$2e2bcd8739ae039 as BreadcrumbsNavigation, $8239f5cdc1851973$export$2e2bcd8739ae039 as PanelPaginationNavigation, $56d2586955e116da$export$2e2bcd8739ae039 as PagePaginationNavigation, $fa0fc9b7e04a1799$export$2e2bcd8739ae039 as TabNavigation, $860faaa2c7bb1f36$export$2e2bcd8739ae039 as VerticalNavigation, $d467f992ffa88739$export$2e2bcd8739ae039 as ModalOverlay, $0a39296cb800ec26$export$2e2bcd8739ae039 as NotificationOverlay, $434e0b441c881466$export$2e2bcd8739ae039 as SlideOverOverlay, $28232825d538e297$export$2e2bcd8739ae039 as TableColumnOptionsCustom, $b38b76ffa80a65c8$export$2e2bcd8739ae039 as TableExportCustom, $40038b27a5148d69$export$2e2bcd8739ae039 as SelectMenuForm, $66c3dcaaa74b5389$export$7493424cf90fe793 as fromSelectMenuOptionToStringValue, $66c3dcaaa74b5389$export$4370d69198e9314a as toClassName, $66c3dcaaa74b5389$export$91d20e9290e3c358 as toAddressString, $66c3dcaaa74b5389$export$ba96624aa3b67894 as toAddressUrl, $66c3dcaaa74b5389$export$f3f93e5bb54c3de5 as toNationalRegistryNumberString, $66c3dcaaa74b5389$export$648c405ef8d23fec as toPriceString, $66c3dcaaa74b5389$export$155f7ed6f228c17c as toReadableFileSize, $66c3dcaaa74b5389$export$b2669f8969cc59be as toUserName, $66c3dcaaa74b5389$export$d9f806f9324c35ff as toUserInitials, $4e61e073e8ab55ca$export$b7c4e1545c61edee as toDateString, $4e61e073e8ab55ca$export$b489b1fb1454ddcf as toTimeString, $4e61e073e8ab55ca$export$c03bb0116ee09d4b as isValidDate, $4e61e073e8ab55ca$export$9b56e83e909e2c38 as toDateTimeString, $4e61e073e8ab55ca$export$1771f44233a5f72 as toDaysDifference, $4e61e073e8ab55ca$export$8649d02bd537ff66 as latestDateString, $4e61e073e8ab55ca$export$df20409d3177a2e0 as toDateValue, $4e61e073e8ab55ca$export$8a6f307d1b8b1960 as toTimeValue, $4e61e073e8ab55ca$export$8de20099c30464f2 as toUTCDate, $be69f9fa947058ae$export$2e2bcd8739ae039 as DateMenuForm, $00ca07f933061d8a$export$2e2bcd8739ae039 as DateRangeMenuForm, $e964500960620598$export$2e2bcd8739ae039 as __DEPRECATED__CheckboxInputGroupForm, $785bf8949af26aa5$export$2e2bcd8739ae039 as CheckboxInput, $10ded3c19afe27a9$export$2e2bcd8739ae039 as SwitchForm, $aa6702347bcd9c62$export$2e2bcd8739ae039 as RichTextArea, $b1b6aa72505b2474$export$2e2bcd8739ae039 as FileInputGroupForm, $39e9223269e270c7$export$2e2bcd8739ae039 as OpeningsHourInputGroupForm, $c7f1fe1c3b2d56f5$export$2e2bcd8739ae039 as AddressInputGroupForm, $382ffb7c1faa0f62$export$4564041bcff0e281 as useExcel, $48d5b0ffa682dc0b$export$2e2bcd8739ae039 as useExcelMapper, $3f6ca002faff40a3$export$2e2bcd8739ae039 as useColumnHelper, $bcc7539df5bef927$export$1476d5e67a64a695 as escapeSpecialCharacters};
+export {$4f6dca59bb6d6d50$export$2e2bcd8739ae039 as AvatarElement, $9a29d5e0e3b54abe$export$2e2bcd8739ae039 as AlertElement, $a5045567c9b3a96e$export$2e2bcd8739ae039 as BadgeElement, $b237e6d2d86a5c92$export$2e2bcd8739ae039 as TooltipElement, $bc407adcad543f74$export$2e2bcd8739ae039 as ButtonElement, $c827cec2b56530a4$export$2e2bcd8739ae039 as ButtonGroupElement, $edc4ba41affb9483$export$2e2bcd8739ae039 as DropdownElement, $77cd4416ca4a0639$export$2e2bcd8739ae039 as IconElement, $307aa6ad38171d38$export$2e2bcd8739ae039 as CollapsibleElement, $49931a5175dab103$export$2e2bcd8739ae039 as ProgressTrackElement, $7b4ae85c2b92d7dd$export$2e2bcd8739ae039 as InputGroupForm, $2e39e1fa3f910477$export$2e2bcd8739ae039 as ContainerLayout, $47c668decea293b6$export$2e2bcd8739ae039 as DividerLayout, $40af42a6ff486398$export$2e2bcd8739ae039 as ListContainerLayout, $d8086708b0fe8d97$export$2e2bcd8739ae039 as MediaObjectLayout, $11b7c597538c2257$export$2e2bcd8739ae039 as PanelLayout, $4421fdc946e7dd6c$export$2e2bcd8739ae039 as TableList, $df469b72efb8986e$export$2e2bcd8739ae039 as TableList2, $fc6e6482f238e9ea$export$4b44a5cb9651fe5e as createColumnHelper, $797c6dd505f17788$export$2e2bcd8739ae039 as BreadcrumbsNavigation, $8239f5cdc1851973$export$2e2bcd8739ae039 as PanelPaginationNavigation, $56d2586955e116da$export$2e2bcd8739ae039 as PagePaginationNavigation, $fa0fc9b7e04a1799$export$2e2bcd8739ae039 as TabNavigation, $860faaa2c7bb1f36$export$2e2bcd8739ae039 as VerticalNavigation, $d467f992ffa88739$export$2e2bcd8739ae039 as ModalOverlay, $0a39296cb800ec26$export$2e2bcd8739ae039 as NotificationOverlay, $434e0b441c881466$export$2e2bcd8739ae039 as SlideOverOverlay, $28232825d538e297$export$2e2bcd8739ae039 as TableColumnOptionsCustom, $b38b76ffa80a65c8$export$2e2bcd8739ae039 as TableExportCustom, $40038b27a5148d69$export$2e2bcd8739ae039 as SelectMenuForm, $66c3dcaaa74b5389$export$7493424cf90fe793 as fromSelectMenuOptionToStringValue, $66c3dcaaa74b5389$export$4370d69198e9314a as toClassName, $66c3dcaaa74b5389$export$91d20e9290e3c358 as toAddressString, $66c3dcaaa74b5389$export$ba96624aa3b67894 as toAddressUrl, $66c3dcaaa74b5389$export$f3f93e5bb54c3de5 as toNationalRegistryNumberString, $66c3dcaaa74b5389$export$648c405ef8d23fec as toPriceString, $66c3dcaaa74b5389$export$155f7ed6f228c17c as toReadableFileSize, $66c3dcaaa74b5389$export$b2669f8969cc59be as toUserName, $66c3dcaaa74b5389$export$d9f806f9324c35ff as toUserInitials, $4e61e073e8ab55ca$export$b7c4e1545c61edee as toDateString, $4e61e073e8ab55ca$export$b489b1fb1454ddcf as toTimeString, $4e61e073e8ab55ca$export$c03bb0116ee09d4b as isValidDate, $4e61e073e8ab55ca$export$9b56e83e909e2c38 as toDateTimeString, $4e61e073e8ab55ca$export$1771f44233a5f72 as toDaysDifference, $4e61e073e8ab55ca$export$8649d02bd537ff66 as latestDateString, $4e61e073e8ab55ca$export$df20409d3177a2e0 as toDateValue, $4e61e073e8ab55ca$export$8a6f307d1b8b1960 as toTimeValue, $4e61e073e8ab55ca$export$8de20099c30464f2 as toUTCDate, $be69f9fa947058ae$export$2e2bcd8739ae039 as DateMenuForm, $00ca07f933061d8a$export$2e2bcd8739ae039 as DateRangeMenuForm, $785bf8949af26aa5$export$2e2bcd8739ae039 as CheckboxInput, $10ded3c19afe27a9$export$2e2bcd8739ae039 as SwitchForm, $aa6702347bcd9c62$export$2e2bcd8739ae039 as RichTextArea, $b1b6aa72505b2474$export$2e2bcd8739ae039 as FileInputGroupForm, $c7f1fe1c3b2d56f5$export$2e2bcd8739ae039 as AddressInputGroupForm, $382ffb7c1faa0f62$export$4564041bcff0e281 as useExcel, $48d5b0ffa682dc0b$export$2e2bcd8739ae039 as useExcelMapper, $3f6ca002faff40a3$export$2e2bcd8739ae039 as useColumnHelper, $bcc7539df5bef927$export$1476d5e67a64a695 as escapeSpecialCharacters};
 //# sourceMappingURL=index.esm.js.map