@qoretechnologies/reqore 0.67.6 → 0.68.1

package/dist/esm/components/Menu/section.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { useCloneThroughFragments } from '../../hooks/useCloneThroughFragments';
+import ReqoreButton from '../Button';
+import ReqoreControlGroup from '../ControlGroup';
+export const ReqoreMenuSection = ({ children, customTheme, wrap, flat, minimal, collapsible = true, isCollapsed, activeIntent, onCollapseChange, ...rest }) => {
+    const [_isCollapsed, setIsCollapsed] = useState(isCollapsed);
+    useEffect(() => {
+        setIsCollapsed(isCollapsed);
+    }, [isCollapsed]);
+    const handleCollapseChange = useCallback((event) => {
+        if (collapsible) {
+            setIsCollapsed(!_isCollapsed);
+            onCollapseChange?.(!_isCollapsed);
+        }
+        rest.onClick?.(event);
+    }, [_isCollapsed, onCollapseChange, collapsible, rest.onClick]);
+    const { clone } = useCloneThroughFragments((props) => ({
+        customTheme: props?.customTheme || customTheme,
+        wrap: 'wrap' in (props || {}) ? props.wrap : wrap,
+        flat: 'flat' in (props || {}) ? props.flat : flat,
+        minimal: 'minimal' in (props || {}) ? props.minimal : minimal,
+    }));
+    return (_jsxs(ReqoreControlGroup, { vertical: true, fluid: true, className: 'reqore-menu-section', children: [_jsx(ReqoreButton, { wrap: wrap, flat: flat, minimal: minimal, active: collapsible && !_isCollapsed, customTheme: customTheme, ...rest, className: `${rest.className || ''} reqore-menu-section-toggle`, intent: collapsible && !_isCollapsed ? activeIntent : rest.intent, fluid: true, onClick: handleCollapseChange, rightIcon: rest.rightIcon || (collapsible ? 'ArrowRightSLine' : 'ArrowDownSLine'), rightIconProps: {
+                    rotation: collapsible && !_isCollapsed ? 90 : 0,
+                } }), !_isCollapsed || !collapsible ? (_jsx(ReqoreControlGroup, { vertical: true, fluid: true, style: { paddingLeft: '10px' }, children: clone(children) })) : null] }));
+};
+//# sourceMappingURL=section.js.map

package/dist/esm/components/Menu/section.js.map

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

package/dist/esm/components/Message/index.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { animated } from '@react-spring/web';
+import { forwardRef, memo, useEffect, useMemo, useState } from 'react';
+import { useMount, useUnmount } from 'react-use';
+import ReqoreThemeProvider from '../../containers/ThemeProvider';
+import { getColorFromMaybeString } from '../../helpers/colors';
+import { useReqoreTheme } from '../../hooks/useTheme';
+import { ReqoreHeading } from '../Header';
+import ReqoreIcon from '../Icon';
+import { StyledIconWrapper, StyledNotificationContent, StyledNotificationContentWrapper, StyledNotificationInnerContent, StyledReqoreNotification, typeToIcon, } from '../Notifications/notification';
+import { ReqoreSpinner } from '../Spinner';
+import { ReqoreTooltipComponent } from '../TooltipComponent';
+const ReqoreMessage = memo(forwardRef(({ intent, icon, title, children, onClose, onClick, duration, onFinish, flat, minimal, size = 'normal', customTheme, inheritCustomTheme, iconColor, fixed, fluid, iconProps, ...rest }, ref) => {
+    const [internalTimeout, setInternalTimeout] = useState(null);
+    const theme = useReqoreTheme('main', customTheme, intent, undefined, inheritCustomTheme);
+    useMount(() => {
+        if (duration) {
+            setInternalTimeout(setTimeout(() => {
+                onFinish && onFinish();
+            }, duration));
+        }
+    });
+    useEffect(() => {
+        if (internalTimeout) {
+            clearTimeout(internalTimeout);
+            setInternalTimeout(setTimeout(() => {
+                onFinish && onFinish();
+            }, duration));
+        }
+    }, [duration, intent, children, title]);
+    useUnmount(() => {
+        if (internalTimeout) {
+            clearTimeout(internalTimeout);
+        }
+    });
+    const leftIcon = useMemo(() => icon || (intent ? typeToIcon[intent] : undefined), [icon, intent]);
+    const effect = useMemo(() => ({
+        interactive: !!onClick,
+        ...rest?.effect,
+    }), [!!onClick, JSON.stringify(rest?.effect)]);
+    return (_jsx(ReqoreThemeProvider, { children: _createElement(ReqoreTooltipComponent, { ...rest, Component: StyledReqoreNotification, as: animated.div, key: `${duration}${intent}${title}${children}`, intent: intent, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, minimal: minimal, asMessage: true, fluid: fluid, fixed: fixed, className: `${rest?.className || ''} reqore-message`, ref: ref, size: size, theme: theme, effect: effect },
+            _jsxs(StyledNotificationContentWrapper, { size: size, theme: theme, children: [leftIcon ? (_jsx(_Fragment, { children: intent === 'pending' ? (_jsx(ReqoreSpinner, { size: size, iconColor: iconColor, type: 5, iconMargin: 'right', iconProps: iconProps })) : (_jsx(ReqoreIcon, { icon: leftIcon, margin: 'right', size: size, color: iconColor, ...iconProps })) })) : null, _jsxs(StyledNotificationInnerContent, { children: [title && (_jsx(ReqoreHeading, { size: size, customTheme: rest.effect?.color
+                                    ? { text: { color: getColorFromMaybeString(theme, rest.effect.color) } }
+                                    : undefined, children: title })), _jsx(StyledNotificationContent, { theme: theme, hasTitle: !!title, size: size, children: children })] })] }),
+            onClose && (_jsx(StyledIconWrapper, { theme: theme, size: size, intent: intent, clickable: true, className: 'reqore-message-close', onClick: (event) => {
+                    event.stopPropagation();
+                    onClose && onClose();
+                }, children: _jsx(ReqoreIcon, { icon: 'CloseFill', margin: 'both', size: size }) }))) }));
+}));
+export default ReqoreMessage;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Message/index.js.map

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

package/dist/esm/components/Modal/index.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { nanoid } from 'nanoid';
+import { memo, useCallback, useEffect, useMemo } from 'react';
+import { useReqoreProperty } from '../..';
+import { ReqoreDrawer } from '../Drawer';
+export const ReqoreModal = memo(({ width = '80vw', height = 'fit-content', confirmOnClose, ...rest }) => {
+    const id = useMemo(() => nanoid(), []);
+    const escClosableModals = useReqoreProperty('escClosableModals');
+    const closeModalsOnEscPress = useReqoreProperty('closeModalsOnEscPress');
+    const add = useReqoreProperty('addEscClosableModal');
+    const remove = useReqoreProperty('removeEscClosableModal');
+    const isEscClosable = rest.isOpen &&
+        rest.onClose &&
+        !rest.disabled &&
+        (rest.closeOnEscPress ?? closeModalsOnEscPress);
+    // Close last popover when ESC is pressed
+    const handleKeyDown = useCallback((event) => {
+        if (event.key === 'Escape') {
+            remove(id, rest.onClose, confirmOnClose);
+        }
+    }, [id, rest.onClose, remove, confirmOnClose]);
+    useEffect(() => {
+        if (isEscClosable) {
+            document.addEventListener('keydown', handleKeyDown);
+        }
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [escClosableModals, isEscClosable, handleKeyDown]);
+    useEffect(() => {
+        if (rest.isOpen) {
+            add(id);
+        }
+        return () => {
+            remove(id);
+        };
+    }, [id, rest.isOpen]);
+    return (_jsx(ReqoreDrawer, { closeOnEscPress: closeModalsOnEscPress, ...rest, confirmOnClose: confirmOnClose, width: width, height: height, position: 'left', _isModal: true, className: `${rest.className || ''} reqore-modal` }));
+});
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAsB,YAAY,EAAE,MAAM,WAAW,CAAC;AAe7D,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAC7B,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,MAAM,GAAG,aAAa,EAAE,cAAc,EAAE,GAAG,IAAI,EAAqB,EAAE,EAAE;IACzF,MAAM,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IACvC,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACjE,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,uBAAuB,CAAC,CAAC;IACzE,MAAM,GAAG,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,iBAAiB,CAAC,wBAAwB,CAAC,CAAC;IAE3D,MAAM,aAAa,GACjB,IAAI,CAAC,MAAM;QACX,IAAI,CAAC,OAAO;QACZ,CAAC,IAAI,CAAC,QAAQ;QACd,CAAC,IAAI,CAAC,eAAe,IAAI,qBAAqB,CAAC,CAAC;IAElD,yCAAyC;IACzC,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAAoB,EAAE,EAAE;QACvB,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;YAC1B,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;SAC1C;IACH,CAAC,EACD,CAAC,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,cAAc,CAAC,CAC3C,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,EAAE;YACjB,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;SACrD;QAED,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,iBAAiB,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,GAAG,CAAC,EAAE,CAAC,CAAC;SACT;QAED,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,EAAE,CAAC,CAAC;QACb,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,KAAC,YAAY,IACX,eAAe,EAAE,qBAAqB,KAClC,IAAI,EACR,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAC,MAAM,EACf,QAAQ,QACR,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,IAAI,EAAE,eAAe,GACjD,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/esm/components/MultiSelect/index.js

@@ -0,0 +1,146 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { omit, size } from 'lodash';
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { ReqoreDropdown, ReqoreInput } from '../..';
+import ReqoreControlGroup from '../ControlGroup';
+import ReqoreTag from '../Tag';
+import ReqoreTagGroup from '../Tag/group';
+export const ReqoreMultiSelectItem = memo(({ item, onRemoveClick, onClick, selectedItemEffect, selectedItemSize, onItemClickIcon, disabled, }) => {
+    if (!item) {
+        return null;
+    }
+    return (_jsx(ReqoreTag, { ...item, disabled: disabled || item.disabled, label: item.label || item.value, onRemoveClick: onRemoveClick, intent: item.intent, effect: !item.intent ? item.effect || selectedItemEffect : undefined, size: selectedItemSize, onClick: onClick, rightIcon: item.disabled
+            ? undefined
+            : item.rightIcon
+                ? item.rightIcon
+                : onClick
+                    ? onItemClickIcon
+                    : undefined }));
+});
+export const ReqoreMultiSelect = ({ value = [], onValueChange, onItemClick, canRemoveItems, canCreateItems, items = [], selectedItemEffect, selectedItemSize, selectorProps, openOnMount, enterKeySelects, onItemClickIcon, onItemAdded, onItemRemoved, disabled, showNoItemsMessage = true, noItemsMessageProps = {}, ...rest }) => {
+    const [createdItems, setCreatedItems] = useState([]);
+    const [query, setQuery] = useState('');
+    const popoverData = useRef(undefined);
+    const [focused, setFocused] = useState(false);
+    const isSelectorDisabled = Boolean(disabled || selectorProps?.disabled || (!size(items) && !size(createdItems) && !canCreateItems));
+    useEffect(() => {
+        if (query && !popoverData.current?.isOpen()) {
+            popoverData.current?.open();
+        }
+    }, [query]);
+    useEffect(() => {
+        if (enterKeySelects) {
+            document.addEventListener('keydown', handleKeyDown);
+        }
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    });
+    const addRemoveItem = useCallback((item) => {
+        if (value.includes(item.value)) {
+            onValueChange(value.filter((v) => v !== item.value));
+            onItemRemoved?.(item.value);
+        }
+        else {
+            onValueChange([...value, item.value]);
+            onItemAdded?.(item.value);
+        }
+    }, [value, onValueChange, onItemAdded, onItemRemoved]);
+    const handleItemSelect = useCallback((item) => {
+        addRemoveItem(item);
+        if (item.isNew) {
+            setCreatedItems([
+                ...createdItems,
+                {
+                    value: item.value,
+                },
+            ]);
+        }
+        setQuery('');
+    }, [createdItems, value, items, addRemoveItem]);
+    /*
+      This code creates a list of all items that are available
+      for selection in the dropdown. It will include the items
+      that are passed in as props, as well as any items that the
+      user has created.
+      */
+    const allItems = useMemo(() => {
+        const customItems = size(createdItems)
+            ? [{ divider: true, label: 'Custom Items' }, ...createdItems]
+            : [];
+        let filteredItems = [...items, ...customItems].filter((item) => query
+            ? item.divider
+                ? false
+                : (item.label || item.value)?.toString().toLowerCase().indexOf(query.toLowerCase()) !== -1
+            : true);
+        // Mark selected items as selected
+        filteredItems = filteredItems.map((item) => ({
+            ...omit(item, ['actions', 'asBadge', 'rightIcon']),
+            selected: value.includes(item.value),
+        }));
+        if (query && !size(filteredItems)) {
+            filteredItems = [
+                { label: 'No existing items found', readOnly: true, minimal: true, icon: 'ForbidLine' },
+            ];
+        }
+        // If there is a query and there are filtered items
+        // and there is no item that exactly matches the query, add it to the list
+        if (query &&
+            !filteredItems.some((item) => item.value === query) &&
+            canCreateItems) {
+            filteredItems = [
+                {
+                    label: `Create new "${query}"`,
+                    value: query,
+                    isNew: true,
+                    icon: 'AddCircleLine',
+                    minimal: true,
+                    flat: false,
+                    effect: {
+                        gradient: {
+                            colors: {
+                                0: 'success',
+                                100: 'success:darken:1',
+                            },
+                        },
+                    },
+                },
+                { divider: true, label: 'Items matching your query' },
+                ...filteredItems,
+            ];
+        }
+        return filteredItems;
+    }, [items, createdItems, query, value]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Enter' && focused) {
+            const item = [...items, ...createdItems].find((item) => item.value === query);
+            if (item) {
+                handleItemSelect(item);
+            }
+            else if (canCreateItems && query) {
+                handleItemSelect({
+                    value: query,
+                    isNew: true,
+                });
+            }
+        }
+    }, [items, createdItems, query, canCreateItems, focused]);
+    const getItemByValue = useCallback((value) => {
+        return [...items, ...createdItems].find((item) => item.value === value);
+    }, [items, createdItems, value]);
+    return (_jsxs(ReqoreControlGroup, { vertical: true, fluid: true, ...rest, children: [size(value) ? (_jsx(ReqoreTagGroup, { minimal: rest.minimal, size: rest.size, children: value.map((v) => (_jsx(ReqoreMultiSelectItem, { item: getItemByValue(v), onItemClickIcon: onItemClickIcon, onRemoveClick: canRemoveItems ? () => addRemoveItem(getItemByValue(v)) : undefined, onClick: onItemClick
+                        ? () => {
+                            onItemClick(getItemByValue(v));
+                        }
+                        : undefined, selectedItemEffect: selectedItemEffect, selectedItemSize: selectedItemSize, disabled: disabled }, v))) })) : showNoItemsMessage ? (_jsx(ReqoreTagGroup, { minimal: rest.minimal, size: rest.size, children: _jsx(ReqoreTag, { color: 'transparent', icon: 'ForbidLine', label: 'No items selected', ...noItemsMessageProps }) })) : null, _jsx(ReqoreControlGroup, { minimal: rest.minimal, flat: rest.flat, size: rest.size, children: _jsx(ReqoreDropdown, { useTargetWidth: true, handler: 'click', placement: 'auto-start', placeholder: canCreateItems ? 'Type to search or create an item...' : 'Type to search...', ...selectorProps, disabled: isSelectorDisabled, multiSelect: true, onFocus: () => {
+                        setFocused(true);
+                        if (!isSelectorDisabled) {
+                            popoverData.current?.open();
+                        }
+                    }, onBlur: () => setFocused(false), passPopoverData: (data) => (popoverData.current = data), component: ReqoreInput, onClearClick: () => setQuery(''), value: query, isDefaultOpen: openOnMount, onItemSelect: handleItemSelect, onChange: (e) => setQuery(e.target.value), items: size(allItems)
+                        ? allItems
+                        : canCreateItems
+                            ? [{ label: 'No items exist', readOnly: true, minimal: true, icon: 'ForbidLine' }]
+                            : [] }) })] }));
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/MultiSelect/index.js.map

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

package/dist/esm/components/Navbar/divider.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import styled from 'styled-components';
+import { getReadableColor } from '../../helpers/colors';
+const StyledNavbarDivider = styled.div `
+  position: relative;
+  width: 20px;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  &:before {
+    content: '';
+    display: block;
+    width: 1px;
+    height: 50%;
+    background-color: ${({ theme, type }) => getReadableColor(theme, undefined, undefined, true, theme[type]?.background || theme[type]?.main || theme.main)};
+    opacity: 0.2;
+  }
+`;
+const ReqoreNavbarDivider = forwardRef(({ type, ...rest }, ref) => (_jsx(StyledNavbarDivider, { ...rest, type: type, className: `${rest.className || ''} reqore-navbar-divider`, ref: ref })));
+export default ReqoreNavbarDivider;
+//# sourceMappingURL=divider.js.map

package/dist/esm/components/Navbar/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/Navbar/divider.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAOxD,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAGpC;;;;;;;;;;;;;wBAasB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CACtC,gBAAgB,CACd,KAAK,EACL,SAAS,EACT,SAAS,EACT,IAAI,EACJ,KAAK,CAAC,IAAI,CAAC,EAAE,UAAU,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,KAAK,CAAC,IAAI,CAC3D;;;CAGN,CAAC;AAEF,MAAM,mBAAmB,GAAG,UAAU,CACpC,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAA6B,EAAE,GAAQ,EAAE,EAAE,CAAC,CAC1D,KAAC,mBAAmB,OACd,IAAI,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,IAAI,EAAE,wBAAwB,EAC1D,GAAG,EAAE,GAAG,GACR,CACH,CACF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/esm/components/Navbar/group.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+export const StyledNavbarGroup = styled.div `
+  ${({ position }) => css `
+    height: 100%;
+    float: ${position};
+    color: inherit;
+    background-color: inherit;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  `}
+`;
+const ReqoreNavbarGroup = forwardRef(({ position = 'left', children, type, ...rest }, ref) => (_jsx(StyledNavbarGroup, { ...rest, className: `${rest.className || ''} reqore-navbar-group`, position: position, ref: ref, children: React.Children.map(children, (child) => child
+        ? React.cloneElement(child, {
+            type,
+            theme: rest.theme,
+            componentProps: {
+                ...child.props?.componentProps,
+                type,
+                theme: rest.theme,
+            },
+        })
+        : null) })));
+export default ReqoreNavbarGroup;
+//# sourceMappingURL=group.js.map

package/dist/esm/components/Navbar/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../../src/components/Navbar/group.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAchD,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAyB;IAChE,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAAC,GAAG,CAAA;;aAErC,QAAQ;;;;;;GAMlB;CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,UAAU,CAClC,CAAC,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,EAA2B,EAAE,GAAQ,EAAE,EAAE,CAAC,CACrF,KAAC,iBAAiB,OACZ,IAAI,EACR,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,IAAI,EAAE,sBAAsB,EACxD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,YAEP,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CACtC,KAAK;QACH,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YACxB,IAAI;YACJ,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,cAAc,EAAE;gBACd,GAAG,KAAK,CAAC,KAAK,EAAE,cAAc;gBAC9B,IAAI;gBACJ,KAAK,EAAE,IAAI,CAAC,KAAK;aAClB;SACF,CAAC;QACJ,CAAC,CAAC,IAAI,CACT,GACiB,CACrB,CACF,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/components/Navbar/index.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { darken } from 'polished';
+import React, { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+import { getMainColor, getReadableColor } from '../../helpers/colors';
+import { useReqoreTheme } from '../../hooks/useTheme';
+import { StyledEffect } from '../Effect';
+export const StyledNavbar = styled(StyledEffect) `
+  ${({ theme, type }) => css `
+    height: 50px;
+    flex-shrink: 0;
+    width: 100%;
+    padding: 0 10px;
+    color: ${theme[type]?.color ||
+    getReadableColor(theme, undefined, undefined, true, theme[type]?.background || theme[type]?.main || theme.main)};
+    background-color: ${theme[type]?.background || theme[type]?.main || theme.main};
+  `}
+
+  ${({ theme, type, flat }) => !flat
+    ? css `
+    box-shadow: rgba(31, 26, 34, 0.05) 0px ${type === 'header' ? '2px' : '-2px'} 6px;
+
+    border-${type === 'header' ? 'bottom' : 'top'}: 1px solid ${theme[type]?.border || darken(0.05, getMainColor(theme, type))};
+  `
+    : undefined}
+`;
+const ReqoreNavbar = forwardRef(({ position = 'top', children, type, customTheme, ...rest }, ref) => {
+    const theme = useReqoreTheme(type, customTheme);
+    return (_jsx(StyledNavbar, { ...rest, className: `${rest.className || ''} reqore-navbar-${type}`, position: position, type: type, ref: ref, theme: theme, children: React.Children.map(children, (child) => child
+            ? React.cloneElement(child, {
+                type,
+                theme,
+                componentProps: { theme },
+            })
+            : null) }));
+});
+export const ReqoreHeader = forwardRef((props, ref) => _jsx(ReqoreNavbar, { ...props, type: 'header', ref: ref }));
+export const ReqoreFooter = forwardRef((props, ref) => _jsx(ReqoreNavbar, { ...props, type: 'footer', ref: ref }));
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Navbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Navbar/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAiB,YAAY,EAAE,MAAM,WAAW,CAAC;AAiBxD,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,CAAoB;IAChE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAsB,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;aAKnC,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK;IAC3B,gBAAgB,CACd,KAAK,EACL,SAAS,EACT,SAAS,EACT,IAAI,EACJ,KAAK,CAAC,IAAI,CAAC,EAAE,UAAU,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,KAAK,CAAC,IAAI,CAC3D;wBACmB,KAAK,CAAC,IAAI,CAAC,EAAE,UAAU,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,KAAK,CAAC,IAAI;GAC/E;;IAEC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAsB,EAAE,EAAE,CAC9C,CAAC,IAAI;IACH,CAAC,CAAC,GAAG,CAAA;6CACkC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;;aAElE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,eACvC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAC/D;GACL;IACG,CAAC,CAAC,SAAS;CAChB,CAAC;AAEF,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,EAAsB,EAAE,GAAQ,EAAE,EAAE;IAC3F,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAEhD,OAAO,CACL,KAAC,YAAY,OACP,IAAI,EACR,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,IAAI,EAAE,kBAAkB,IAAI,EAAE,EAC1D,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,YAEX,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CACtC,KAAK;YACH,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBACxB,IAAI;gBACJ,KAAK;gBACL,cAAc,EAAE,EAAE,KAAK,EAAE;aAC1B,CAAC;YACJ,CAAC,CAAC,IAAI,CACT,GACY,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CAAC,KAAyB,EAAE,GAAQ,EAAE,EAAE,CAAC,KAAC,YAAY,OAAK,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,GAAI,CAC7F,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CAAC,KAAyB,EAAE,GAAQ,EAAE,EAAE,CAAC,KAAC,YAAY,OAAK,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,GAAI,CAC7F,CAAC"}

package/dist/esm/components/Navbar/item.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+import { changeLightness, getMainColor } from '../../helpers/colors';
+import { ActiveIconScale, DisabledElement, InactiveIconScale, ScaleIconOnHover, } from '../../styles';
+const StyledNavbarItem = styled.div `
+  height: 100%;
+  min-width: 50px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 10px;
+  color: inherit;
+  background-color: ${({ theme, active, type }) => active && (theme[type]?.hoverColor || changeLightness(getMainColor(theme, type), 0.05))};
+
+  ${InactiveIconScale}
+
+  ${({ active }) => {
+    if (active) {
+        return css `
+        ${ActiveIconScale}
+      `;
+    }
+    return undefined;
+}}
+
+  ${({ interactive, theme, type }) => {
+    if (interactive) {
+        return css `
+        transition: background-color 0.2s ease-out;
+        cursor: pointer;
+        &:hover {
+          background-color: ${theme[type]?.hoverColor ||
+            changeLightness(getMainColor(theme, type), 0.05)};
+        }
+        ${ScaleIconOnHover}
+      `;
+    }
+    return undefined;
+}}
+
+  opacity: ${({ disabled }) => disabled && 0.3};
+
+  ${({ disabled }) => disabled &&
+    css `
+      ${DisabledElement}
+    `}
+`;
+const ReqoreNavbarItem = forwardRef(({ interactive, children, type, disabled, active, ...rest }, ref) => (_jsx(StyledNavbarItem, { ...rest, className: `${rest.className || ''} reqore-navbar-item`, interactive: interactive || !!rest.onClick, disabled: disabled, active: active, type: type, ref: ref, children: children })));
+export default ReqoreNavbarItem;
+//# sourceMappingURL=item.js.map

package/dist/esm/components/Navbar/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/Navbar/item.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EACL,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,cAAc,CAAC;AAetB,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;;;sBAQrC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CAC9C,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,UAAU,IAAI,eAAe,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;;IAEvF,iBAAiB;;IAEjB,CAAC,EAAE,MAAM,EAA0B,EAAE,EAAE;IACvC,IAAI,MAAM,EAAE;QACV,OAAO,GAAG,CAAA;UACN,eAAe;OAClB,CAAC;KACH;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;;IAEC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAA0B,EAAE,EAAE;IACzD,IAAI,WAAW,EAAE;QACf,OAAO,GAAG,CAAA;;;;8BAIc,KAAK,CAAC,IAAI,CAAC,EAAE,UAAU;YAC3C,eAAe,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC;;UAEhD,gBAAgB;OACnB,CAAC;KACH;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;;aAEU,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,GAAG;;IAE1C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,GAAG,CAAA;QACC,eAAe;KAClB;CACJ,CAAC;AAEF,MAAM,gBAAgB,GAAG,UAAU,CACjC,CACE,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAA0B,EAClF,GAAQ,EACR,EAAE,CAAC,CACH,KAAC,gBAAgB,OACX,IAAI,EACR,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,IAAI,EAAE,qBAAqB,EACvD,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,EAC1C,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,YAEP,QAAQ,GACQ,CACpB,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/components/Notifications/index.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+const StyledNotificationsWrapper = styled.div `
+  position: fixed;
+  z-index: 10000;
+  padding: 0 20px 20px 20px;
+
+  ${({ positions }) => {
+    const hasTwoPositions = positions.length > 1;
+    if (hasTwoPositions) {
+        return css `
+        ${positions[0]}: 30px;
+        ${positions[1]}: 30px;
+      `;
+    }
+    return css `
+      ${positions[0]}: 30px;
+      left: 50%;
+      transform: translateX(-50%);
+    `;
+}}
+`;
+const ReqoreNotificationsWrapper = forwardRef(({ children, position = 'TOP' }, ref) => (_jsx(StyledNotificationsWrapper, { positions: position
+        .split(' ')
+        .map((p) => p.toLowerCase()), ref: ref, children: children })));
+export default ReqoreNotificationsWrapper;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Notifications/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Notifications/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAkBhD,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAA2B;;;;;IAKpE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAClB,MAAM,eAAe,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7C,IAAI,eAAe,EAAE;QACnB,OAAO,GAAG,CAAA;UACN,SAAS,CAAC,CAAC,CAAC;UACZ,SAAS,CAAC,CAAC,CAAC;OACf,CAAC;KACH;IAED,OAAO,GAAG,CAAA;QACN,SAAS,CAAC,CAAC,CAAC;;;KAGf,CAAC;AACJ,CAAC;CACF,CAAC;AAEF,MAAM,0BAA0B,GAA+C,UAAU,CAGvF,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,EAAE,GAAQ,EAAE,EAAE,CAAC,CAC9C,KAAC,0BAA0B,IACzB,SAAS,EAAE,QAAQ;SAChB,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,CAAwC,EAAU,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,EAC7E,GAAG,EAAE,GAAG,YAEP,QAAQ,GACkB,CAC9B,CAAC,CAAC;AAEH,eAAe,0BAA0B,CAAC"}