@redneckz/wildless-cms-uni-blocks 0.16.1 → 0.16.3-isr

package/lib/ui-kit/DatePicker/DatePickerInput.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { normalizeWithMask } from '../../utils/normalizeWithMask.js';
+import { style } from '../../utils/style.js';
+import { Icon } from '../Icon/Icon.js';
+import { START_YEAR } from './getYears.js';
+const ICON_PROPS = {
+    name: 'CalendarIcon',
+    iconVersion: 'black',
+    width: '24',
+    height: '24',
+};
+export const DatePickerInput = JSX(({ setSelectedMonth, setSelectedYear, className, value, disabled, onChange, onClick }) => {
+    const ref = useRef(null);
+    const [inputValue, setInputValue] = useState(value || '');
+    const handleChange = (ev) => {
+        const val = ev.target?.value;
+        if (typeof val === 'string' && val?.length < 11) {
+            setInputValue(normalizeWithMask(val, '__.__.____'));
+        }
+    };
+    const onBlur = () => {
+        if (checkIsValidDate(inputValue)) {
+            updateSelectedDate({ inputValue, setSelectedMonth, setSelectedYear, onChange });
+        }
+        else {
+            setInputValue(value || '');
+        }
+    };
+    const onInputClick = () => {
+        if (ref.current !== null) {
+            ref.current.focus();
+        }
+        onClick?.();
+    };
+    useEffect(() => {
+        setInputValue(value || '');
+    }, [value]);
+    useEffect(() => {
+        updateSelectedDate({ inputValue, setSelectedMonth, setSelectedYear, onChange });
+    }, [inputValue]);
+    return (_jsxs("div", { onClick: onInputClick, className: style('relative', className), children: [_jsx("input", { ref: ref, className: "h-full w-full px-m text-l text-black focus-visible:outline-none", value: inputValue, type: "text", onChange: handleChange, onBlur: onBlur, disabled: disabled }), disabled ? null : _jsx(Icon, { className: "mr-s", ...ICON_PROPS })] }));
+});
+const isValidYear = (year) => Number(year) >= START_YEAR && Number(year) <= new Date().getFullYear();
+const isValidMonth = (month) => Number(month) > 0 && Number(month) < 13;
+const checkIsValidDate = (date) => {
+    const [day, month, year] = date.split('.');
+    if (isValidYear(year)) {
+        if (isValidMonth(month)) {
+            const currentDate = new Date(Number(year), Number(month) - 1, 1);
+            let maxDateOfMonth = 0;
+            while (currentDate.getMonth() === Number(month) - 1) {
+                currentDate.setDate(currentDate.getDate() + 1);
+                maxDateOfMonth++;
+            }
+            return Number(day) > 0 && Number(day) <= maxDateOfMonth;
+        }
+    }
+    return false;
+};
+const parseDate = (inputValue) => {
+    const [dayStr, monthStr, yearStr] = inputValue.split('.');
+    return {
+        day: Number(dayStr),
+        month: Number(monthStr) - 1,
+        year: Number(yearStr),
+    };
+};
+const updateSelectedDate = ({ inputValue, setSelectedMonth, setSelectedYear, onChange, }) => {
+    if (checkIsValidDate(inputValue)) {
+        const { day, month, year } = parseDate(inputValue);
+        setSelectedMonth(month);
+        setSelectedYear(year);
+        onChange?.(new Date(year, month, day));
+    }
+};
+//# sourceMappingURL=DatePickerInput.js.map

package/lib/ui-kit/DatePicker/DatePickerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerInput.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/DatePickerInput.tsx"],"names":[],"mappings":"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"}

package/lib/ui-kit/DatePicker/getYears.d.ts

@@ -1 +1,2 @@
+export declare const START_YEAR = 1940;
 export declare const getYears: () => number[];

package/lib/ui-kit/DatePicker/getYears.js

@@ -1,3 +1,3 @@
-const START_YEAR = 1940;
+export const START_YEAR = 1940;
 export const getYears = () => Array.from({ length: new Date().getFullYear() - START_YEAR + 1 }, (_, i) => START_YEAR + i);
 //# sourceMappingURL=getYears.js.map

package/lib/ui-kit/DatePicker/getYears.js.map

@@ -1 +1 @@
-{"version":3,"file":"getYears.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/getYears.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAG,IAAI,CAAC;AAExB,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAC3B,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,GAAG,UAAU,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC"}
+{"version":3,"file":"getYears.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/getYears.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC;AAE/B,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAC3B,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,GAAG,UAAU,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC"}

package/lib/ui-kit/DatePicker/renderCalendarCells.d.ts

@@ -4,8 +4,8 @@ interface RenderCalendarCellsParams {
     totalDays: number;
     currentYear: number;
     currentMonth: number;
-    min?: Date | undefined;
-    max?: Date | undefined;
+    min?: Date;
+    max?: Date;
     onDateClick: (date: Date) => void;
 }
 export declare const renderCalendarCells: ({ today, firstDayOfWeek, totalDays, currentMonth, currentYear, min, max, onDateClick, }: RenderCalendarCellsParams) => any;

package/lib/ui-kit/DatePicker/renderCalendarCells.js

@@ -28,7 +28,7 @@ export const renderCalendarCells = ({ today, firstDayOfWeek, totalDays, currentM
 };
 const checkIsToday = (currentDate, today) => today && currentDate.toDateString() === today.toDateString();
 const checkIsDisabled = (currentDate, min, max) => (min && currentDate.getTime() < min.getTime()) || (max && currentDate.getTime() > max.getTime());
-const getDayStyles = (isToday, isDisabled) => style('p-s text-center rounded-md border', {
+const getDayStyles = (isToday = false, isDisabled = false) => style('p-s text-center rounded-md border', {
     'border-transparent hover:bg-gray': !isToday,
 }, isDisabled ? 'text-gray hover:bg-transparent' : 'cursor-pointer');
 //# sourceMappingURL=renderCalendarCells.js.map

package/lib/ui-kit/DatePicker/renderCalendarCells.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderCalendarCells.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/renderCalendarCells.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,SAAS,GAAG,CAAC,CAAC;AACpB,MAAM,UAAU,GAAG,CAAC,CAAC;AAarB,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,KAAK,EACL,cAAc,EACd,SAAS,EACT,YAAY,EACZ,WAAW,EACX,GAAG,EACH,GAAG,EACH,WAAW,GACe,EAAE,EAAE;IAC9B,MAAM,aAAa,GAAU,EAAE,CAAC;IAChC,IAAI,UAAU,GAAG,CAAC,CAAC;IAEnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE;QAClC,MAAM,QAAQ,GAAU,EAAE,CAAC;QAE3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,EAAE,EAAE;YACnC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,cAAc,EAAE;gBACjC,QAAQ,CAAC,IAAI,CAAC,eAAS,SAAS,CAAC,EAAE,CAAO,CAAC,CAAC;aAC7C;iBAAM,IAAI,UAAU,GAAG,SAAS,EAAE;gBACjC,QAAQ,CAAC,IAAI,CAAC,eAAS,SAAS,CAAC,EAAE,CAAO,CAAC,CAAC;aAC7C;iBAAM;gBACL,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,WAAW,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;gBACpE,MAAM,OAAO,GAAG,YAAY,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;gBACjD,MAAM,UAAU,GAAG,eAAe,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;gBAE1D,QAAQ,CAAC,IAAI,CACX,uBACE,cACE,SAAS,EAAE,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,WAAW,CAAC,WAAW,CAAC,YAErD,UAAU,GACP,IANC,OAAO,UAAU,EAAE,CAOvB,CACN,CAAC;gBAEF,UAAU,EAAE,CAAC;aACd;SACF;QAED,aAAa,CAAC,IAAI,CAAC,uBAAsB,QAAQ,IAArB,OAAO,CAAC,EAAE,CAAiB,CAAC,CAAC;KAC1D;IAED,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,WAAiB,EAAE,KAAuB,EAAE,EAAE,CAClE,KAAK,IAAI,WAAW,CAAC,YAAY,EAAE,KAAK,KAAK,CAAC,YAAY,EAAE,CAAC;AAE/D,MAAM,eAAe,GAAG,CAAC,WAAiB,EAAE,GAAqB,EAAE,GAAqB,EAAE,EAAE,CAC1F,CAAC,GAAG,IAAI,WAAW,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,WAAW,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;AAEnG,MAAM,YAAY,GAAG,CAAC,OAA4B,EAAE,UAA+B,EAAE,EAAE,CACrF,KAAK,CACH,mCAAmC,EACnC;IACE,kCAAkC,EAAE,CAAC,OAAO;CAC7C,EACD,UAAU,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,gBAAgB,CACjE,CAAC"}
+{"version":3,"file":"renderCalendarCells.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/renderCalendarCells.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,SAAS,GAAG,CAAC,CAAC;AACpB,MAAM,UAAU,GAAG,CAAC,CAAC;AAarB,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,KAAK,EACL,cAAc,EACd,SAAS,EACT,YAAY,EACZ,WAAW,EACX,GAAG,EACH,GAAG,EACH,WAAW,GACe,EAAE,EAAE;IAC9B,MAAM,aAAa,GAAU,EAAE,CAAC;IAChC,IAAI,UAAU,GAAG,CAAC,CAAC;IAEnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE;QAClC,MAAM,QAAQ,GAAU,EAAE,CAAC;QAE3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,EAAE,EAAE;YACnC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,cAAc,EAAE;gBACjC,QAAQ,CAAC,IAAI,CAAC,eAAS,SAAS,CAAC,EAAE,CAAO,CAAC,CAAC;aAC7C;iBAAM,IAAI,UAAU,GAAG,SAAS,EAAE;gBACjC,QAAQ,CAAC,IAAI,CAAC,eAAS,SAAS,CAAC,EAAE,CAAO,CAAC,CAAC;aAC7C;iBAAM;gBACL,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,WAAW,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;gBACpE,MAAM,OAAO,GAAG,YAAY,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;gBACjD,MAAM,UAAU,GAAG,eAAe,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;gBAE1D,QAAQ,CAAC,IAAI,CACX,uBACE,cACE,SAAS,EAAE,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,WAAW,CAAC,WAAW,CAAC,YAErD,UAAU,GACP,IANC,OAAO,UAAU,EAAE,CAOvB,CACN,CAAC;gBAEF,UAAU,EAAE,CAAC;aACd;SACF;QAED,aAAa,CAAC,IAAI,CAAC,uBAAsB,QAAQ,IAArB,OAAO,CAAC,EAAE,CAAiB,CAAC,CAAC;KAC1D;IAED,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,WAAiB,EAAE,KAAuB,EAAE,EAAE,CAClE,KAAK,IAAI,WAAW,CAAC,YAAY,EAAE,KAAK,KAAK,CAAC,YAAY,EAAE,CAAC;AAE/D,MAAM,eAAe,GAAG,CAAC,WAAiB,EAAE,GAAqB,EAAE,GAAqB,EAAE,EAAE,CAC1F,CAAC,GAAG,IAAI,WAAW,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,WAAW,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;AAEnG,MAAM,YAAY,GAAG,CAAC,OAAO,GAAG,KAAK,EAAE,UAAU,GAAG,KAAK,EAAE,EAAE,CAC3D,KAAK,CACH,mCAAmC,EACnC;IACE,kCAAkC,EAAE,CAAC,OAAO;CAC7C,EACD,UAAU,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,gBAAgB,CACjE,CAAC"}

package/lib/ui-kit/DatePicker/renderDatePickerForm.d.ts

@@ -0,0 +1,9 @@
+export declare const renderDatePickerForm: ({ handleChangeVisibleCalendar, value, valid, onChange, setSelectedMonth, setSelectedYear, disabled, }: {
+    handleChangeVisibleCalendar: () => void;
+    value: Date | undefined;
+    valid: boolean;
+    setSelectedMonth: (selectedMonth: number) => void;
+    setSelectedYear: (selectedYear: number) => void;
+    onChange?: ((value: Date) => void) | undefined;
+    disabled?: boolean | undefined;
+}) => any;

package/lib/ui-kit/DatePicker/renderDatePickerForm.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { formatDate } from '../../utils/formatDate.js';
+import { style } from '../../utils/style.js';
+import { DatePickerInput } from './DatePickerInput.js';
+const formStyle = 'flex justify-between items-center h-14 border rounded-md cursor-pointer ' +
+    'hover:border-black active:border-black focus:border-black';
+export const renderDatePickerForm = ({ handleChangeVisibleCalendar, value, valid, onChange, setSelectedMonth, setSelectedYear, disabled = false, }) => (_jsx(DatePickerInput, { onChange: onChange, disabled: disabled, onClick: handleChangeVisibleCalendar, value: value && formatDate(value), setSelectedMonth: setSelectedMonth, setSelectedYear: setSelectedYear, className: style(formStyle, valid ? 'border-gray' : 'border-error') }));
+//# sourceMappingURL=renderDatePickerForm.js.map

package/lib/ui-kit/DatePicker/renderDatePickerForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderDatePickerForm.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/renderDatePickerForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,SAAS,GACb,0EAA0E;IAC1E,2DAA2D,CAAC;AAE9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,2BAA2B,EAC3B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,QAAQ,GAAG,KAAK,GASjB,EAAE,EAAE,CAAC,CACJ,KAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,2BAA2B,EACpC,KAAK,EAAE,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,EACjC,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,GAClD,CACpB,CAAC"}

package/lib/ui-kit/DatePicker/useDatePickerManager.d.ts

@@ -6,8 +6,10 @@ interface UseDatePickerManagerParams {
     onMonthSelect: (num: number) => void;
     selectedYear: number;
     onYearSelect: (num: number) => void;
+    onChange?: (date: Date) => void;
+    value?: Date;
 }
-export declare const useDatePickerManager: ({ onShowCalendar, showCalendar, selectedMonth, onMonthSelect, onYearSelect, selectedYear, }: UseDatePickerManagerParams) => {
+export declare const useDatePickerManager: ({ onShowCalendar, showCalendar, selectedMonth, onMonthSelect, onYearSelect, selectedYear, onChange, value, }: UseDatePickerManagerParams) => {
     handleChangeVisibleCalendar: () => void;
     handleNextMonth: () => void;
     handlePrevMonth: () => void;

package/lib/ui-kit/DatePicker/useDatePickerManager.js

@@ -7,7 +7,7 @@ const MONTHS_OPTIONS = months.map((key) => ({ key }));
 const YEARS_OPTIONS = getYears()
     .reverse()
     .map((key) => ({ key: String(key) }));
-export const useDatePickerManager = ({ onShowCalendar, showCalendar, selectedMonth, onMonthSelect, onYearSelect, selectedYear, }) => {
+export const useDatePickerManager = ({ onShowCalendar, showCalendar, selectedMonth, onMonthSelect, onYearSelect, selectedYear, onChange, value, }) => {
     const close = useCallback(() => showCalendar && onShowCalendar(false), [showCalendar]);
     const ref = useOutsideClick(close);
     const handleChangeVisibleCalendar = useCallback(() => onShowCalendar(!showCalendar), [showCalendar]);
@@ -29,8 +29,21 @@ export const useDatePickerManager = ({ onShowCalendar, showCalendar, selectedMon
             onYearSelect(selectedYear - 1);
         }
     }, [selectedMonth]);
-    const handleSelectMonth = useCallback(({ key }) => onMonthSelect(months.indexOf(key)), []);
-    const handleSelectYear = useCallback(({ key }) => onYearSelect(Number(key)), []);
+    const handleSelectMonth = useCallback(({ key }) => {
+        onMonthSelect(months.indexOf(key));
+        const maxDateOfMonth = calculateMaxDaysOfMonth(selectedYear, months.indexOf(key));
+        handleChangeMonth({
+            maxDateOfMonth,
+            selectedYear,
+            selectedMonth: months.indexOf(key),
+            value,
+            onChange,
+        });
+    }, [value]);
+    const handleSelectYear = useCallback(({ key }) => {
+        onYearSelect(Number(key));
+        value && onChange?.(new Date(Number(key), selectedMonth, value?.getDate()));
+    }, [value]);
     return {
         handleChangeVisibleCalendar,
         handleNextMonth,
@@ -42,4 +55,17 @@ export const useDatePickerManager = ({ onShowCalendar, showCalendar, selectedMon
         ref,
     };
 };
+const calculateMaxDaysOfMonth = (selectedYear, selectedMonth) => {
+    const date = new Date(selectedYear, selectedMonth, 1);
+    let maxDateOfMonth = 0;
+    while (date.getMonth() === selectedMonth) {
+        maxDateOfMonth++;
+        date.setDate(date.getDate() + 1);
+    }
+    return maxDateOfMonth;
+};
+const handleChangeMonth = ({ maxDateOfMonth, selectedYear, selectedMonth, value, onChange, }) => {
+    value &&
+        onChange?.(new Date(selectedYear, selectedMonth, Math.min(maxDateOfMonth, value.getDate())));
+};
 //# sourceMappingURL=useDatePickerManager.js.map

package/lib/ui-kit/DatePicker/useDatePickerManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDatePickerManager.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/useDatePickerManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAE9E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;AACtD,MAAM,aAAa,GAAG,QAAQ,EAAE;KAC7B,OAAO,EAAE;KACT,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAWxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,cAAc,EACd,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,GACe,EAAE,EAAE;IAC/B,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACvF,MAAM,GAAG,GAAG,eAAe,CAAiB,KAAK,CAAC,CAAC;IAEnD,MAAM,2BAA2B,GAAG,WAAW,CAC7C,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC,EACnC,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,IAAI,aAAa,GAAG,CAAC,IAAI,YAAY,EAAE;YACrC,aAAa,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;SAClC;aAAM;YACL,aAAa,CAAC,CAAC,CAAC,CAAC;YACjB,YAAY,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,IAAI,aAAa,GAAG,CAAC,IAAI,CAAC,EAAE;YAC1B,aAAa,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;SAClC;aAAM;YACL,aAAa,CAAC,EAAE,CAAC,CAAC;YAClB,YAAY,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,EAAE,GAAG,EAAU,EAAE,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EACvD,EAAE,CACH,CAAC;IACF,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,EAAE,GAAG,EAAU,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEzF,OAAO;QACL,2BAA2B;QAC3B,eAAe;QACf,eAAe;QACf,iBAAiB;QACjB,gBAAgB;QAChB,aAAa,EAAE,cAAc;QAC7B,YAAY,EAAE,aAAa;QAC3B,GAAG;KACJ,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"useDatePickerManager.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/useDatePickerManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAE9E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;AACtD,MAAM,aAAa,GAAG,QAAQ,EAAE;KAC7B,OAAO,EAAE;KACT,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAaxC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,cAAc,EACd,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,KAAK,GACsB,EAAE,EAAE;IAC/B,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACvF,MAAM,GAAG,GAAG,eAAe,CAAiB,KAAK,CAAC,CAAC;IAEnD,MAAM,2BAA2B,GAAG,WAAW,CAC7C,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC,EACnC,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,IAAI,aAAa,GAAG,CAAC,IAAI,YAAY,EAAE;YACrC,aAAa,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;SAClC;aAAM;YACL,aAAa,CAAC,CAAC,CAAC,CAAC;YACjB,YAAY,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,IAAI,aAAa,GAAG,CAAC,IAAI,CAAC,EAAE;YAC1B,aAAa,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;SAClC;aAAM;YACL,aAAa,CAAC,EAAE,CAAC,CAAC;YAClB,YAAY,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,EAAE,GAAG,EAAU,EAAE,EAAE;QAClB,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;QACnC,MAAM,cAAc,GAAG,uBAAuB,CAAC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;QAClF,iBAAiB,CAAC;YAChB,cAAc;YACd,YAAY;YACZ,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;YAClC,KAAK;YACL,QAAQ;SACT,CAAC,CAAC;IACL,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IACF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,EAAE,GAAG,EAAU,EAAE,EAAE;QAClB,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QAC1B,KAAK,IAAI,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;IAC9E,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO;QACL,2BAA2B;QAC3B,eAAe;QACf,eAAe;QACf,iBAAiB;QACjB,gBAAgB;QAChB,aAAa,EAAE,cAAc;QAC7B,YAAY,EAAE,aAAa;QAC3B,GAAG;KACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAAC,YAAoB,EAAE,aAAqB,EAAE,EAAE;IAC9E,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;IACtD,IAAI,cAAc,GAAG,CAAC,CAAC;IACvB,OAAO,IAAI,CAAC,QAAQ,EAAE,KAAK,aAAa,EAAE;QACxC,cAAc,EAAE,CAAC;QACjB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;KAClC;IAED,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EACzB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,KAAK,EACL,QAAQ,GAOT,EAAE,EAAE;IACH,KAAK;QACH,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,YAAY,EAAE,aAAa,EAAE,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;AACjG,CAAC,CAAC"}

package/lib/ui-kit/DialogManager/Dialog.js

@@ -1,15 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { style } from '../../utils/style.js';
 import { CloseButton } from './CloseButton.js';
-import { useDialogManager } from './useDialogManager.js';
-export const Dialog = JSX(({ className, head, children, onClose, onClick }) => {
-    const { close } = useDialogManager();
-    const handleClose = useCallback(() => {
-        close();
-        onClose && onClose();
-    }, [onClose]);
-    return (_jsxs("div", { onClick: onClick, className: style('relative min-h-full bg-white pt-0 p-lg', className), role: "dialog", children: [_jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [_jsx(CloseButton, { className: "absolute top-0 right-0", onClose: handleClose }), _jsx("div", { className: "container", children: head })] }), _jsx("div", { className: "container pb-6xl", children: children })] }));
-});
+export const Dialog = JSX(({ className, head, children, onClose, onClick }) => (_jsxs("div", { className: style('relative bg-white pt-0 p-lg', className), role: "dialog", title: "\u0414\u0438\u0430\u043B\u043E\u0433", onClick: onClick, children: [_jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [_jsx(CloseButton, { className: "absolute top-0 right-0", onClose: onClose }), _jsx("div", { className: "container", children: head })] }), _jsx("div", { className: "container pb-6xl", children: children })] })));
 //# sourceMappingURL=Dialog.js.map

package/lib/ui-kit/DialogManager/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/ui-kit/DialogManager/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAStD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAc,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAErC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,KAAK,EAAE,CAAC;QACR,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,eACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,wCAAwC,EAAE,SAAS,CAAC,EACrE,IAAI,EAAC,QAAQ,aAEb,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,WAAW,IAAC,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,WAAW,GAAI,EACxE,cAAK,SAAS,EAAC,WAAW,YAAE,IAAI,GAAO,IACnC,EACN,cAAK,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAO,IAC9C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/ui-kit/DialogManager/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAS5C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAc,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC1F,eACE,SAAS,EAAE,KAAK,CAAC,6BAA6B,EAAE,SAAS,CAAC,EAC1D,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,sCAAQ,EACd,OAAO,EAAE,OAAO,aAEhB,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,WAAW,IAAC,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,OAAO,GAAI,EACpE,cAAK,SAAS,EAAC,WAAW,YAAE,IAAI,GAAO,IACnC,EACN,cAAK,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAO,IAC9C,CACP,CAAC,CAAC"}

package/lib/ui-kit/DialogManager/DialogAction.d.ts

@@ -1,12 +1,11 @@
-import { type VNode } from '../../model/VNode';
-export declare type DialogAction = DialogOpenAction | DialogCloseAction;
-export interface DialogOpenAction {
-    type: 'open';
+import type { ActionsMap } from '@redneckz/uni-jsx/lib/EventBus/Action';
+import type { VNode } from '../../model/VNode';
+export interface DialogOptions {
     id?: string;
     dialog: VNode;
-    onClose?: () => void;
-}
-export interface DialogCloseAction {
-    type: 'close';
-    all?: boolean;
 }
+export declare type DialogAction = ActionsMap<{
+    open(options: DialogOptions): void;
+    close(): void;
+    closeAll(): void;
+}>;

package/lib/ui-kit/DialogManager/DialogManager.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const DialogManager: import("@redneckz/uni-jsx").UNIComponent<{}, any, JSX.Element | null>;
+export declare const DialogManager: import("@redneckz/uni-jsx").UNIComponent<{}, any, any>;

package/lib/ui-kit/DialogManager/DialogManager.js

@@ -1,39 +1,23 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
-import { useEventListener } from '@redneckz/uni-jsx/lib/hooks/useEventListener';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useOnEscape } from '../../hooks/useOnEscape.js';
 import { style } from '../../utils/style.js';
-import { useDialogManager } from './useDialogManager.js';
 import { useDialogsList } from './useDialogsList.js';
 export const DialogManager = JSX(() => {
-    const handleCloseAll = useCallback((dialogs) => {
-        for (const _ of dialogs) {
-            _?.onClose && _.onClose();
-        }
-    }, []);
-    const handleClose = useCallback((_) => {
-        _?.onClose && _.onClose();
-    }, []);
-    const dialogs = useDialogsList({ onCloseAll: handleCloseAll, onClose: handleClose });
-    const { close } = useDialogManager();
-    const escapeHandler = useCallback(({ key }) => {
-        if (key === 'Escape') {
-            close();
-        }
-    }, []);
-    useEventListener(globalThis.document, 'keydown', escapeHandler);
+    const [dialogs, { close }] = useDialogsList();
+    const hasDialogs = Boolean(dialogs.length);
+    useOnEscape(close);
     useEffect(() => {
-        if (dialogs.length) {
-            globalThis.document?.body.classList.add('no-scrollbar');
-            globalThis.document?.body.classList.add('overflow-hidden');
+        if (hasDialogs) {
+            globalThis.document?.body.classList.add('no-scrollbar', 'overflow-hidden');
         }
         else {
-            globalThis.document?.body.classList.remove('no-scrollbar');
-            globalThis.document?.body.classList.remove('overflow-hidden');
+            globalThis.document?.body.classList.remove('no-scrollbar', 'overflow-hidden');
         }
-    }, [dialogs]);
-    return dialogs.length ? (_jsx("div", { className: "fixed inset-0 z-50", role: "dialog", children: dialogs.map(({ dialog, id }, i) => (_jsx("div", { className: style('absolute inset-0 overflow-x-hidden overflow-y-scroll no-scrollbar bg-black/50', {
-                hidden: i !== dialogs.length - 1,
+    }, [hasDialogs]);
+    return hasDialogs ? (_jsx("div", { className: "fixed inset-0 z-50", children: dialogs.map(({ dialog, id }, i) => (_jsx("div", { className: style('absolute inset-0 overflow-x-hidden overflow-y-scroll no-scrollbar bg-black/50', {
+                hidden: i !== dialogs.length - 1, // TODO Чего?)
             }), children: dialog }, String(id || i)))) })) : null;
 });
 //# sourceMappingURL=DialogManager.js.map

package/lib/ui-kit/DialogManager/DialogManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogManager.js","sourceRoot":"","sources":["../../../src/ui-kit/DialogManager/DialogManager.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC,GAAG,EAAE;IACpC,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,OAA2B,EAAE,EAAE;QACjE,KAAK,MAAM,CAAC,IAAI,OAAO,EAAE;YACvB,CAAC,EAAE,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;SAC3B;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAmB,EAAE,EAAE;QACtD,CAAC,EAAE,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,cAAc,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC;IAErF,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAErC,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE;QAC7D,IAAI,GAAG,KAAK,QAAQ,EAAE;YACpB,KAAK,EAAE,CAAC;SACT;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,gBAAgB,CAAC,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;IAEhE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,MAAM,EAAE;YAClB,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;YACxD,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;SAC5D;aAAM;YACL,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;YAC3D,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;SAC/D;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CACtB,cAAK,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,YAC9C,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,cAEE,SAAS,EAAE,KAAK,CACd,+EAA+E,EAC/E;gBACE,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC;aACjC,CACF,YAEA,MAAM,IARF,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAShB,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC,CAAC"}
+{"version":3,"file":"DialogManager.js","sourceRoot":"","sources":["../../../src/ui-kit/DialogManager/DialogManager.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC,GAAG,EAAE;IACpC,MAAM,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,cAAc,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAE3C,WAAW,CAAC,KAAK,CAAC,CAAC;IAEnB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE;YACd,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;SAC5E;aAAM;YACL,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;SAC/E;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAC,oBAAoB,YAChC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,cAEE,SAAS,EAAE,KAAK,CACd,+EAA+E,EAC/E;gBACE,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,cAAc;aACjD,CACF,YAEA,MAAM,IARF,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC,CAShB,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC,CAAC"}

package/lib/ui-kit/DialogManager/isDialogOpen.d.ts

@@ -1,2 +1,2 @@
-import { type DialogOpenAction } from './DialogAction';
-export declare const isDialogOpen: (id: string, dialogs: DialogOpenAction[]) => boolean;
+import type { DialogOptions } from './DialogAction';
+export declare const isDialogOpen: (id: string, dialogs: DialogOptions[]) => boolean;

package/lib/ui-kit/DialogManager/isDialogOpen.js.map

@@ -1 +1 @@
-{"version":3,"file":"isDialogOpen.js","sourceRoot":"","sources":["../../../src/ui-kit/DialogManager/isDialogOpen.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,OAA2B,EAAW,EAAE,CAC/E,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC"}
+{"version":3,"file":"isDialogOpen.js","sourceRoot":"","sources":["../../../src/ui-kit/DialogManager/isDialogOpen.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,OAAwB,EAAW,EAAE,CAC5E,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC"}

package/lib/ui-kit/DialogManager/useDialog.d.ts

@@ -0,0 +1,12 @@
+import type { UNIComponent } from '@redneckz/uni-jsx';
+import type { VNode } from '../../model/VNode';
+import type { DialogOptions } from './DialogAction';
+export declare function useDialog<Props extends {
+    onClose?: () => void;
+}>(Dialog: UNIComponent<Props>, initialProps?: Partial<Props>): {
+    closeAll: () => void;
+    open: (props: Props & {
+        children?: VNode;
+    }, options?: Partial<DialogOptions>) => void;
+    close: () => void;
+};

package/lib/ui-kit/DialogManager/useDialog.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useDialogManager } from './useDialogManager.js';
+export function useDialog(Dialog, initialProps = {}) {
+    const { open, close, ...rest } = useDialogManager();
+    const openDialog = useCallback((props, options = {}) => open({
+        dialog: (_jsx(Dialog, { ...initialProps, ...props, onClose: () => {
+                close();
+                props.onClose?.();
+            } })),
+        ...options,
+    }), [Dialog, open, close]);
+    return { open: openDialog, close, ...rest };
+}
+//# sourceMappingURL=useDialog.js.map

package/lib/ui-kit/DialogManager/useDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.js","sourceRoot":"","sources":["../../../src/ui-kit/DialogManager/useDialog.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAG1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,UAAU,SAAS,CACvB,MAA2B,EAC3B,eAA+B,EAAE;IAEjC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEpD,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,KAAmC,EAAE,UAAkC,EAAE,EAAE,EAAE,CAC5E,IAAI,CAAC;QACH,MAAM,EAAE,CACN,KAAC,MAAM,OACD,YAAY,KACZ,KAAK,EACT,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,EAAE,CAAC;gBACR,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;YACpB,CAAC,GACD,CACH;QACD,GAAG,OAAO;KACX,CAAC,EACJ,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CACtB,CAAC;IAEF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,CAAC;AAC9C,CAAC"}

package/lib/ui-kit/DialogManager/useDialogManager.d.ts

@@ -1,10 +1,7 @@
-import { type VNode } from '../../model/VNode';
-export interface DialogOptions {
-    id?: string;
-    onClose?: () => void;
-}
 export declare const useDialogManager: () => {
-    open: (dialog: VNode, options?: DialogOptions) => void;
+    open: (action: Omit<import("./DialogAction").DialogOptions & {
+        type: "open";
+    }, "type">) => void;
     close: () => void;
     closeAll: () => void;
 };

package/lib/ui-kit/DialogManager/useDialogManager.js

@@ -1,7 +1,4 @@
+import { useEmitterWithActions } from '@redneckz/uni-jsx/lib/EventBus/useEmitterWithActions';
 import { defaultEventBus } from '../../EventBus/defaultEventBus.js';
-export const useDialogManager = () => ({
-    open: (dialog, options = {}) => defaultEventBus.fire('dialog', { type: 'open', dialog, ...options }),
-    close: () => defaultEventBus.fire('dialog', { type: 'close' }),
-    closeAll: () => defaultEventBus.fire('dialog', { type: 'close', all: true }),
-});
+export const useDialogManager = () => useEmitterWithActions(defaultEventBus.emitter, 'dialog');
 //# sourceMappingURL=useDialogManager.js.map

package/lib/ui-kit/DialogManager/useDialogManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDialogManager.js","sourceRoot":"","sources":["../../../src/ui-kit/DialogManager/useDialogManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAQjE,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,CAAC;IACrC,IAAI,EAAE,CAAC,MAAa,EAAE,UAAyB,EAAE,EAAE,EAAE,CACnD,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,CAAC;IACtE,KAAK,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;IAC9D,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;CAC7E,CAAC,CAAC"}
+{"version":3,"file":"useDialogManager.js","sourceRoot":"","sources":["../../../src/ui-kit/DialogManager/useDialogManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,eAAe,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC"}

package/lib/ui-kit/DialogManager/useDialogsList.d.ts

@@ -1,7 +1,8 @@
-import { type DialogOpenAction } from './DialogAction';
-interface DialogsListOptions {
-    onCloseAll?: (dialogs: DialogOpenAction[]) => void;
-    onClose?: (_: DialogOpenAction) => void;
-}
-export declare const useDialogsList: ({ onCloseAll, onClose, }?: DialogsListOptions) => DialogOpenAction[];
-export {};
+import type { DialogOptions } from './DialogAction';
+export declare const useDialogsList: () => [
+    DialogOptions[],
+    {
+        closeAll: () => void;
+        close: () => void;
+    }
+];

package/lib/ui-kit/DialogManager/useDialogsList.js

@@ -1,34 +1,13 @@
-import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useObservableWithActions } from '@redneckz/uni-jsx/lib/EventBus/useObservableWithActions';
 import { useList } from '@redneckz/uni-jsx/lib/hooks/useList';
 import { defaultEventBus } from '../../EventBus/defaultEventBus.js';
-import { assertUnreachable } from '../../utils/assertUnreachable.js';
-export const useDialogsList = ({ onCloseAll, onClose, } = {}) => {
+export const useDialogsList = () => {
     const [dialogs, { push, pop, clear }] = useList();
-    const closeAll = useCallback(() => {
-        onCloseAll && onCloseAll(dialogs);
-        clear();
-    }, [dialogs, onCloseAll]);
-    const close = useCallback(() => {
-        onClose && onClose(dialogs[dialogs.length - 1]);
-        pop();
-    }, [dialogs, onClose]);
-    useEffect(() => defaultEventBus.subscribe('dialog', (action) => {
-        switch (action.type) {
-            case 'open':
-                push(action);
-                break;
-            case 'close':
-                if (action.all) {
-                    closeAll();
-                }
-                else {
-                    close();
-                }
-                break;
-            default:
-                assertUnreachable(action);
-        }
-    }), [closeAll, close]);
-    return dialogs;
+    useObservableWithActions(defaultEventBus.observable, 'dialog', {
+        open: push,
+        close: pop,
+        closeAll: clear,
+    });
+    return [dialogs, { close: pop, closeAll: clear }];
 };
 //# sourceMappingURL=useDialogsList.js.map

package/lib/ui-kit/DialogManager/useDialogsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDialogsList.js","sourceRoot":"","sources":["../../../src/ui-kit/DialogManager/useDialogsList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAQlE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,UAAU,EACV,OAAO,MACe,EAAE,EAAsB,EAAE;IAChD,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,EAAoB,CAAC;IAEpE,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,UAAU,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC;QAClC,KAAK,EAAE,CAAC;IACV,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1B,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QAChD,GAAG,EAAE,CAAC;IACR,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,SAAS,CACP,GAAG,EAAE,CACH,eAAe,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;QAC7C,QAAQ,MAAM,CAAC,IAAI,EAAE;YACnB,KAAK,MAAM;gBACT,IAAI,CAAC,MAAM,CAAC,CAAC;gBACb,MAAM;YACR,KAAK,OAAO;gBACV,IAAI,MAAM,CAAC,GAAG,EAAE;oBACd,QAAQ,EAAE,CAAC;iBACZ;qBAAM;oBACL,KAAK,EAAE,CAAC;iBACT;gBACD,MAAM;YACR;gBACE,iBAAiB,CAAC,MAAM,CAAC,CAAC;SAC7B;IACH,CAAC,CAAC,EACJ,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}
+{"version":3,"file":"useDialogsList.js","sourceRoot":"","sources":["../../../src/ui-kit/DialogManager/useDialogsList.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,yDAAyD,CAAC;AACnG,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGjE,MAAM,CAAC,MAAM,cAAc,GAAG,GAG5B,EAAE;IACF,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,EAAiB,CAAC;IAEjE,wBAAwB,CAAC,eAAe,CAAC,UAAU,EAAE,QAAQ,EAAE;QAC7D,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IAEH,OAAO,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;AACpD,CAAC,CAAC"}

package/lib/ui-kit/Foldable/DefaultFoldButton.d.ts

@@ -1,14 +1,8 @@
-import { type ColorPalette } from '../../model/ContentPageBase';
-import { type IconName } from '../Icon/IconProps';
-import { type FoldablePartProps } from './FoldablePartProps';
-interface DefaultFoldButtonProps {
-    className?: string;
-    label: string;
-    icon: IconName;
-    dataTheme?: ColorPalette;
-    disabled?: boolean;
-    onClick?: () => void;
+import { type ButtonProps } from '../Button/Button';
+interface DefaultFoldButtonProps extends ButtonProps {
+    isUnfolded?: boolean;
+    short?: boolean;
+    label?: string;
 }
 export declare const DefaultFoldButton: import("@redneckz/uni-jsx").UNIComponent<DefaultFoldButtonProps, any, any>;
-export declare const renderDefaultFoldButton: ({ isUnfolded, onToggle }: FoldablePartProps) => JSX.Element;
 export {};

package/lib/ui-kit/Foldable/DefaultFoldButton.js

@@ -1,18 +1,8 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style.js';
-import { Img } from '../Img/Img.js';
-import { Text } from '../Text/Text.js';
-import { TextWithIcon } from '../TextWithIcon/TextWithIcon.js';
-export const DefaultFoldButton = JSX(({ className = '', label, icon, dataTheme = 'pc', disabled = false, onClick }) => (_jsx(TextWithIcon, { tag: "button", onClick: onClick, disabled: disabled, "data-theme": dataTheme, justifyContent: "center", role: "button", className: style('py-4 border border-transparent outline-none focus:border-primary-text space-x-s', disabled
-        ? 'bg-main-divider text-main-disabled hover:bg-main-divider'
-        : 'bg-primary-main text-white hover:bg-primary-hove', className), textNode: _jsx(Text, { size: "text-h4", children: label }), iconNode: icon ? (_jsx(Img, { image: {
-            icon,
-            iconVersion: 'white',
-        }, className: "my-auto", width: "20", height: "20" })) : null })));
-export const renderDefaultFoldButton = ({ isUnfolded, onToggle }) => {
-    const labels = ['Развернуть', 'Скрыть'];
-    const icons = ['ArrowDownIcon', 'ArrowUpIcon'];
-    return (_jsx(DefaultFoldButton, { icon: icons[Number(isUnfolded)], label: labels[Number(isUnfolded)], onClick: onToggle }));
-};
+import { Button } from '../Button/Button.js';
+import { ButtonTitle } from '../Button/ButtonTitle.js';
+import { ToggleIcon } from '../Icon/ToggleIcon.js';
+export const DefaultFoldButton = JSX(({ className, isUnfolded, short, label = isUnfolded ? 'Скрыть' : 'Развернуть', embedded, ...rest }) => (_jsxs(Button, { className: style({ 'w-full': !short }, className), embedded: embedded, shape: short ? 'default' : 'square', role: "tab", "aria-label": "\u041A\u043D\u043E\u043F\u043A\u0430 \u0441\u0432\u043E\u0440\u0430\u0447\u0438\u0432\u0430\u044E\u0449\u0435\u0439\u0441\u044F \u0441\u0435\u043A\u0446\u0438\u0438", ...rest, children: [_jsx(ButtonTitle, { children: label }), _jsx(ToggleIcon, { isUnfolded: isUnfolded, iconVersion: embedded ? 'color' : '' })] })));
 //# sourceMappingURL=DefaultFoldButton.js.map

package/lib/ui-kit/Foldable/DefaultFoldButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultFoldButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/DefaultFoldButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAY5D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChF,KAAC,YAAY,IACX,GAAG,EAAC,QAAQ,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,cAAc,EAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,KAAK,CACd,iFAAiF,EACjF,QAAQ;QACN,CAAC,CAAC,0DAA0D;QAC5D,CAAC,CAAC,kDAAkD,EACtD,SAAS,CACV,EACD,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,YAAE,KAAK,GAAQ,EAC7C,QAAQ,EACN,IAAI,CAAC,CAAC,CAAC,CACL,KAAC,GAAG,IACF,KAAK,EAAE;YACL,IAAI;YACJ,WAAW,EAAE,OAAO;SACrB,EACD,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACX,CACH,CAAC,CAAC,CAAC,IAAI,GAEV,CACH,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACrF,MAAM,MAAM,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IACxC,MAAM,KAAK,GAAe,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IAE3D,OAAO,CACL,KAAC,iBAAiB,IAChB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EACjC,OAAO,EAAE,QAAQ,GACjB,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"DefaultFoldButton.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/DefaultFoldButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAoB,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAQhD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EACC,SAAS,EACT,UAAU,EACV,KAAK,EACL,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAC5C,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,MAAC,MAAM,IACL,SAAS,EAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,SAAS,CAAC,EACjD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACnC,IAAI,EAAC,KAAK,gBACC,sKAA+B,KACtC,IAAI,aAER,KAAC,WAAW,cAAE,KAAK,GAAe,EAClC,KAAC,UAAU,IAAC,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAI,IACrE,CACV,CACF,CAAC"}

package/lib/ui-kit/Foldable/Foldable.d.ts

@@ -1,10 +1,5 @@
-import { type VNode } from '../../model/VNode';
-import { type FoldablePartProps } from './FoldablePartProps';
-export interface FoldableProps {
+import { type ARIAProps } from '../ARIAProps';
+export interface FoldableProps extends ARIAProps {
     className?: string;
-    unfoldedByDefault?: boolean;
-    isFoldButtonOnTop?: boolean;
-    renderFoldableSection: (props: FoldablePartProps) => VNode;
-    renderFoldButton?: ((props: FoldablePartProps) => VNode) | null;
 }
 export declare const Foldable: import("@redneckz/uni-jsx").UNIComponent<FoldableProps, any, any>;

package/lib/ui-kit/Foldable/Foldable.js

@@ -1,13 +1,6 @@
-import { jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-export const Foldable = JSX(({ className = '', isFoldButtonOnTop = false, unfoldedByDefault = false, renderFoldableSection, renderFoldButton, }) => {
-    const [isUnfolded, setIsUnfolded] = useState(unfoldedByDefault);
-    const onToggle = useCallback(() => {
-        setIsUnfolded((_) => !_);
-    }, []);
-    const sectionNode = renderFoldableSection({ isUnfolded, onToggle });
-    const buttonNode = renderFoldButton ? renderFoldButton({ isUnfolded, onToggle }) : null;
-    return isFoldButtonOnTop ? (_jsxs("div", { className: className, role: "group", children: [buttonNode, sectionNode] })) : (_jsxs("div", { className: className, role: "group", children: [sectionNode, buttonNode] }));
-});
+import { style } from '../../utils/style.js';
+// TODO Не особо полезно, в итоге
+export const Foldable = JSX(({ className, role = 'tablist', children }) => (_jsx("div", { className: style(className), role: role, children: children })));
 //# sourceMappingURL=Foldable.js.map