@qoretechnologies/reqore 0.67.6 → 0.68.1

package/dist/esm/constants/sizes.js

@@ -0,0 +1,363 @@
+export const ReqoreSizes = {
+    MICRO: 'micro',
+    TINY: 'tiny',
+    SMALL: 'small',
+    NORMAL: 'normal',
+    BIG: 'big',
+    HUGE: 'huge',
+    MASSIVE: 'massive',
+};
+export const SIZES = ['micro', 'tiny', 'small', 'normal', 'big', 'huge', 'massive'];
+export const SIZE_TO_MODIFIER = {
+    micro: 0.6,
+    tiny: 0.7,
+    small: 0.9,
+    normal: 1,
+    big: 1.1,
+    huge: 1.2,
+    massive: 1.4,
+};
+export const LINE_SIZE_TO_NUMBER = {
+    none: 0,
+    micro: 0.5,
+    tiny: 1,
+    small: 1,
+    normal: 1.5,
+    big: 2,
+    huge: 3,
+    massive: 4,
+};
+export const SIZE_TO_NUMBER = {
+    none: 0,
+    micro: 1,
+    tiny: 2,
+    small: 3,
+    normal: 4,
+    big: 5,
+    huge: 6,
+    massive: 7,
+};
+export const NUMBER_TO_SIZE = {
+    1: 'micro',
+    2: 'tiny',
+    3: 'small',
+    4: 'normal',
+    5: 'big',
+    6: 'huge',
+    7: 'massive',
+};
+export const HEADER_SIZE_TO_NUMBER = {
+    micro: 6,
+    tiny: 5,
+    small: 4,
+    normal: 3,
+    big: 2,
+    huge: 1,
+    massive: 1,
+};
+export const SWITCH_SIZE_TO_PX = {
+    micro: 16,
+    tiny: 20,
+    small: 26,
+    normal: 32,
+    big: 38,
+    huge: 48,
+    massive: 56,
+};
+export const SIZE_TO_PX = {
+    micro: 22,
+    tiny: 26,
+    small: 32,
+    normal: 38,
+    big: 48,
+    huge: 58,
+    massive: 68,
+};
+export const TAG_SIZE_TO_PX = {
+    micro: 10,
+    tiny: 14,
+    small: 20,
+    normal: 26,
+    big: 42,
+    huge: 52,
+    massive: 62,
+};
+export const BADGE_SIZE_TO_PX = {
+    micro: 14,
+    tiny: 17,
+    small: 20,
+    normal: 26,
+    big: 32,
+    huge: 38,
+    massive: 44,
+};
+export const TABS_SIZE_TO_PX = {
+    micro: 16,
+    tiny: 20,
+    small: 30,
+    normal: 40,
+    big: 50,
+    huge: 60,
+    massive: 70,
+};
+export const TABLE_SIZE_TO_PX = SIZE_TO_PX;
+export const TABS_PADDING_TO_PX = {
+    micro: 5,
+    tiny: 5,
+    small: 5,
+    normal: 5,
+    big: 5,
+    huge: 5,
+    massive: 5,
+};
+export const TAG_HORIZONTAL_PADDING_FROM_SIZE = {
+    micro: 2,
+    tiny: 3,
+    small: 5,
+    normal: 6,
+    big: 9,
+    huge: 13,
+    massive: 17,
+};
+export const MARGIN_FROM_SIZE = {
+    micro: 0,
+    tiny: 0,
+    small: 0,
+    normal: 10,
+    big: 20,
+    huge: 30,
+    massive: 40,
+};
+export const TEXT_FROM_SIZE = {
+    micro: 7,
+    tiny: 9,
+    small: 12,
+    normal: 15,
+    big: 18,
+    huge: 21,
+    massive: 24,
+};
+export const CONTROL_TEXT_FROM_SIZE = {
+    micro: 7,
+    tiny: 9,
+    small: 12,
+    normal: 14,
+    big: 17,
+    huge: 20,
+    massive: 23,
+};
+export const TAG_TEXT_FROM_SIZE = {
+    micro: 8,
+    tiny: 10,
+    small: 13,
+    normal: 15,
+    big: 18,
+    huge: 21,
+    massive: 24,
+};
+export const TAG_ICON_FROM_SIZE = {
+    micro: 10,
+    tiny: 12,
+    small: 14,
+    normal: 16,
+    big: 19,
+    huge: 22,
+    massive: 25,
+};
+export const ICON_FROM_SIZE = {
+    micro: 10,
+    tiny: 13,
+    small: 17,
+    normal: 20,
+    big: 26,
+    huge: 33,
+    massive: 40,
+};
+export const HALF_PADDING_FROM_SIZE = {
+    micro: 1.5,
+    tiny: 2,
+    small: 3,
+    normal: 4,
+    big: 5.5,
+    huge: 7,
+    massive: 8.5,
+};
+export const PADDING_FROM_SIZE = {
+    micro: 3,
+    tiny: 4,
+    small: 6,
+    normal: 8,
+    big: 11,
+    huge: 14,
+    massive: 17,
+};
+export const SPECIAL_PADDING_FROM_SIZE = {
+    micro: 3,
+    tiny: 4,
+    small: 6,
+    normal: 8,
+    big: 15,
+    huge: 28,
+    massive: 40,
+};
+export const TEXTAREA_PADDING_FROM_SIZE = {
+    micro: 1.5,
+    tiny: 2,
+    small: 5.5,
+    normal: 6,
+    big: 9,
+    huge: 12,
+    massive: 15,
+};
+export const CONTROL_HORIZONTAL_PADDING_FROM_SIZE = {
+    micro: 7,
+    tiny: 9,
+    small: 12,
+    normal: 14,
+    big: 17,
+    huge: 21,
+    massive: 25,
+};
+export const CONTROL_VERTICAL_PADDING_FROM_SIZE = {
+    micro: 4,
+    tiny: 5,
+    small: 6,
+    normal: 8,
+    big: 11,
+    huge: 14,
+    massive: 17,
+};
+export const CONTROL_VERTICAL_PADDING_MODIFIER_FROM_SIZE = {
+    micro: -5,
+    tiny: -4,
+    small: -2,
+    normal: 0,
+    big: 3,
+    huge: 6,
+    massive: 9,
+};
+export const RADIUS_FROM_SIZE = {
+    micro: 3,
+    tiny: 4,
+    small: 4,
+    normal: 5,
+    big: 6,
+    huge: 8,
+    massive: 10,
+};
+/**
+ * Scale used when a component receives an explicit `radiusSize` prop.
+ * Decoupled from `RADIUS_FROM_SIZE` so consumers can opt into a more
+ * pronounced corner curve (marketing surfaces, hero cards, …) without
+ * changing the default look of every Reqore component.
+ */
+export const RADIUS_FROM_RADIUS_SIZE = {
+    micro: 3,
+    tiny: 5,
+    small: 8,
+    normal: 12,
+    big: 18,
+    huge: 26,
+    massive: 36,
+};
+/**
+ * Resolve the border-radius pixel value for a component.
+ * - When `radiusSize` is set, picks from the pronounced `radiusScale`.
+ * - Otherwise falls back to the default `sizeScale[size]`.
+ *
+ * Most components use `RADIUS_FROM_SIZE` + `RADIUS_FROM_RADIUS_SIZE`, but
+ * Tag/Badge ship their own scales (`TAG_RADIUS_FROM_*`, `BADGE_RADIUS_FROM_*`)
+ * and pass those in instead.
+ */
+export const resolveRadius = (size, radiusSize, sizeScale = RADIUS_FROM_SIZE, radiusScale = RADIUS_FROM_RADIUS_SIZE) => (radiusSize ? radiusScale[radiusSize] : sizeScale[size]);
+export const TAG_RADIUS_FROM_SIZE = {
+    micro: 1,
+    tiny: 2,
+    small: 3,
+    normal: 5,
+    big: 7,
+    huge: 9,
+    massive: 11,
+};
+/** More pronounced radius for `radiusSize`-driven tag corners. */
+export const TAG_RADIUS_FROM_RADIUS_SIZE = {
+    micro: 2,
+    tiny: 4,
+    small: 6,
+    normal: 9,
+    big: 14,
+    huge: 20,
+    massive: 28,
+};
+export const BADGE_RADIUS_FROM_SIZE = {
+    micro: 5,
+    tiny: 6,
+    small: 7,
+    normal: 9,
+    big: 11,
+    huge: 13,
+    massive: 15,
+};
+/** More pronounced radius for `radiusSize`-driven badge corners. */
+export const BADGE_RADIUS_FROM_RADIUS_SIZE = {
+    micro: 6,
+    tiny: 8,
+    small: 12,
+    normal: 16,
+    big: 20,
+    huge: 26,
+    massive: 32,
+};
+export const GAP_FROM_SIZE = {
+    micro: 0.5,
+    tiny: 1,
+    small: 3,
+    normal: 5,
+    big: 18,
+    huge: 30,
+    massive: 42,
+};
+export const RATING_GAP_FROM_SIZE = {
+    micro: 0.5,
+    tiny: 1,
+    small: 3,
+    normal: 5,
+    big: 7,
+    huge: 9,
+    massive: 12,
+};
+export const ICON_FROM_HEADER_SIZE = {
+    1: 23,
+    2: 20,
+    3: 17,
+    4: 14,
+    5: 11,
+    6: 8,
+};
+export const ICON_WRAPPER_FROM_HEADER_SIZE = {
+    massive: 38,
+    huge: 34,
+    big: 26,
+    normal: 19,
+    small: 17,
+    tiny: 15,
+    micro: 13,
+};
+export const WEIGHT_TO_NUMBER = {
+    thin: 100,
+    light: 250,
+    normal: 400,
+    bold: 500,
+    thick: 600,
+};
+export const PILL_RADIUS_MODIFIER = 3.5;
+export const PROGRESS_HEIGHT_FROM_SIZE = {
+    micro: 2,
+    tiny: 3,
+    small: 4,
+    normal: 6,
+    big: 8,
+    huge: 10,
+    massive: 14,
+};
+//# sourceMappingURL=sizes.js.map

package/dist/esm/constants/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../../src/constants/sizes.ts"],"names":[],"mappings":"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"}

package/dist/esm/constants/theme.js

@@ -0,0 +1,40 @@
+import { Colors } from './colors';
+export const DEFAULT_INTENTS = {
+    info: Colors.BLUE,
+    success: Colors.GREEN,
+    pending: Colors.YELLOW,
+    warning: Colors.ORANGE,
+    danger: Colors.RED,
+    muted: Colors.GRAY,
+    black: Colors.DARK,
+    white: Colors.LIGHT,
+    custom1: Colors.GRAY,
+    custom2: Colors.GRAY,
+    custom3: Colors.GRAY,
+    custom4: Colors.GRAY,
+    custom5: Colors.GRAY,
+};
+export const DEFAULT_THEME = {
+    main: Colors.DARK_THEME,
+    text: {
+        dim: true,
+    },
+    intents: DEFAULT_INTENTS,
+    notifications: {},
+};
+export const ReqoreIntents = {
+    INFO: 'info',
+    SUCCESS: 'success',
+    PENDING: 'pending',
+    WARNING: 'warning',
+    DANGER: 'danger',
+    MUTED: 'muted',
+    BLACK: 'black',
+    WHITE: 'white',
+    CUSTOM1: 'custom1',
+    CUSTOM2: 'custom2',
+    CUSTOM3: 'custom3',
+    CUSTOM4: 'custom4',
+    CUSTOM5: 'custom5',
+};
+//# sourceMappingURL=theme.js.map

package/dist/esm/constants/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/constants/theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAiGlC,MAAM,CAAC,MAAM,eAAe,GAAmB;IAC7C,IAAI,EAAE,MAAM,CAAC,IAAI;IACjB,OAAO,EAAE,MAAM,CAAC,KAAK;IACrB,OAAO,EAAE,MAAM,CAAC,MAAM;IACtB,OAAO,EAAE,MAAM,CAAC,MAAM;IACtB,MAAM,EAAE,MAAM,CAAC,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC,IAAI;IAClB,KAAK,EAAE,MAAM,CAAC,IAAI;IAClB,KAAK,EAAE,MAAM,CAAC,KAAK;IAEnB,OAAO,EAAE,MAAM,CAAC,IAAI;IACpB,OAAO,EAAE,MAAM,CAAC,IAAI;IACpB,OAAO,EAAE,MAAM,CAAC,IAAI;IACpB,OAAO,EAAE,MAAM,CAAC,IAAI;IACpB,OAAO,EAAE,MAAM,CAAC,IAAI;CACrB,CAAC;AAIF,MAAM,CAAC,MAAM,aAAa,GAAiB;IACzC,IAAI,EAAE,MAAM,CAAC,UAAU;IACvB,IAAI,EAAE;QACJ,GAAG,EAAE,IAAI;KACV;IACD,OAAO,EAAE,eAAe;IACxB,aAAa,EAAE,EAAE;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAqC;IAC7D,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAC"}

package/dist/esm/containers/Paging.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from 'react';
+import { ReqorePagination, } from '../components/Paging';
+import { ReqoreVerticalSpacer } from '../components/Spacer';
+import { getPaginationOptionsFromType, } from '../constants/paging';
+import { PADDING_FROM_SIZE } from '../constants/sizes';
+import { useReqorePaging } from '../hooks/usePaging';
+function PagingControls({ withSpacer, position, pagingData, componentOptions, scrollContainer, size, ...pagingProps }) {
+    return pagingData.renderControls ? (_jsxs(_Fragment, { children: [withSpacer && position === 'bottom' ? (_jsx(ReqoreVerticalSpacer, { height: PADDING_FROM_SIZE[size] })) : null, _jsx(ReqorePagination, { size: size, ...pagingData, ...componentOptions, scrollContainer: scrollContainer, ...pagingProps }, `reqore-pagination-${position}`), withSpacer && position === 'top' ? (_jsx(ReqoreVerticalSpacer, { height: PADDING_FROM_SIZE[size] })) : null] })) : null;
+}
+function PagingContainer({ type, items, scrollContainer, children, size = 'normal', }) {
+    const { pagingOptions = {}, componentOptions = {}, pageControlsPosition = 'bottom', includeTopControls = true, includeBottomControls = true, } = useMemo(() => getPaginationOptionsFromType(type), [type]);
+    const { items: finalItems, applyPaging, ...pagingData } = useReqorePaging({
+        items,
+        ...pagingOptions,
+        enabled: !!type,
+    });
+    return (_jsxs(_Fragment, { children: [includeTopControls && (pageControlsPosition === 'top' || pageControlsPosition === 'both') ? (_jsx(PagingControls, { position: 'top', withSpacer: true, scrollContainer: scrollContainer, size: size, pagingData: pagingData, pagingOptions: pagingOptions, componentOptions: componentOptions, autoLoadMore: false, scrollOnLoadMore: false }, 'top-paging')) : null, children(finalItems, _jsx(PagingControls, { scrollContainer: scrollContainer, size: size, pagingData: pagingData, pagingOptions: pagingOptions, componentOptions: componentOptions }, 'custom-paging'), {
+                pagingOptions,
+                applyPaging,
+                componentOptions,
+                pageControlsPosition,
+                includeTopControls,
+                includeBottomControls,
+            }), includeBottomControls &&
+                (pageControlsPosition === 'bottom' || pageControlsPosition === 'both') ? (_jsx(PagingControls, { position: 'bottom', withSpacer: true, scrollContainer: scrollContainer, size: size, pagingData: pagingData, pagingOptions: pagingOptions, componentOptions: componentOptions }, 'bottom-paging')) : null] }));
+}
+export const ReqorePaginationContainer = memo(PagingContainer);
+//# sourceMappingURL=Paging.js.map

package/dist/esm/containers/Paging.js.map

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

package/dist/esm/containers/ReqoreProvider.js

@@ -0,0 +1,239 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { last, size } from 'lodash';
+import { nanoid } from 'nanoid';
+import { memo, useCallback, useMemo, useRef, useState } from 'react';
+import { useMedia } from 'react-use';
+import { useContext } from 'use-context-selector';
+import { create } from 'zustand';
+import { ReqoreModal, ReqoreTextEffect } from '..';
+import ReqoreNotificationsWrapper from '../components/Notifications';
+import ReqoreNotification from '../components/Notifications/notification';
+import ReqoreContext from '../context/ReqoreContext';
+import ThemeContext from '../context/ThemeContext';
+const DEFAULT_ERROR_BOUNDARY_OPTIONS = {
+    errorMessage: 'There was an error rendering this component. You can try resetting or refreshing the page.',
+};
+const DEFAULT_TOOLTIP_OPTIONS = { delay: 0 };
+const NOTIFICATION_POSITIONS = [
+    'TOP',
+    'BOTTOM',
+    'TOP LEFT',
+    'TOP RIGHT',
+    'BOTTOM LEFT',
+    'BOTTOM RIGHT',
+];
+export const modalStore = create((set) => ({
+    modals: {},
+    addModal: (modal, id = nanoid(), options) => {
+        set((cur) => ({
+            modals: {
+                ...cur.modals,
+                [id]: {
+                    modal,
+                    options: {
+                        closable: options?.closable ?? true,
+                    },
+                },
+            },
+        }));
+        return id;
+    },
+    removeModal: (id) => set((cur) => {
+        const newModals = { ...cur.modals };
+        delete newModals[id];
+        return {
+            modals: newModals,
+        };
+    }),
+}));
+const ReqoreProvider = memo(({ children, options = {} }) => {
+    const [notifications, setNotifications] = useState([]);
+    const { addModal, removeModal } = modalStore();
+    const [escClosableModals, setEscClosableModals] = useState([]);
+    const [confirmationModal, setConfirmationModal] = useState({});
+    const theme = useContext(ThemeContext);
+    const latestZIndex = useRef(9000);
+    const isMobile = process.env.NODE_ENV === 'test' ? false : useMedia('(max-width: 480px)');
+    const isTablet = process.env.NODE_ENV === 'test'
+        ? false
+        : useMedia('(min-width: 480px) and (max-width: 1200px)');
+    const isMobileOrTablet = isMobile || isTablet;
+    const getAndIncreaseZIndex = useCallback(() => {
+        latestZIndex.current += 1;
+        return latestZIndex.current;
+    }, []);
+    const confirmAction = useCallback((data) => {
+        setConfirmationModal({
+            ...data,
+            isOpen: true,
+        });
+    }, []);
+    // FUnction that closes the confirmation modal
+    const closeConfirmationModal = useCallback(() => {
+        setConfirmationModal((cur) => ({
+            ...cur,
+            isOpen: false,
+        }));
+    }, []);
+    const addEscClosableModal = useCallback((id) => {
+        setEscClosableModals((cur) => [...cur, id]);
+    }, []);
+    const removeEscClosableModal = useCallback((id, onRemove, confirmOnClose) => {
+        const onConfirm = (cur) => {
+            onRemove?.();
+            return [...cur].filter((modalId) => modalId !== id);
+        };
+        if (confirmOnClose) {
+            confirmAction({
+                ...(typeof confirmOnClose === 'object' ? confirmOnClose : {}),
+                onConfirm: () => {
+                    setEscClosableModals((cur) => onConfirm(cur));
+                },
+            });
+            return;
+        }
+        setEscClosableModals((cur) => {
+            // Check if the modal is still in the array and it's the last one
+            if (last(cur) === id) {
+                return onConfirm(cur);
+            }
+            return cur;
+        });
+    }, [confirmAction]);
+    const addNotification = useCallback((data) => {
+        setNotifications((cur) => {
+            let newNotifications = [...cur];
+            const id = data.id || nanoid();
+            const fixedData = {
+                position: 'TOP',
+                ...data,
+            };
+            const index = cur.findIndex((notification) => notification.id === id);
+            if (index >= 0) {
+                newNotifications[index] = fixedData;
+            }
+            else {
+                newNotifications = [...newNotifications, { ...fixedData, id }];
+            }
+            // If the length of the array is larger than 5, remove the first oldest notification
+            if (newNotifications.length > 5) {
+                newNotifications.shift();
+            }
+            return newNotifications;
+        });
+    }, []);
+    const removeNotification = (id) => {
+        setNotifications((cur) => {
+            return [...cur].filter((notification) => notification.id !== id);
+        });
+    };
+    const getNotificationsByPosition = useCallback((position) => {
+        return notifications?.filter((notification) => notification.position === position) || [];
+    }, [notifications]);
+    const notificationsByPosition = useMemo(() => {
+        const notificationsByPosition = {};
+        NOTIFICATION_POSITIONS.forEach((position) => {
+            notificationsByPosition[position] = getNotificationsByPosition(position);
+        });
+        return notificationsByPosition;
+    }, [notifications, getNotificationsByPosition]);
+    const resolvedOptions = useMemo(() => ({
+        animations: {
+            buttons: true,
+            dialogs: true,
+            popovers: true,
+            ...(options?.animations || {}),
+        },
+        tooltips: options?.tooltips ?? DEFAULT_TOOLTIP_OPTIONS,
+        closePopoversOnEscPress: options && 'closePopoversOnEscPress' in options ? options.closePopoversOnEscPress : true,
+        closeModalsOnEscPress: options && 'closeModalsOnEscPress' in options ? options.closeModalsOnEscPress : true,
+        customPortalId: options?.customPortalId,
+        uiScale: options?.uiScale,
+        glowingIcons: options?.glowingIcons ?? false,
+        errorBoundaryOptions: options?.errorBoundaryOptions || DEFAULT_ERROR_BOUNDARY_OPTIONS,
+    }), [options]);
+    const contextValue = useMemo(() => ({
+        notifications,
+        theme,
+        addNotification,
+        removeNotification,
+        addModal,
+        removeModal,
+        confirmAction,
+        isMobile,
+        isTablet,
+        isMobileOrTablet,
+        latestZIndex: latestZIndex.current,
+        getAndIncreaseZIndex,
+        animations: resolvedOptions.animations,
+        tooltips: resolvedOptions.tooltips,
+        glowingIcons: resolvedOptions.glowingIcons,
+        closePopoversOnEscPress: resolvedOptions.closePopoversOnEscPress,
+        // ESC Closable modals management
+        closeModalsOnEscPress: resolvedOptions.closeModalsOnEscPress,
+        escClosableModals,
+        addEscClosableModal,
+        removeEscClosableModal,
+        customPortalId: resolvedOptions.customPortalId,
+        uiScale: resolvedOptions.uiScale,
+        errorBoundaryOptions: resolvedOptions.errorBoundaryOptions,
+    }), [
+        notifications,
+        theme,
+        addNotification,
+        removeNotification,
+        addModal,
+        removeModal,
+        confirmAction,
+        isMobile,
+        isTablet,
+        isMobileOrTablet,
+        latestZIndex,
+        getAndIncreaseZIndex,
+        resolvedOptions,
+        escClosableModals,
+        addEscClosableModal,
+        removeEscClosableModal,
+    ]);
+    return (_jsx(_Fragment, { children: _jsxs(ReqoreContext.Provider, { value: contextValue, children: [Object.entries(notificationsByPosition).map(([position, notifications]) => size(notifications) ? (_jsx(ReqoreNotificationsWrapper, { position: position, children: notifications.map((notification) => (_createElement(ReqoreNotification, { ...notification, key: notification.id, onClick: notification.onClick
+                            ? () => void notification.onClick(notification.id)
+                            : undefined, onClose: notification.closable === false
+                            ? undefined
+                            : () => {
+                                if (notification.onClose) {
+                                    notification.onClose(notification.id);
+                                }
+                                removeNotification(notification.id);
+                            }, onFinish: () => {
+                            if (notification.onFinish) {
+                                notification.onFinish(notification.id);
+                            }
+                            removeNotification(notification.id);
+                        } }))) }, position)) : null), children, confirmationModal.isOpen && (_jsx(ReqoreModal, { isOpen: true, flat: true, opacity: 0.9, blur: 2, width: '500px', intent: confirmationModal.intent, label: confirmationModal.title || confirmationModal.label || 'Confirm your action', description: confirmationModal.description, icon: confirmationModal.icon || 'ErrorWarningFill', className: 'reqore-confirmation-modal', bottomActions: [
+                        {
+                            label: confirmationModal.cancelLabel || 'Cancel',
+                            icon: confirmationModal.cancelIcon || 'CloseLine',
+                            intent: confirmationModal.cancelButtonIntent,
+                            ...(confirmationModal.cancelButtonProps || {}),
+                            onClick: () => {
+                                closeConfirmationModal();
+                                confirmationModal?.onCancel?.();
+                            },
+                            position: 'left',
+                        },
+                        {
+                            label: confirmationModal.confirmLabel || 'Confirm',
+                            intent: confirmationModal.confirmButtonIntent || 'success',
+                            icon: confirmationModal.confirmIcon || 'CheckLine',
+                            ...(confirmationModal.confirmButtonProps || {}),
+                            onClick: () => {
+                                closeConfirmationModal();
+                                confirmationModal?.onConfirm?.();
+                            },
+                            position: 'right',
+                        },
+                    ], ...(confirmationModal.modalProps || {}), children: confirmationModal.modalProps?.children || (_jsx(ReqoreTextEffect, { as: 'p', effect: { textAlign: 'center', weight: 'bold', textSize: 'big' }, children: confirmationModal.content || 'Are you sure you want to proceed?' })) }))] }) }));
+});
+export default ReqoreProvider;
+//# sourceMappingURL=ReqoreProvider.js.map