@uxf/cms 6.0.0-beta.59 → 6.0.0-beta.60

package/forms/components/date-time-picker/date-time-picker.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import { DatePickerInputProps as UIDatePickerInputProps } from "@uxf/ui/date-picker-input";
 import { FieldValues, UseControllerProps } from "react-hook-form";
+import React from "react";
 export type DatePickerInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIDatePickerInputProps, "isInvalid" | "max" | "min" | "pattern" | "step" | "name" | "onChange" | "value" | "leftAddon" | "leftElement" | "rightAddon" | "rightElement"> & {
     requiredMessage?: string;
 };
-export declare function DateTimePicker<FormData extends FieldValues>(props: DatePickerInputProps<FormData>): JSX.Element;
+export declare function DateTimePicker<FormData extends FieldValues>(props: DatePickerInputProps<FormData>): React.JSX.Element;

package/forms/components/date-time-picker/date-time-picker.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -18,57 +41,108 @@ exports.DateTimePicker = void 0;
 var date_picker_input_1 = require("@uxf/ui/date-picker-input");
 var time_picker_input_1 = require("@uxf/ui/time-picker-input");
 var react_hook_form_1 = require("react-hook-form");
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var label_1 = require("@uxf/ui/label");
-var dayjs_1 = __importDefault(require("dayjs"));
+var dayjs_1 = __importStar(require("dayjs"));
+var time_picker_input_2 = require("@uxf/ui/time-picker-input/time-picker-input");
+var customParseFormat_1 = __importDefault(require("dayjs/plugin/customParseFormat"));
+var date_picker_input_2 = require("@uxf/ui/date-picker-input/date-picker-input");
+(0, dayjs_1.extend)(customParseFormat_1.default);
+var OUTPUT_DATETIME_FORMAT = "YYYY-MM-DDTHH:mm:ss.SSSZ";
 function DateTimePicker(props) {
-    var _a, _b, _c, _d, _e;
-    var _f = (0, react_hook_form_1.useController)({
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var getStrictParseDate = function (date) {
+        return (0, dayjs_1.default)(date.slice(0, 19), OUTPUT_DATETIME_FORMAT.slice(0, 19), true);
+    };
+    var _j = (0, react_hook_form_1.useController)({
         control: props.control,
         defaultValue: props.defaultValue,
         name: props.name,
-        rules: __assign({ required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined }, ((_a = props.rules) !== null && _a !== void 0 ? _a : {})),
+        rules: __assign(__assign({ required: props.isRequired ? props.requiredMessage || "Toto pole je povinné" : undefined }, ((_a = props.rules) !== null && _a !== void 0 ? _a : {})), { validate: __assign({ validDate: function (value) {
+                    if (!value) {
+                        return;
+                    }
+                    if (!getStrictParseDate(value).isValid()) {
+                        return "Datum musí být ve formátu D. M. YYYY. a čas ve formátu H:mm.";
+                    }
+                    return undefined;
+                } }, (typeof ((_b = props.rules) === null || _b === void 0 ? void 0 : _b.validate) === "function"
+                ? { custom: props.rules.validate }
+                : (_d = (_c = props.rules) === null || _c === void 0 ? void 0 : _c.validate) !== null && _d !== void 0 ? _d : {})) }),
         shouldUnregister: props.shouldUnregister,
-    }), field = _f.field, fieldState = _f.fieldState;
+    }), field = _j.field, fieldState = _j.fieldState;
     var onBlur = function (event) {
         var _a;
         field.onBlur();
         (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
     };
+    var lastValidDate = (0, react_1.useRef)();
+    var lastValidTime = (0, react_1.useRef)();
     var onChangeDate = function (value) {
+        var _a, _b;
         if (value === null) {
-            field.onChange(null);
+            lastValidDate.current = null;
+            field.onChange((_b = (_a = lastValidTime.current) === null || _a === void 0 ? void 0 : _a.toISOString()) !== null && _b !== void 0 ? _b : null);
             return;
         }
         var isTimeSelected = !!field.value;
-        var date = (0, dayjs_1.default)(value)
-            .set("hour", isTimeSelected ? (0, dayjs_1.default)(field.value).hour() : 0)
-            .set("minute", isTimeSelected ? (0, dayjs_1.default)(field.value).minute() : 0);
-        field.onChange(date.toISOString());
+        var date = (0, dayjs_1.default)(value, date_picker_input_2.ALLOWED_DATE_FORMAT, true);
+        if (date.isValid()) {
+            lastValidDate.current = date;
+            var result = date.hour(0).minute(0).second(0);
+            if (isTimeSelected) {
+                if (field.value && getStrictParseDate(field.value).isValid()) {
+                    var parsedFieldValue = (0, dayjs_1.default)(field.value);
+                    result = result.hour(parsedFieldValue.hour()).minute(parsedFieldValue.minute());
+                }
+                else if (lastValidTime.current) {
+                    result = result.hour(lastValidTime.current.hour()).minute(lastValidTime.current.minute());
+                }
+            }
+            field.onChange(result.toISOString());
+        }
+        else {
+            field.onChange(value);
+        }
     };
     var onChangeTime = function (value) {
+        var _a, _b, _c;
         if (value === null) {
-            field.onChange(null);
+            lastValidTime.current = null;
+            field.onChange((_b = (_a = lastValidDate.current) === null || _a === void 0 ? void 0 : _a.toISOString()) !== null && _b !== void 0 ? _b : null);
             return;
         }
-        var date = (0, dayjs_1.default)(field.value || "now")
-            .set("hour", value.hour)
-            .set("minute", value.minute);
-        field.onChange(date.toISOString());
-    };
-    var fieldDate = field.value ? (0, dayjs_1.default)(field.value) : null;
-    var dateValue = fieldDate ? fieldDate.startOf("day").toDate() : null;
-    var timeValue = fieldDate
-        ? {
-            hour: fieldDate.hour(),
-            minute: fieldDate.minute(),
+        var time = (0, dayjs_1.default)(value, time_picker_input_2.ALLOWED_TIME_FORMAT, true);
+        if (time.isValid()) {
+            lastValidTime.current = time;
+            field.onChange((field.value && getStrictParseDate(field.value).isValid()
+                ? (0, dayjs_1.default)(field.value)
+                : (_c = lastValidDate.current) !== null && _c !== void 0 ? _c : (0, dayjs_1.default)())
+                .hour(time.hour())
+                .minute(time.minute())
+                .second(0)
+                .toISOString());
+        }
+        else {
+            field.onChange(value);
         }
+    };
+    var parsedDate = field.value ? getStrictParseDate(field.value) : null;
+    var dateValue = parsedDate
+        ? parsedDate.isValid()
+            ? (0, dayjs_1.default)(field.value).format(date_picker_input_2.DISPLAY_DATE_FORMAT)
+            : field.value
+        : null;
+    var timeValue = parsedDate
+        ? parsedDate.isValid()
+            ? (0, dayjs_1.default)(field.value).format(time_picker_input_2.DISPLAY_TIME_FORMAT)
+            : field.value
         : null;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         !props.hiddenLabel && react_1.default.createElement(label_1.Label, null, props.label),
         react_1.default.createElement("div", { className: "grid grid-cols-[3fr_2fr] gap-x-4 ".concat(props.className || "") },
-            react_1.default.createElement(date_picker_input_1.DatePickerInput, { className: "span-3", form: props.form, helperText: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.helperText, hiddenLabel: true, id: "".concat(props.id, "-date"), isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: "Datum", name: "".concat(field.name, "-date"), onBlur: onBlur, onChange: onChangeDate, onFocus: props.onFocus, placeholder: props.placeholder, ref: field.ref, size: props.size, value: dateValue, variant: props.variant, isClearable: props.isClearable }),
-            react_1.default.createElement(time_picker_input_1.TimePickerInput, { className: "span-2", form: props.form, helperText: (_e = (_d = fieldState.error) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : props.helperText, hiddenLabel: true, id: "".concat(props.id, "-time"), isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: "\u010Cas", name: "".concat(field.name, "-time"), onBlur: onBlur, onChange: onChangeTime, onFocus: props.onFocus, ref: field.ref, size: props.size, value: timeValue, variant: props.variant, isClearable: props.isClearable }))));
+            react_1.default.createElement(date_picker_input_1.DatePickerInput, { className: "span-3", form: props.form, helperText: (_f = (_e = fieldState.error) === null || _e === void 0 ? void 0 : _e.message) !== null && _f !== void 0 ? _f : props.helperText, hiddenLabel: true, id: "".concat(props.id, "-date"), isClearable: props.isClearable, isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: "Datum", name: "".concat(field.name, "-date"), onBlur: onBlur, onChange: onChangeDate, onFocus: props.onFocus, placeholder: props.placeholder, ref: field.ref, size: props.size, value: dateValue, variant: props.variant }),
+            react_1.default.createElement(time_picker_input_1.TimePickerInput, { className: "span-2", form: props.form, helperText: (_h = (_g = fieldState.error) === null || _g === void 0 ? void 0 : _g.message) !== null && _h !== void 0 ? _h : props.helperText, hiddenLabel: true, id: "".concat(props.id, "-time"), isClearable: props.isClearable, isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: "\u010Cas", name: "".concat(field.name, "-time"), onBlur: onBlur, onChange: onChangeTime, onFocus: props.onFocus, ref: field.ref, size: props.size, value: timeValue, variant: props.variant }))));
 }
 exports.DateTimePicker = DateTimePicker;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS10aW1lLXBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9jb21wb25lbnRzL2RhdGUtdGltZS1waWNrZXIvZGF0ZS10aW1lLXBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwrREFHbUM7QUFDbkMsK0RBR21DO0FBQ25DLG1EQUFpRjtBQUNqRixnREFBaUQ7QUFDakQsdUNBQXNDO0FBRXRDLGdEQUEwQjtBQXFCMUIsU0FBZ0IsY0FBYyxDQUErQixLQUFxQzs7SUFDeEYsSUFBQSxLQUF3QixJQUFBLCtCQUFhLEVBQUM7UUFDeEMsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPO1FBQ3RCLFlBQVksRUFBRSxLQUFLLENBQUMsWUFBWTtRQUNoQyxJQUFJLEVBQUUsS0FBSyxDQUFDLElBQUk7UUFDaEIsS0FBSyxhQUNELFFBQVEsRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsZUFBZSxJQUFJLHNCQUFzQixDQUFDLENBQUMsQ0FBQyxTQUFTLElBQ3JGLENBQUMsTUFBQSxLQUFLLENBQUMsS0FBSyxtQ0FBSSxFQUFFLENBQUMsQ0FDekI7UUFDRCxnQkFBZ0IsRUFBRSxLQUFLLENBQUMsZ0JBQWdCO0tBQzNDLENBQUMsRUFUTSxLQUFLLFdBQUEsRUFBRSxVQUFVLGdCQVN2QixDQUFDO0lBRUgsSUFBTSxNQUFNLEdBQXdDLFVBQUMsS0FBSzs7UUFDdEQsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ2YsTUFBQSxLQUFLLENBQUMsTUFBTSxzREFBRyxLQUFLLENBQUMsQ0FBQztJQUMxQixDQUFDLENBQUM7SUFFRixJQUFNLFlBQVksR0FBdUMsVUFBQyxLQUFLO1FBQzNELElBQUksS0FBSyxLQUFLLElBQUksRUFBRTtZQUNoQixLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ3JCLE9BQU87U0FDVjtR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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS10aW1lLXBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9jb21wb25lbnRzL2RhdGUtdGltZS1waWNrZXIvZGF0ZS10aW1lLXBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLCtEQUdtQztBQUNuQywrREFHbUM7QUFDbkMsbURBQWlGO0FBQ2pGLDZDQUF5RDtBQUN6RCx1Q0FBc0M7QUFDdEMsNkNBQTZDO0FBQzdDLGlGQUF1RztBQUN2RyxxRkFBK0Q7QUFDL0QsaUZBQXVHO0FBRXZHLElBQUEsY0FBTSxFQUFDLDJCQUFpQixDQUFDLENBQUM7QUFFMUIsSUFBTSxzQkFBc0IsR0FBRywwQkFBMEIsQ0FBQztBQXFCMUQsU0FBZ0IsY0FBYyxDQUErQixLQUFxQzs7SUFDOUYsSUFBTSxrQkFBa0IsR0FBRyxVQUFDLElBQVk7UUFDcEMsT0FBQSxJQUFBLGVBQUssRUFBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsRUFBRSxzQkFBc0IsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxFQUFFLElBQUksQ0FBQztJQUFuRSxDQUFtRSxDQUFDO0lBRWxFLElBQUEsS0FBd0IsSUFBQSwrQkFBYSxFQUFDO1FBQ3hDLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTztRQUN0QixZQUFZLEVBQUUsS0FBSyxDQUFDLFlBQVk7UUFDaEMsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJO1FBQ2hCLEtBQUssc0JBQ0QsUUFBUSxFQUFFLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxlQUFlLElBQUksc0JBQXNCLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFDckYsQ0FBQyxNQUFBLEtBQUssQ0FBQyxLQUFLLG1DQUFJLEVBQUUsQ0FBQyxLQUN0QixRQUFRLGFBQ0osU0FB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

package/forms/components/wysiwyg-input/wysiwyg-input.d.ts

@@ -1,7 +1,7 @@
 import { FormControlProps } from "@uxf/ui/types";
 import { WysiwygContent, WysiwygPlugin } from "@uxf/wysiwyg";
 import { CreateAllPluginsOptions } from "@uxf/wysiwyg/create-all-plugins-with-ui";
-import { KeyboardEventHandler, ReactNode } from "react";
+import React, { KeyboardEventHandler, ReactNode } from "react";
 import { FieldValues, UseControllerProps } from "react-hook-form";
 import { WysiwygEditorProps } from "@uxf/wysiwyg/wysiwyg-editor";
 import { WysiwygRecursivePlugin } from "@uxf/wysiwyg/types";
@@ -22,4 +22,4 @@ export type UIWysiwygInputProps = FormControlProps<WysiwygContent, HTMLDivElemen
 export type WysiwygInputProps<FormData extends FieldValues> = UseControllerProps<FormData> & Omit<UIWysiwygInputProps, "isInvalid" | "name" | "onChange" | "value"> & {
     requiredMessage?: string;
 };
-export declare function WysiwygInput<FormData extends FieldValues>(props: WysiwygInputProps<FormData>): JSX.Element;
+export declare function WysiwygInput<FormData extends FieldValues>(props: WysiwygInputProps<FormData>): React.JSX.Element;

package/lib/menu/ui/sub-menu/sub-menu-mobile.js

@@ -41,22 +41,17 @@ var use_sub_menu_1 = require("./use-sub-menu");
 var composeRefs_1 = require("@uxf/core/utils/composeRefs");
 var sub_menuItem_1 = require("./sub-menuItem");
 exports.SubMenuMobile = (0, forwardRef_1.forwardRef)("SubMenuMobile", function (_a, ref) {
-    var _b;
     var children = _a.children, content = _a.content, title = _a.title;
     var subMenu = (0, use_sub_menu_1.useSubMenu)({ isMobile: true });
-    var stableRef = (0, react_1.useMemo)(function () { return (0, composeRefs_1.composeRefs)(ref, subMenu.reference, children.ref); }, [ref, subMenu.reference, children]);
+    var stableRef = (0, react_1.useMemo)(function () { return (0, composeRefs_1.composeRefs)(ref, subMenu.refs.setReference, children.ref); }, [ref, subMenu.refs.setReference, children]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         (0, react_1.cloneElement)(children, subMenu.getReferenceProps(__assign(__assign({ ref: stableRef }, children.props), { "data-state": subMenu.open ? "open" : "closed" }))),
         subMenu.open && (react_1.default.createElement("div", __assign({}, subMenu.getFloatingProps({
-            ref: subMenu.floating,
-            style: {
-                position: subMenu.strategy,
-                top: (_b = subMenu.y) !== null && _b !== void 0 ? _b : 0,
-                visibility: subMenu.x === null ? "hidden" : "visible",
-            },
-            className: "bg-sidebar-background rounded-xl overflow-hidden z-dropdown w-[calc(100vw_-_32px)] shadow-lg left-4",
+            className: "sidebar__scrollbar bg-sidebar-background rounded-xl overflow-y-auto z-dropdown w-[calc(100vw_-_32px)] shadow-lg left-4",
+            ref: subMenu.refs.setFloating,
+            style: subMenu.floatingStyles,
         })),
             react_1.default.createElement("div", { className: "uxf-typo-body w-full bg-sidebar-background px-4 py-3.5 font-bold text-darkHigh" }, title),
             content.map(function (item, index) { return (react_1.default.createElement(sub_menuItem_1.SubMenuItem, { key: index, item: item })); })))));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLW1lbnUtbW9iaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tZW51L3VpL3N1Yi1tZW51L3N1Yi1tZW51LW1vYmlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUFtRTtBQUNuRSx5REFBd0Q7QUFDeEQsK0NBQTRDO0FBQzVDLDJEQUEwRDtBQUUxRCwrQ0FBNkM7QUFRaEMsUUFBQSxhQUFhLEdBQUcsSUFBQSx1QkFBVSxFQUNuQyxlQUFlLEVBQ2YsVUFBQyxFQUE0QixFQUFFLEdBQUc7O1FBQS9CLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEtBQUssV0FBQTtJQUN2QixJQUFNLE9BQU8sR0FBRyxJQUFBLHlCQUFVLEVBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUUvQyxJQUFNLFNBQVMsR0FBRyxJQUFBLGVBQU8sRUFDckIsY0FBTSxPQUFBLElBQUEseUJBQVcsRUFBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLFNBQVMsRUFBRyxRQUFnQixDQUFDLEdBQUcsQ0FBQyxFQUExRCxDQUEwRCxFQUNoRSxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsU0FBUyxFQUFFLFFBQVEsQ0FBQyxDQUNyQyxDQUFDO0lBRUYsT0FBTyxDQUNIO1FBQ0ssSUFBQSxvQkFBWSxFQUNULFFBQVEsRUFDUixPQUFPLENBQUMsaUJBQWlCLHFCQUNyQixHQUFHLEVBQUUsU0FBUyxJQUNYLFFBQVEsQ0FBQyxLQUFLLEtBQ2pCLFlBQVksRUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFFBQVEsSUFDaEQsQ0FDTDtRQUNBLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FDYixrREFDUSxPQUFPLENBQUMsZ0JBQWdCLENBQUM7WUFDekIsR0FBRyxFQUFFLE9BQU8sQ0FBQyxRQUFRO1lBQ3JCLEtBQUssRUFBRTtnQkFDSCxRQUFRLEVBQUUsT0FBTyxDQUFDLFFBQVE7Z0JBQzFCLEdBQUcsRUFBRSxNQUFBLE9BQU8sQ0FBQyxDQUFDLG1DQUFJLENBQUM7Z0JBQ25CLFVBQVUsRUFBRSxPQUFPLENBQUMsQ0FBQyxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTO2FBQ3hEO1lBQ0QsU0FBUyxFQUNMLHFHQUFxRztTQUM1RyxDQUFDO1lBRUYsdUNBQUssU0FBUyxFQUFDLGdGQUFnRixJQUMxRixLQUFLLENBQ0o7WUFDTCxPQUFPLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxFQUFFLEtBQUssSUFBSyxPQUFBLENBQzFCLDhCQUFDLDBCQUFXLElBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsSUFBSSxHQUFJLENBQzFDLEVBRjZCLENBRTdCLENBQUMsQ0FDQSxDQUNULENBQ0YsQ0FDTixDQUFDO0FBQ04sQ0FBQyxDQUNKLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLW1lbnUtbW9iaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tZW51L3VpL3N1Yi1tZW51L3N1Yi1tZW51LW1vYmlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUFtRTtBQUNuRSx5REFBd0Q7QUFDeEQsK0NBQTRDO0FBQzVDLDJEQUEwRDtBQUUxRCwrQ0FBNkM7QUFRaEMsUUFBQSxhQUFhLEdBQUcsSUFBQSx1QkFBVSxFQUNuQyxlQUFlLEVBQ2YsVUFBQyxFQUE0QixFQUFFLEdBQUc7UUFBL0IsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBO0lBQ3ZCLElBQU0sT0FBTyxHQUFHLElBQUEseUJBQVUsRUFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBRS9DLElBQU0sU0FBUyxHQUFHLElBQUEsZUFBTyxFQUNyQixjQUFNLE9BQUEsSUFBQSx5QkFBVyxFQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRyxRQUFnQixDQUFDLEdBQUcsQ0FBQyxFQUFsRSxDQUFrRSxFQUN4RSxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxRQUFRLENBQUMsQ0FDN0MsQ0FBQztJQUVGLE9BQU8sQ0FDSDtRQUNLLElBQUEsb0JBQVksRUFDVCxRQUFRLEVBQ1IsT0FBTyxDQUFDLGlCQUFpQixxQkFDckIsR0FBRyxFQUFFLFNBQVMsSUFDWCxRQUFRLENBQUMsS0FBSyxLQUNqQixZQUFZLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLElBQ2hELENBQ0w7UUFDQSxPQUFPLENBQUMsSUFBSSxJQUFJLENBQ2Isa0RBQ1EsT0FBTyxDQUFDLGdCQUFnQixDQUFDO1lBQ3pCLFNBQVMsRUFDTCx3SEFBd0g7WUFDNUgsR0FBRyxFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVztZQUM3QixLQUFLLEVBQUUsT0FBTyxDQUFDLGNBQWM7U0FDaEMsQ0FBQztZQUVGLHVDQUFLLFNBQVMsRUFBQyxnRkFBZ0YsSUFDMUYsS0FBSyxDQUNKO1lBQ0wsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksRUFBRSxLQUFLLElBQUssT0FBQSxDQUMxQiw4QkFBQywwQkFBVyxJQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLElBQUksR0FBSSxDQUMxQyxFQUY2QixDQUU3QixDQUFDLENBQ0EsQ0FDVCxDQUNGLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FDSixDQUFDIn0=

package/lib/menu/ui/sub-menu/sub-menu.js

@@ -41,21 +41,15 @@ var use_sub_menu_1 = require("./use-sub-menu");
 var composeRefs_1 = require("@uxf/core/utils/composeRefs");
 var sub_menuItem_1 = require("./sub-menuItem");
 exports.SubMenu = (0, forwardRef_1.forwardRef)("SubMenu", function (_a, ref) {
-    var _b, _c;
     var children = _a.children, content = _a.content;
     var subMenu = (0, use_sub_menu_1.useSubMenu)({ isMobile: false });
-    var stableRef = (0, react_1.useMemo)(function () { return (0, composeRefs_1.composeRefs)(ref, subMenu.reference, children.ref); }, [ref, subMenu.reference, children]);
+    var stableRef = (0, react_1.useMemo)(function () { return (0, composeRefs_1.composeRefs)(ref, subMenu.refs.setReference, children.ref); }, [ref, subMenu.refs.setReference, children]);
     return (react_1.default.createElement("div", { className: "hidden md:block" },
         (0, react_1.cloneElement)(children, subMenu.getReferenceProps(__assign(__assign({ ref: stableRef }, children.props), { "data-state": subMenu.open ? "open" : "closed" }))),
         subMenu.open && (react_1.default.createElement("div", __assign({}, subMenu.getFloatingProps({
-            ref: subMenu.floating,
-            style: {
-                position: subMenu.strategy,
-                top: (_b = subMenu.y) !== null && _b !== void 0 ? _b : 0,
-                left: (_c = subMenu.x) !== null && _c !== void 0 ? _c : 0,
-                visibility: subMenu.x === null ? "hidden" : "visible",
-            },
-            className: "bg-white rounded-xl overflow-hidden z-dropdown max-w-64 shadow-lg w-full",
+            ref: subMenu.refs.setFloating,
+            style: subMenu.floatingStyles,
+            className: "sidebar__scrollbar bg-sidebar-highlight rounded-xl overflow-y-auto z-dropdown max-w-64 shadow-lg w-full",
         })), content.map(function (item, index) { return (react_1.default.createElement(sub_menuItem_1.SubMenuItem, { key: index, item: item })); })))));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLW1lbnUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL21lbnUvdWkvc3ViLW1lbnUvc3ViLW1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBbUU7QUFDbkUseURBQXdEO0FBQ3hELCtDQUE0QztBQUM1QywyREFBMEQ7QUFFMUQsK0NBQTZDO0FBT2hDLFFBQUEsT0FBTyxHQUFHLElBQUEsdUJBQVUsRUFBNEIsU0FBUyxFQUFFLFVBQUMsRUFBcUIsRUFBRSxHQUFHOztRQUF4QixRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUE7SUFDeEYsSUFBTSxPQUFPLEdBQUcsSUFBQSx5QkFBVSxFQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFFaEQsSUFBTSxTQUFTLEdBQUcsSUFBQSxlQUFPLEVBQ3JCLGNBQU0sT0FBQSxJQUFBLHlCQUFXLEVBQUMsR0FBRyxFQUFFLE9BQU8sQ0FBQyxTQUFTLEVBQUcsUUFBZ0IsQ0FBQyxHQUFHLENBQUMsRUFBMUQsQ0FBMEQsRUFDaEUsQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLFNBQVMsRUFBRSxRQUFRLENBQUMsQ0FDckMsQ0FBQztJQUVGLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsaUJBQWlCO1FBQzNCLElBQUEsb0JBQVksRUFDVCxRQUFRLEVBQ1IsT0FBTyxDQUFDLGlCQUFpQixxQkFDckIsR0FBRyxFQUFFLFNBQVMsSUFDWCxRQUFRLENBQUMsS0FBSyxLQUNqQixZQUFZLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLElBQ2hELENBQ0w7UUFDQSxPQUFPLENBQUMsSUFBSSxJQUFJLENBQ2Isa0RBQ1EsT0FBTyxDQUFDLGdCQUFnQixDQUFDO1lBQ3pCLEdBQUcsRUFBRSxPQUFPLENBQUMsUUFBUTtZQUNyQixLQUFLLEVBQUU7Z0JBQ0gsUUFBUSxFQUFFLE9BQU8sQ0FBQyxRQUFRO2dCQUMxQixHQUFHLEVBQUUsTUFBQSxPQUFPLENBQUMsQ0FBQyxtQ0FBSSxDQUFDO2dCQUNuQixJQUFJLEVBQUUsTUFBQSxPQUFPLENBQUMsQ0FBQyxtQ0FBSSxDQUFDO2dCQUNwQixVQUFVLEVBQUUsT0FBTyxDQUFDLENBQUMsS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUzthQUN4RDtZQUNELFNBQVMsRUFBRSwwRUFBMEU7U0FDeEYsQ0FBQyxHQUVELE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDMUIsOEJBQUMsMEJBQVcsSUFBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDMUMsRUFGNkIsQ0FFN0IsQ0FBQyxDQUNBLENBQ1QsQ0FDQyxDQUNULENBQUM7QUFDTixDQUFDLENBQUMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLW1lbnUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL21lbnUvdWkvc3ViLW1lbnUvc3ViLW1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBbUU7QUFDbkUseURBQXdEO0FBQ3hELCtDQUE0QztBQUM1QywyREFBMEQ7QUFFMUQsK0NBQTZDO0FBT2hDLFFBQUEsT0FBTyxHQUFHLElBQUEsdUJBQVUsRUFBNEIsU0FBUyxFQUFFLFVBQUMsRUFBcUIsRUFBRSxHQUFHO1FBQXhCLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQTtJQUN4RixJQUFNLE9BQU8sR0FBRyxJQUFBLHlCQUFVLEVBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUVoRCxJQUFNLFNBQVMsR0FBRyxJQUFBLGVBQU8sRUFDckIsY0FBTSxPQUFBLElBQUEseUJBQVcsRUFBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUcsUUFBZ0IsQ0FBQyxHQUFHLENBQUMsRUFBbEUsQ0FBa0UsRUFDeEUsQ0FBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsUUFBUSxDQUFDLENBQzdDLENBQUM7SUFFRixPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLGlCQUFpQjtRQUMzQixJQUFBLG9CQUFZLEVBQ1QsUUFBUSxFQUNSLE9BQU8sQ0FBQyxpQkFBaUIscUJBQ3JCLEdBQUcsRUFBRSxTQUFTLElBQ1gsUUFBUSxDQUFDLEtBQUssS0FDakIsWUFBWSxFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsUUFBUSxJQUNoRCxDQUNMO1FBQ0EsT0FBTyxDQUFDLElBQUksSUFBSSxDQUNiLGtEQUNRLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQztZQUN6QixHQUFHLEVBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXO1lBQzdCLEtBQUssRUFBRSxPQUFPLENBQUMsY0FBYztZQUM3QixTQUFTLEVBQ0wseUdBQXlHO1NBQ2hILENBQUMsR0FFRCxPQUFPLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxFQUFFLEtBQUssSUFBSyxPQUFBLENBQzFCLDhCQUFDLDBCQUFXLElBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsSUFBSSxHQUFJLENBQzFDLEVBRjZCLENBRTdCLENBQUMsQ0FDQSxDQUNULENBQ0MsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDLENBQUMifQ==

package/lib/menu/ui/sub-menu/use-sub-menu.d.ts

@@ -6,22 +6,18 @@ export declare function useSubMenu(options: SubMenuOptions): {
     placement: import("@floating-ui/react").Placement;
     strategy: import("@floating-ui/react").Strategy;
     middlewareData: import("@floating-ui/react").MiddlewareData;
-    x: number | null;
-    y: number | null;
+    x: number;
+    y: number;
     update: () => void;
-    reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
-    floating: (node: HTMLElement | null) => void;
-    positionReference: (node: import("@floating-ui/react").ReferenceType | null) => void;
     context: {
-        y: number | null;
         placement: import("@floating-ui/react").Placement;
         strategy: import("@floating-ui/react").Strategy;
-        x: number | null;
+        x: number;
+        y: number;
         middlewareData: import("@floating-ui/react").MiddlewareData;
         update: () => void;
-        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
-        floating: (node: HTMLElement | null) => void;
         isPositioned: boolean;
+        floatingStyles: import("react").CSSProperties;
         open: boolean;
         onOpenChange: (open: boolean) => void;
         events: import("@floating-ui/react").FloatingEvents;
@@ -34,6 +30,7 @@ export declare function useSubMenu(options: SubMenuOptions): {
     refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
     elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
     isPositioned: boolean;
+    floatingStyles: import("react").CSSProperties;
     getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
     getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
     getItemProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;

package/lib/menu/ui/sub-menu/use-sub-menu.js

@@ -33,11 +33,27 @@ var react_2 = require("@floating-ui/react");
 function useSubMenu(options) {
     var _a = __read((0, react_1.useState)(false), 2), open = _a[0], setOpen = _a[1];
     var data = (0, react_2.useFloating)({
-        placement: options.isMobile ? "top" : "right-start",
-        open: open,
+        middleware: [
+            (0, react_2.offset)(options.isMobile ? 24 : 16),
+            (0, react_2.flip)(),
+            (0, react_2.shift)({ padding: 8 }),
+            (0, react_2.size)({
+                apply: function (_a) {
+                    var availableHeight = _a.availableHeight, elements = _a.elements;
+                    Object.assign(elements.floating.style, {
+                        maxHeight: Math.max(240, availableHeight) + "px",
+                    });
+                },
+            }),
+        ],
         onOpenChange: setOpen,
-        whileElementsMounted: react_2.autoUpdate,
-        middleware: [(0, react_2.offset)(options.isMobile ? 24 : 16), (0, react_2.flip)(), (0, react_2.shift)({ padding: 8 })],
+        open: open,
+        placement: options.isMobile ? "top" : "right-start",
+        whileElementsMounted: function (reference, floating, update) {
+            return (0, react_2.autoUpdate)(reference, floating, update, {
+                elementResize: typeof ResizeObserver !== "undefined",
+            });
+        },
     });
     var context = data.context;
     var hover = (0, react_2.useHover)(context, {
@@ -53,4 +69,4 @@ function useSubMenu(options) {
     return (0, react_1.useMemo)(function () { return (__assign(__assign({ open: open, setOpen: setOpen }, interactions), data)); }, [open, setOpen, interactions, data]);
 }
 exports.useSubMenu = useSubMenu;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlLXN1Yi1tZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tZW51L3VpL3N1Yi1tZW51L3VzZS1zdWItbWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsK0JBQTBDO0FBQzFDLDRDQVk0QjtBQU01QixTQUFnQixVQUFVLENBQUMsT0FBdUI7SUFDeEMsSUFBQSxLQUFBLE9BQWtCLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsSUFBQSxFQUFoQyxJQUFJLFFBQUEsRUFBRSxPQUFPLFFBQW1CLENBQUM7SUFFeEMsSUFBTSxJQUFJLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQ3JCLFNBQVMsRUFBRSxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLGFBQWE7UUFDbkQsSUFBSSxNQUFBO1FBQ0osWUFBWSxFQUFFLE9BQU87UUFDckIsb0JBQW9CLEVBQUUsa0JBQVU7UUFDaEMsVUFBVSxFQUFFLENBQUMsSUFBQSxjQUFNLEVBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxJQUFBLFlBQUksR0FBRSxFQUFFLElBQUEsYUFBSyxFQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7S0FDbEYsQ0FBQyxDQUFDO0lBRUgsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUU3QixJQUFNLEtBQUssR0FBRyxJQUFBLGdCQUFRLEVBQUMsT0FBTyxFQUFFO1FBQzVCLElBQUksRUFBRSxLQUFLO1FBQ1gsS0FBSyxFQUFFLEdBQUc7UUFDVixXQUFXLEVBQUUsSUFBQSxtQkFBVyxHQUFFO1FBQzFCLE9BQU8sRUFBRSxDQUFDLE9BQU8sQ0FBQyxRQUFRO0tBQzdCLENBQUMsQ0FBQztJQUNILElBQU0sS0FBSyxHQUFHLElBQUEsZ0JBQVEsRUFBQyxPQUFPLEVBQUUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO0lBQ2pFLElBQU0sS0FBSyxHQUFHLElBQUEsZ0JBQVEsRUFBQyxPQUFPLENBQUMsQ0FBQztJQUNoQyxJQUFNLE9BQU8sR0FBRyxJQUFBLGtCQUFVLEVBQUMsT0FBTyxDQUFDLENBQUM7SUFFcEMsSUFBTSxZQUFZLEdBQUcsSUFBQSx1QkFBZSxFQUFDLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUVyRSxPQUFPLElBQUEsZUFBTyxFQUNWLGNBQU0sT0FBQSxxQkFDRixJQUFJLE1BQUEsRUFDSixPQUFPLFNBQUEsSUFDSixZQUFZLEdBQ1osSUFBSSxFQUNULEVBTEksQ0FLSixFQUNGLENBQUMsSUFBSSxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsSUFBSSxDQUFDLENBQ3RDLENBQUM7QUFDTixDQUFDO0FBbENELGdDQWtDQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlLXN1Yi1tZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tZW51L3VpL3N1Yi1tZW51L3VzZS1zdWItbWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsK0JBQTBDO0FBQzFDLDRDQWE0QjtBQU01QixTQUFnQixVQUFVLENBQUMsT0FBdUI7SUFDeEMsSUFBQSxLQUFBLE9BQWtCLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsSUFBQSxFQUFoQyxJQUFJLFFBQUEsRUFBRSxPQUFPLFFBQW1CLENBQUM7SUFFeEMsSUFBTSxJQUFJLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQ3JCLFVBQVUsRUFBRTtZQUNSLElBQUEsY0FBTSxFQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ2xDLElBQUEsWUFBSSxHQUFFO1lBQ04sSUFBQSxhQUFLLEVBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDckIsSUFBQSxZQUFJLEVBQUM7Z0JBQ0QsS0FBSyxZQUFDLEVBQTZCO3dCQUEzQixlQUFlLHFCQUFBLEVBQUUsUUFBUSxjQUFBO29CQUM3QixNQUFNLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFO3dCQUNuQyxTQUFTLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsZUFBZSxDQUFDLEdBQUcsSUFBSTtxQkFDbkQsQ0FBQyxDQUFDO2dCQUNQLENBQUM7YUFDSixDQUFDO1NBQ0w7UUFDRCxZQUFZLEVBQUUsT0FBTztRQUNyQixJQUFJLE1BQUE7UUFDSixTQUFTLEVBQUUsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxhQUFhO1FBQ25ELG9CQUFvQixFQUFFLFVBQUMsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNO1lBQzlDLE9BQUEsSUFBQSxrQkFBVSxFQUFDLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFO2dCQUNwQyxhQUFhLEVBQUUsT0FBTyxjQUFjLEtBQUssV0FBVzthQUN2RCxDQUFDO1FBRkYsQ0FFRTtLQUNULENBQUMsQ0FBQztJQUVILElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7SUFFN0IsSUFBTSxLQUFLLEdBQUcsSUFBQSxnQkFBUSxFQUFDLE9BQU8sRUFBRTtRQUM1QixJQUFJLEVBQUUsS0FBSztRQUNYLEtBQUssRUFBRSxHQUFHO1FBQ1YsV0FBVyxFQUFFLElBQUEsbUJBQVcsR0FBRTtRQUMxQixPQUFPLEVBQUUsQ0FBQyxPQUFPLENBQUMsUUFBUTtLQUM3QixDQUFDLENBQUM7SUFDSCxJQUFNLEtBQUssR0FBRyxJQUFBLGdCQUFRLEVBQUMsT0FBTyxFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztJQUNqRSxJQUFNLEtBQUssR0FBRyxJQUFBLGdCQUFRLEVBQUMsT0FBTyxDQUFDLENBQUM7SUFDaEMsSUFBTSxPQUFPLEdBQUcsSUFBQSxrQkFBVSxFQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRXBDLElBQU0sWUFBWSxHQUFHLElBQUEsdUJBQWUsRUFBQyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFFckUsT0FBTyxJQUFBLGVBQU8sRUFDVixjQUFNLE9BQUEscUJBQ0YsSUFBSSxNQUFBLEVBQ0osT0FBTyxTQUFBLElBQ0osWUFBWSxHQUNaLElBQUksRUFDVCxFQUxJLENBS0osRUFDRixDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsWUFBWSxFQUFFLElBQUksQ0FBQyxDQUN0QyxDQUFDO0FBQ04sQ0FBQztBQWhERCxnQ0FnREMifQ==

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "6.0.0-beta.59",
+  "version": "6.0.0-beta.60",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -35,41 +35,40 @@
     "typecheck": "./node_modules/.bin/tsc --noEmit --skipLibCheck"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.23.1",
+    "@floating-ui/react": "^0.24.1",
     "es6-error": "^4.1.1",
-    "path-to-regexp": "^6.1.0",
+    "path-to-regexp": "^6.2.1",
     "react-hook-form": "^7.43.9",
     "react-redux": "^7.2.5",
     "redux": "^4.1.1"
   },
   "devDependencies": {
-    "@next/font": "^13.3.1",
+    "@next/font": "^13.4.3",
     "@types/express-http-proxy": "^1.6.2",
     "@types/node": "^18.11.18",
     "@types/qs": "^6.9.7",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.1",
-    "@typescript-eslint/eslint-plugin": "^5.59.1",
+    "@types/react": "^18.2.6",
+    "@types/react-dom": "^18.2.4",
     "@uxf/core": "^4.5.1",
     "@uxf/data-grid": "^5.0.0-beta.17",
     "@uxf/eslint-config": "^1.3.0",
-    "@uxf/form": "^1.0.0-beta.147",
+    "@uxf/form": "^1.0.0-beta.158",
     "@uxf/icons-generator": "^1.3.0",
     "@uxf/router": "^3.0.0-beta.5",
-    "@uxf/ui": "^1.0.0-beta.147",
-    "@uxf/wysiwyg": "^2.0.0-beta.22",
+    "@uxf/ui": "^1.0.0-beta.158",
+    "@uxf/wysiwyg": "^2.0.0-beta.24",
     "autoprefixer": "^10.4.14",
-    "axios": "^1.3.6",
+    "axios": "^1.4.0",
     "axios-hooks": "^4.0.0",
     "concurrently": "^8.0.1",
     "coordinate-parser": "^1.0.7",
     "dayjs": "^1.11.7",
-    "eslint": "^8.39.0",
-    "eslint-plugin-tailwindcss": "3.10.3",
+    "eslint": "^8.41.0",
+    "eslint-plugin-tailwindcss": "3.12.0",
     "express": "^4.18.2",
     "express-http-proxy": "^1.6.3",
     "http-proxy-middleware": "^2.0.6",
-    "next": "^13.3.1",
+    "next": "^13.4.3",
     "path": "^0.12.7",
     "postcss": "^8.4.23",
     "postcss-focus-visible": "^8.0.2",
@@ -77,13 +76,12 @@
     "postcss-pxtorem": "^6.0.0",
     "postcss-syntax": "^0.36.2",
     "prettier": "^2.8.8",
-    "prettier-plugin-tailwindcss": "^0.2.7",
-    "qs": "^6.11.0",
+    "prettier-plugin-tailwindcss": "^0.3.0",
+    "qs": "^6.11.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "redux-devtools-extension": "^2.13.9",
-    "stylelint": "^15.6.0",
-    "stylelint-config-prettier": "^9.0.5",
+    "stylelint": "^15.6.2",
     "stylelint-config-recommended": "^12.0.0",
     "stylelint-config-standard": "^33.0.0",
     "stylelint-config-tailwindcss": "^0.0.7",
@@ -95,10 +93,10 @@
   "peerDependencies": {
     "@uxf/core": ">= 4.5.1",
     "@uxf/data-grid": "^5.0.0-beta.16",
-    "@uxf/form": "^1.0.0-beta.147",
-    "@uxf/ui": "^1.0.0-beta.147",
-    "@uxf/wysiwyg": "^2.0.0-beta.22",
-    "axios": "^1.3.6",
+    "@uxf/form": "^1.0.0-beta.157",
+    "@uxf/ui": "^1.0.0-beta.157",
+    "@uxf/wysiwyg": "^2.0.0-beta.24",
+    "axios": "^1.4.0",
     "axios-hooks": "^4.0.0",
     "dayjs": "^1.11.7",
     "react": ">= 18.2.0",

package/pages/form-page/base-field.js

@@ -60,7 +60,7 @@ var BaseField = function (props) {
         case "datetime":
             return (react_1.default.createElement(date_time_picker_1.DateTimePicker, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, isClearable: !required }));
         case "time":
-            return (react_1.default.createElement(time_picker_input_1.TimePickerInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, stringValue: true, isClearable: !required }));
+            return (react_1.default.createElement(time_picker_input_1.TimePickerInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, isClearable: !required }));
         case "files":
         case "images":
             return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -99,4 +99,4 @@ var BaseField = function (props) {
     }
 };
 exports.BaseField = BaseField;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1maWVsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9mb3JtLXBhZ2UvYmFzZS1maWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBa0M7QUFDbEMsaUNBQXlDO0FBRXpDLDJDQUEwQztBQUMxQywyREFBeUQ7QUFDekQsbURBQWlEO0FBQ2pELCtDQUE4QztBQUM5QyxpRUFBOEQ7QUFDOUQsMkNBQTJDO0FBQzNDLDZDQUEyQztBQUMzQywrQ0FBOEM7QUFDOUMsMkRBQXlEO0FBQ3pELG1EQUFpRDtBQUNqRCw0RUFBeUU7QUFDekUsb0VBQWtFO0FBQ2xFLG1FQUFnRTtBQUNoRSxrRUFBZ0U7QUFDaEUsdUNBQXNDO0FBQ3RDLHFGQUFpRjtBQUNqRix1REFBcUQ7QUFDckQsaUVBQThEO0FBRTlELHNDQUFzQztBQUMvQixJQUFNLFNBQVMsR0FBbUIsVUFBQyxLQUFLO0lBQ25DLElBQUEsV0FBVyxHQUFtRCxLQUFLLFlBQXhELEVBQUUsV0FBVyxHQUFzQyxLQUFLLFlBQTNDLEVBQUUsU0FBUyxHQUEyQixLQUFLLFVBQWhDLEVBQUUsS0FBeUIsS0FBSyxPQUFuQixFQUFYLE1BQU0sbUJBQUcsRUFBRSxLQUFBLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBRXBFLElBQUEsUUFBUSxHQUEyQyxXQUFXLFNBQXRELEVBQUUsS0FBSyxHQUFvQyxXQUFXLE1BQS9DLEVBQUUsSUFBSSxHQUE4QixXQUFXLEtBQXpDLEVBQUUsUUFBUSxHQUFvQixXQUFXLFNBQS9CLEVBQUUsSUFBSSxHQUFjLFdBQVcsS0FBekIsRUFBRSxPQUFPLEdBQUssV0FBVyxRQUFoQixDQUFpQjtJQUN2RSxJQUFNLFNBQVMsR0FBRyxVQUFHLE1BQU0sU0FBRyxJQUFJLENBQUUsQ0FBQztJQUVyQyxJQUFNLFFBQVEsR0FBRyxRQUFRLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxRQUFRLENB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1maWVsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9mb3JtLXBhZ2UvYmFzZS1maWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBa0M7QUFDbEMsaUNBQXlDO0FBRXpDLDJDQUEwQztBQUMxQywyREFBeUQ7QUFDekQsbURBQWlEO0FBQ2pELCtDQUE4QztBQUM5QyxpRUFBOEQ7QUFDOUQsMkNBQTJDO0FBQzNDLDZDQUEyQztBQUMzQywrQ0FBOEM7QUFDOUMsMkRBQXlEO0FBQ3pELG1EQUFpRDtBQUNqRCw0RUFBeUU7QUFDekUsb0VBQWtFO0FBQ2xFLG1FQUFnRTtBQUNoRSxrRUFBZ0U7QUFDaEUsdUNBQXNDO0FBQ3RDLHFGQUFpRjtBQUNqRix1REFBcUQ7QUFDckQsaUVBQThEO0FBRTlELHNDQUFzQztBQUMvQixJQUFNLFNBQVMsR0FBbUIsVUFBQyxLQUFLO0lBQ25DLElBQUEsV0FBVyxHQUFtRCxLQUFLLFlBQXhELEVBQUUsV0FBVyxHQUFzQyxLQUFLLFlBQTNDLEVBQUUsU0FBUyxHQUEyQixLQUFLLFVBQWhDLEVBQUUsS0FBeUIsS0FBSyxPQUFuQixFQUFYLE1BQU0sbUJBQUcsRUFBRSxLQUFBLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBRXBFLElBQUEsUUFBUSxHQUEyQyxXQUFXLFNBQXRELEVBQUUsS0FBSyxHQUFvQyxXQUFXLE1BQS9DLEVBQUUsSUFBSSxHQUE4QixXQUFXLEtBQXpDLEVBQUUsUUFBUSxHQUFvQixXQUFXLFNBQS9CLEVBQUUsSUFBSSxHQUFjLFdBQVcsS0FBekIsRUFBRSxPQUFPLEdBQUssV0FBVyxRQUFoQixDQUFpQjtJQUN2RSxJQUFNLFNBQVMsR0FBRyxVQUFHLE1BQU0sU0FBRyxJQUFJLENBQUUsQ0FBQztJQUVyQyxJQUFNLFFBQVEsR0FBRyxRQUFRLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxRQUFRLENB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

package/pages/form-page/form.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import React, { FC } from "react";
 import { FormProps as UXFFormProps } from "@uxf/form/form";
 import { FormSchemaResponse } from "../../api";
 import { FieldComponent } from "./types";
@@ -14,5 +14,5 @@ interface FormProps<T extends FieldValues> extends Omit<UXFFormProps<T>, "childr
     isEditing?: boolean;
     SubmitButton?: SubmitButtonComponent<T>;
 }
-export declare const Form: <T extends FieldValues>(props: FormProps<T>) => JSX.Element;
+export declare const Form: <T extends FieldValues>(props: FormProps<T>) => React.JSX.Element;
 export {};

package/utils/styles.css

@@ -19,3 +19,25 @@
         background: theme("colors.sidebar.hover");
     }
 }
+
+.sidebar__scrollbar {
+    --scrollbar-color: theme("colors.darkBorder");
+
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+    scrollbar-color: var(--scrollbar-color) transparent;
+    scrollbar-width: thin;
+
+    &::-webkit-scrollbar {
+        @apply w-2;
+    }
+
+    &::-webkit-scrollbar-track {
+        background: theme("colors.sidebar.highlight");
+    }
+
+    &::-webkit-scrollbar-thumb {
+        @apply rounded-full border-none;
+
+        background-color: var(--scrollbar-color);
+    }
+}