@qoretechnologies/reqore 0.68.0 → 0.68.1

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

@@ -0,0 +1,217 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { rgba } from 'polished';
+import { forwardRef, memo, useMemo } from 'react';
+import { useMeasure } from 'react-use';
+import styled, { css } from 'styled-components';
+import { CONTROL_TEXT_FROM_SIZE, PADDING_FROM_SIZE, SIZE_TO_PX, SWITCH_SIZE_TO_PX, } from '../../constants/sizes';
+import { changeLightness, getNthGradientColor, getReadableColor, getReadableColorFrom, } from '../../helpers/colors';
+import { getOneLessSize } from '../../helpers/utils';
+import { useComponentTooltip } from '../../hooks/useComponentTooltip';
+import { useReqoreTheme } from '../../hooks/useTheme';
+import { DisabledElement, ReadOnlyElement } from '../../styles';
+import ReqoreControlGroup from '../ControlGroup';
+import { getPrimaryGradient, ReqoreTextEffect, StyledEffect, StyledTextEffect, } from '../Effect';
+import ReqoreIcon, { StyledIconWrapper } from '../Icon';
+import { ReqoreSpacer } from '../Spacer';
+const StyledSwitchToggle = styled.div `
+  transition: all 0.2s ease-in-out;
+  content: '';
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  height: ${({ size }) => SWITCH_SIZE_TO_PX[size] - 4}px;
+  width: ${({ size, width, checked }) => checked === undefined
+    ? width < SWITCH_SIZE_TO_PX[size]
+        ? width
+        : SWITCH_SIZE_TO_PX[size] - 4
+    : width || SWITCH_SIZE_TO_PX[size] - 4}px;
+  top: 50%;
+  transform: translateY(-50%) translateX(${({ checked }) => (checked === undefined ? '-50%' : 0)});
+  ${({ checked, theme, parentEffect }) => checked === undefined &&
+    css `
+      background-image: repeating-linear-gradient(
+        45deg,
+        ${rgba(parentEffect?.gradient
+        ? changeLightness(getNthGradientColor(theme, getPrimaryGradient(parentEffect.gradient)?.colors, 1), 0.1)
+        : changeLightness(theme.main, 0.1), 1)}
+          0px,
+        ${rgba(parentEffect?.gradient
+        ? changeLightness(getNthGradientColor(theme, getPrimaryGradient(parentEffect.gradient)?.colors, 2), 0.15)
+        : changeLightness(theme.main, 0.15), 1)}
+          2px,
+        ${rgba(parentEffect?.gradient
+        ? changeLightness(getNthGradientColor(theme, getPrimaryGradient(parentEffect.gradient)?.colors, 2), 0.15)
+        : changeLightness(theme.main, 0.15), 1)}
+          4px,
+        ${rgba(parentEffect?.gradient
+        ? changeLightness(getNthGradientColor(theme, getPrimaryGradient(parentEffect.gradient)?.colors, 1), 0.1)
+        : changeLightness(theme.main, 0.1), 1)}
+          6px
+      );
+    `}
+  left: ${({ checked, size, width }) => !checked
+    ? checked === undefined
+        ? '50%'
+        : '1px'
+    : `calc(100% - ${width || SWITCH_SIZE_TO_PX[size] - 4}px - 1px)`};
+  border-radius: 50px;
+  opacity: ${({ checked }) => (checked === undefined ? 0.2 : 1)};
+  background-color: ${({ theme, checked, transparent, parentEffect }) => transparent
+    ? 'transparent'
+    : !checked
+        ? parentEffect?.gradient
+            ? changeLightness(getNthGradientColor(theme, parentEffect?.gradient?.colors, 1), 0.2)
+            : changeLightness(theme.main, 0.2)
+        : parentEffect?.gradient
+            ? changeLightness(getNthGradientColor(theme, parentEffect?.gradient?.colors, 2), 0.2)
+            : changeLightness(theme.main, 0.25)};
+`;
+const StyledSwitch = styled(StyledEffect) `
+  transition: all 0.2s ease-out;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+
+  height: ${({ size }) => SWITCH_SIZE_TO_PX[size]}px;
+  min-width: ${({ size }) => SWITCH_SIZE_TO_PX[size] * 1.8}px;
+
+  border: 1px solid ${({ theme, checked }) => changeLightness(theme.main, checked ? 0.35 : 0.2)};
+  border-radius: 50px;
+
+  background-color: ${({ theme }) => rgba(changeLightness(theme.main, 0.3), 0.1)};
+
+  ${StyledIconWrapper} {
+    z-index: 1;
+  }
+
+  &:focus,
+  &:active {
+    outline: 2px solid ${({ theme }) => changeLightness(theme.main, 0.25)};
+    outline-offset: -2px;
+  }
+`;
+const StyledSwitchTextWrapper = styled(StyledTextEffect) `
+  margin: 0 ${({ size, hasMargin }) => (hasMargin ? PADDING_FROM_SIZE[size] : 0)}px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1;
+  height: 100%;
+  min-width: ${({ size }) => SWITCH_SIZE_TO_PX[size] - 4}px;
+`;
+const StyledOnSwitchText = styled(StyledSwitchTextWrapper) `
+  color: ${({ theme, checked, parentHasGradient }) => !parentHasGradient &&
+    getReadableColorFrom(checked ? changeLightness(theme.main, 0.25) : theme.originalMain)};
+`;
+const StyledOffSwitchText = styled(StyledSwitchTextWrapper) `
+  color: ${({ theme, checked, parentHasGradient }) => !parentHasGradient &&
+    getReadableColorFrom(checked ? theme.originalMain : changeLightness(theme.main, 0.2))};
+`;
+const StyledCheckbox = styled.div `
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+  padding: 0px;
+  transition: all 0.2s ease-out;
+
+  height: ${({ size }) => SIZE_TO_PX[size]}px;
+  font-size: ${({ size }) => CONTROL_TEXT_FROM_SIZE[size]}px;
+
+  max-width: ${({ fluid, fixed }) => (fluid && !fixed ? '100%' : undefined)};
+  flex: ${({ fluid, fixed }) => (fixed ? '0 auto' : fluid ? '1 auto' : '0 0 auto')};
+
+  ${({ disabled }) => disabled &&
+    css `
+      ${DisabledElement};
+    `}
+
+  ${({ readOnly }) => readOnly &&
+    css `
+      ${ReadOnlyElement};
+    `}
+
+  color: ${({ theme, checked }) => getReadableColor(theme, undefined, undefined, !checked, theme.originalMain)};
+
+  &:hover {
+    color: ${({ theme }) => getReadableColor(theme, undefined, undefined, false, theme.originalMain)};
+
+    > ${StyledSwitch} {
+      border-color: ${({ theme, checked }) => changeLightness(theme.main, checked ? 0.4 : 0.35)};
+    }
+  }
+`;
+const Checkbox = forwardRef(({ label, labelDetail, labelDetailPosition = 'right', size = 'normal', margin = 'left', checked, disabled, className, labelPosition = 'right', tooltip, asSwitch, unsetIcon, unsetIntent, uncheckedIcon, checkedIcon, uncheckedIntent, checkedIntent, readOnly, labelEffect, switchTextEffect, image, onText, offText, description, descriptionEffect, intent, effect, customTheme, inheritCustomTheme, wrapLabel, onCheckClick, onUncheckClick, ...rest }, ref) => {
+    const [offRef, { width: offWidth }] = useMeasure();
+    const [onRef, { width: onWidth }] = useMeasure();
+    const _intent = checked
+        ? checkedIntent || intent
+        : checked === undefined
+            ? unsetIntent || intent
+            : uncheckedIntent || intent;
+    const theme = useReqoreTheme('main', customTheme, _intent, undefined, inheritCustomTheme);
+    const width = useMemo(() => {
+        const selectedWidth = checked ? onWidth : offWidth;
+        const addedWidth = checked
+            ? onText || onText === 0
+                ? PADDING_FROM_SIZE[size] * 2
+                : 0
+            : offText || offText === 0
+                ? PADDING_FROM_SIZE[size] * 2
+                : 0;
+        return selectedWidth + addedWidth;
+    }, [checked, offWidth, onWidth, size]);
+    const hasText = useMemo(() => {
+        return !!(onText || offText || onText === 0 || offText === 0);
+    }, [onText, offText]);
+    const { Component, props } = useComponentTooltip({
+        ...rest,
+        theme,
+        size,
+        tooltip,
+        disabled,
+        checked,
+        readOnly,
+        className: `${className || ''} reqore-checkbox reqore-control`,
+    }, StyledCheckbox, ref);
+    return (_jsxs(Component, { ...props, children: [margin === 'left' || margin === 'both' ? (_jsx(ReqoreSpacer, { width: PADDING_FROM_SIZE[size] })) : null, label && labelPosition === 'left' ? (_jsxs(_Fragment, { children: [_jsxs(ReqoreControlGroup, { vertical: true, children: [_jsxs(ReqoreControlGroup, { children: [labelDetailPosition === 'left' && labelDetail, _jsx(ReqoreTextEffect, { active: checked, effect: {
+                                            ...labelEffect,
+                                            interactive: !disabled && !readOnly && !checked,
+                                            noWrap: !wrapLabel,
+                                        }, children: label }), labelDetailPosition === 'right' && labelDetail] }), description && (_jsx(ReqoreTextEffect, { className: 'reqore-checkbox-description', effect: {
+                                    textSize: getOneLessSize(size),
+                                    weight: 'light',
+                                    ...descriptionEffect,
+                                }, children: description }))] }), _jsx(ReqoreSpacer, { width: PADDING_FROM_SIZE[size] })] })) : null, asSwitch ? (_jsxs(StyledSwitch, { size: size, tabIndex: '0', labelPosition: labelPosition, checked: checked, theme: theme, as: 'div', effect: {
+                    interactive: !disabled && !readOnly,
+                    ...effect,
+                }, children: [_jsxs(_Fragment, { children: [_jsxs(StyledOffSwitchText, { onClick: onUncheckClick, ref: offRef, size: size, theme: theme, checked: checked, hasMargin: offText || offText === 0, parentHasGradient: !!effect?.gradient, effect: {
+                                    uppercase: true,
+                                    textSize: getOneLessSize(size),
+                                    weight: 'bold',
+                                    ...switchTextEffect,
+                                    opacity: checked || checked === undefined ? 0.3 : 1,
+                                }, children: [offText && (image || uncheckedIcon) ? (_jsx(ReqoreIcon, { size: size, image: image, icon: uncheckedIcon, effect: { grayscale: true }, margin: offText ? 'right' : undefined })) : null, offText] }), _jsxs(StyledOnSwitchText, { ref: onRef, onClick: onCheckClick, size: size, theme: theme, checked: checked, parentHasGradient: !!effect?.gradient, hasMargin: onText || onText === 0, effect: {
+                                    uppercase: true,
+                                    textSize: getOneLessSize(size),
+                                    weight: 'thick',
+                                    ...switchTextEffect,
+                                    opacity: checked ? 1 : 0.3,
+                                }, children: [onText && (image || checkedIcon) ? (_jsx(ReqoreIcon, { size: size, image: image, margin: onText ? 'right' : undefined, icon: checkedIcon })) : null, onText] })] }), _jsx(StyledSwitchToggle, { size: size, checked: checked, width: width, theme: theme, parentEffect: effect, transparent: (image || checkedIcon) && !hasText, children: !onText && !offText ? (_jsx(ReqoreIcon, { size: size, image: image, icon: checked ? checkedIcon : checked === undefined ? unsetIcon : uncheckedIcon, effect: { grayscale: !checked, opacity: checked ? 1 : 0.5 } })) : null })] })) : (_jsx(ReqoreIcon, { size: size, tabIndex: 0, icon: !image
+                    ? checked
+                        ? checkedIcon || 'CheckboxCircleFill'
+                        : uncheckedIcon || 'CheckboxBlankCircleLine'
+                    : undefined, image: image, effect: { grayscale: image ? !checked : undefined, opacity: checked ? 1 : 0.5 }, color: _intent ? theme.main : undefined })), label && labelPosition === 'right' ? (_jsxs(_Fragment, { children: [_jsx(ReqoreSpacer, { width: PADDING_FROM_SIZE[size] }), _jsxs(ReqoreControlGroup, { vertical: true, gapSize: getOneLessSize(size), children: [_jsxs(ReqoreControlGroup, { children: [labelDetailPosition === 'left' && labelDetail, _jsx(ReqoreTextEffect, { active: checked, effect: {
+                                            ...labelEffect,
+                                            interactive: !disabled && !readOnly && !checked,
+                                            noWrap: !wrapLabel,
+                                        }, children: label }), labelDetailPosition === 'right' && labelDetail] }), description && (_jsx(ReqoreTextEffect, { className: 'reqore-checkbox-description', effect: {
+                                    textSize: getOneLessSize(size),
+                                    weight: 'light',
+                                    ...descriptionEffect,
+                                }, children: description }))] })] })) : null, margin === 'right' || margin === 'both' ? (_jsx(ReqoreSpacer, { width: PADDING_FROM_SIZE[size] })) : null] }));
+});
+export default memo(Checkbox);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,298 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { map, orderBy, size } from 'lodash';
+import React, { memo, useCallback, useMemo, useState } from 'react';
+import { useUpdateEffect } from 'react-use';
+import styled, { css } from 'styled-components';
+import { ReqoreErrorBoundary, ReqoreP, useReqoreProperty } from '../..';
+import { PADDING_FROM_SIZE } from '../../constants/sizes';
+import { ReqorePaginationContainer } from '../../containers/Paging';
+import { useQueryWithDelay } from '../../hooks/useQueryWithDelay';
+import { StyledColumns } from '../Columns';
+import ReqoreControlGroup from '../ControlGroup';
+import ReqoreInput from '../Input';
+import ReqoreMessage from '../Message';
+import { ReqorePanel, ReqorePanelSkeleton, } from '../Panel';
+import { ReqoreSkeleton } from '../Skeleton';
+import { ReqoreVerticalSpacer } from '../Spacer';
+import { getZoomActions, sizeToZoom, sortTableData, zoomToSize } from '../Table/helpers';
+import { ReqoreCollectionItem } from './item';
+const CollectionGroupHeader = memo(({ name }) => (_jsx(ReqoreP, { style: { gridColumn: '1 / -1' }, effect: {
+        opacity: 0.8,
+        uppercase: true,
+        weight: 'bold',
+        textSize: 'small',
+        spaced: 1,
+    }, children: name })));
+export const StyledCollectionWrapper = styled(StyledColumns) `
+  height: ${({ height }) => (height ? `${height}` : 'auto')};
+  flex: ${({ fill }) => (fill ? 1 : undefined)};
+
+  ${({ rounded, stacked }) => (!rounded || stacked) &&
+    css `
+      border-radius: ${stacked && rounded ? '10px' : undefined};
+    `}
+
+  overflow: auto;
+  position: relative;
+`;
+export const zoomToWidth = {
+    0: '200px',
+    0.5: '300px',
+    1: '400px',
+    1.5: '500px',
+    2: '600px',
+};
+export const ReqoreCollection = memo(({ items, stacked, rounded = true, fill, maxItemHeight, filterable, inputInTitle = true, sortable, zoomable, defaultZoom, showSelectedFirst, inputProps, sortButtonProps, displayButtonProps, labelSize = 2, showAs = 'grid', showLayoutSwitch = true, selectedIcon, flat = true, minimal, transparent = true, defaultQuery, defaultSort = 'asc', defaultSortBy = 'label', skeleton, sortKeys = {}, sortByGroupFirst = true, groups: groupsConfig, onQueryChange, contentRenderer = (children, _items, searchInput) => (_jsxs(_Fragment, { children: [searchInput, !!searchInput && _jsx(ReqoreVerticalSpacer, { height: PADDING_FROM_SIZE.normal }), children] })), searchDelay = 300, emptyMessage = 'No data in this collection, try changing your search query or filters', sortButtonTooltip = (sort) => (sort === 'desc' ? 'Sort ascending' : 'Sort descending'), displayButtonTooltip = (display) => (display === 'grid' ? 'Show as list' : 'Show as grid'), inputPlaceholder = (items) => `Search in ${size(items)} items`, paging, height, 
+// Columns props
+minColumnWidth, maxColumnWidth, columns, alignItems, columnsGap = '10px', errorBoundaryOptions, children, ...rest }) => {
+    const [_showAs, setShowAs] = useState(showAs);
+    const [sort, setSort] = useState(defaultSort);
+    const [sortBy, setSortBy] = useState(defaultSortBy);
+    const [contentRef, setContentRef] = useState(undefined);
+    const isMobile = useReqoreProperty('isMobile');
+    const [zoom, setZoom] = useState(defaultZoom || sizeToZoom.normal);
+    const { query, setQuery, preQuery, setPreQuery } = useQueryWithDelay(defaultQuery, searchDelay, onQueryChange);
+    useUpdateEffect(() => {
+        setShowAs(showAs);
+    }, [showAs]);
+    const sortedItems = useMemo(() => {
+        if (!size(items)) {
+            return [];
+        }
+        const _sortBy = !!sortKeys[sortBy] ? (v) => v?.metadata?.[sortBy] : sortBy;
+        if (!_sortBy && !showSelectedFirst) {
+            return items;
+        }
+        const sortConfig = sortByGroupFirst
+            ? { by: 'group', thenBy: _sortBy, direction: sort }
+            : { by: _sortBy, thenBy: 'group', direction: sort };
+        if (showSelectedFirst) {
+            // Filter out the selected items
+            const selectedItems = items.filter((item) => item.selected);
+            // Filter out the unselected items
+            const unselectedItems = items.filter((item) => !item.selected);
+            // Sort the selected items
+            const sortedSelectedItems = sortTableData(selectedItems, sortConfig);
+            // Sort the unselected items
+            const sortedUnselectedItems = sortTableData(unselectedItems, sortConfig);
+            return [...sortedSelectedItems, ...sortedUnselectedItems];
+        }
+        return sortTableData(items, sortConfig);
+    }, [items, sort, sortBy, showSelectedFirst, sortable, sortByGroupFirst]);
+    const filteredItems = useMemo(() => {
+        if (!filterable || query === '') {
+            return sortedItems;
+        }
+        return sortedItems.filter((item) => {
+            const text = `${item.label}${item.content?.toString()}${item.expandedContent?.toString()}${item.searchString || ''}`;
+            if (!text) {
+                return false;
+            }
+            return text.toString().toLowerCase().indexOf(query.toLowerCase()) !== -1;
+        });
+    }, [items, query, sortedItems]);
+    const handlePreQueryChange = useCallback((event) => {
+        setPreQuery(event.target.value);
+    }, []);
+    const handlePreQueryClearClick = useCallback(() => {
+        setQuery('');
+        setPreQuery('');
+    }, []);
+    const finalActions = useMemo(() => {
+        const leftActions = (rest.actions || []).filter((action) => action.position !== 'right');
+        const rightActions = (rest.actions || []).filter((action) => action.position === 'right');
+        const actions = [];
+        const toolbarGroup = {
+            responsive: false,
+            icon: 'MoreLine',
+            className: 'reqore-collection-more',
+            actions: [],
+        };
+        if (showLayoutSwitch) {
+            toolbarGroup.actions = [
+                {
+                    icon: _showAs === 'grid' ? 'ListUnordered' : 'GridLine',
+                    onClick: () => setShowAs(_showAs === 'grid' ? 'list' : 'grid'),
+                    tooltip: displayButtonTooltip(_showAs),
+                    label: displayButtonTooltip(_showAs),
+                    disabled: !size(filteredItems),
+                    ...displayButtonProps,
+                },
+            ];
+        }
+        if (zoomable) {
+            toolbarGroup.actions = [
+                ...toolbarGroup.actions,
+                { divider: true, line: true },
+                ...getZoomActions('reqore-collection', zoom, setZoom, true),
+            ];
+        }
+        if (filterable && inputInTitle) {
+            actions.push({
+                as: ReqoreInput,
+                props: {
+                    key: 'search',
+                    fixed: false,
+                    placeholder: inputPlaceholder(items),
+                    onClearClick: () => {
+                        setQuery('');
+                        setPreQuery('');
+                    },
+                    onChange: handlePreQueryChange,
+                    value: preQuery,
+                    icon: 'Search2Line',
+                    minimal: false,
+                    ...inputProps,
+                },
+            });
+        }
+        if (sortable) {
+            const _sortKeys = {
+                label: 'Label',
+                intent: 'Intent',
+                ...sortKeys,
+            };
+            rightActions.push({
+                icon: sort === 'desc' ? 'SortDesc' : 'SortAsc',
+                tooltip: sortButtonTooltip(sort),
+                className: 'reqore-collection-sort',
+                fixed: true,
+                fluid: false,
+                disabled: !size(filteredItems),
+                actions: [
+                    {
+                        divider: true,
+                        label: 'Sort by',
+                        dividerAlign: 'left',
+                        minimal: true,
+                        dividerPadded: 'bottom',
+                    },
+                    ...map(_sortKeys, (label, key) => ({
+                        label,
+                        selected: sortBy === key,
+                        onClick: () => {
+                            setSortBy(key);
+                            setSort(sort === 'desc' ? 'asc' : 'desc');
+                        },
+                    })),
+                ],
+                ...sortButtonProps,
+            });
+        }
+        if (size(toolbarGroup.actions)) {
+            return [...leftActions, ...actions, ...rightActions, toolbarGroup];
+        }
+        return [...leftActions, ...actions, ...rightActions];
+    }, [
+        filterable,
+        preQuery,
+        query,
+        rest.actions,
+        _showAs,
+        sort,
+        sortable,
+        filteredItems,
+        isMobile,
+        zoom,
+        zoomable,
+        showLayoutSwitch,
+    ]);
+    const renderContent = useCallback(() => {
+        return contentRenderer(_jsx(ReqorePaginationContainer, { items: filteredItems, type: paging, size: rest.size, scrollContainer: contentRef, children: (_items, _children, { applyPaging }) => !size(applyPaging(filteredItems)) ? (children || (_jsx(ReqoreMessage, { flat: true, icon: 'Search2Line', children: emptyMessage }))) : (_jsx(StyledCollectionWrapper, { columns: columns || (_showAs === 'grid' ? 'auto-fit' : 1), columnsGap: stacked ? '0px' : columnsGap, rounded: rounded, stacked: stacked, fill: fill, ref: setContentRef, height: height, alignItems: alignItems, minColumnWidth: minColumnWidth || zoomToWidth[zoom], maxColumnWidth: maxColumnWidth, className: 'reqore-collection-content', children: (() => {
+                    const pagedItems = applyPaging(filteredItems);
+                    // When sortByGroupFirst is false, render items in flat
+                    // sorted order with inline group headers when the group
+                    // changes, preserving the primary sort field order
+                    if (!sortByGroupFirst) {
+                        let lastGroup;
+                        return pagedItems.map((item, index) => {
+                            const group = item.groups && !paging ? item.groups[0] : undefined;
+                            const showHeader = group && group !== 'Ungrouped' && group !== lastGroup;
+                            if (group) {
+                                lastGroup = group;
+                            }
+                            return (_jsxs(React.Fragment, { children: [showHeader && _jsx(CollectionGroupHeader, { name: group }), _jsx(ReqoreErrorBoundary, { ...errorBoundaryOptions, children: _jsx(ReqoreCollectionItem, { size: zoomToSize[zoom], responsiveTitle: false, ...item, icon: item.icon || (item.selected ? selectedIcon : undefined), rounded: !stacked, maxContentHeight: maxItemHeight }) })] }, index));
+                        });
+                    }
+                    // Group items by their 'groups' property
+                    // Groups is a list of strings, so an item can be in multiple groups
+                    // Sort the groups based on defaultSort
+                    const grouped = pagedItems.reduce((acc, item) => {
+                        const groups = item.groups && !paging ? item.groups : ['Ungrouped'];
+                        groups.forEach((group) => {
+                            if (!acc[group]) {
+                                acc[group] = [];
+                            }
+                            acc[group].push(item);
+                        });
+                        return acc;
+                    }, {});
+                    // Apply default sorting to the grouped items
+                    if (defaultSort) {
+                        Object.keys(grouped).forEach((group) => {
+                            grouped[group] = orderBy(grouped[group], defaultSort);
+                        });
+                    }
+                    // Also sort the group names, but keep 'Ungrouped' at the start, always
+                    const orderedGrouped = Object.keys(grouped)
+                        .sort((a, b) => {
+                        if (a === 'Ungrouped')
+                            return -1;
+                        if (b === 'Ungrouped')
+                            return 1;
+                        if (defaultSort === 'asc') {
+                            return a.localeCompare(b);
+                        }
+                        else {
+                            return b.localeCompare(a);
+                        }
+                    })
+                        .reduce((acc, group) => {
+                        acc[group] = grouped[group];
+                        return acc;
+                    }, {});
+                    // Render groups
+                    return Object.entries(orderedGrouped).map(([groupName, groupItems]) => {
+                        const groupConfig = groupsConfig?.[groupName];
+                        const itemsNodes = groupItems.map((item, index) => (_createElement(ReqoreErrorBoundary, { ...errorBoundaryOptions, key: index },
+                            _jsx(ReqoreCollectionItem, { size: zoomToSize[zoom], responsiveTitle: false, ...item, icon: item.icon || (item.selected ? selectedIcon : undefined), rounded: !stacked, maxContentHeight: maxItemHeight }))));
+                        if (groupName === 'Ungrouped') {
+                            return _jsx(React.Fragment, { children: itemsNodes }, groupName);
+                        }
+                        return (_createElement(ReqorePanel, { transparent: true, flat: true, minimal: true, padded: false, size: 'small', label: groupName, ...groupConfig, labelEffect: {
+                                opacity: 0.8,
+                                uppercase: true,
+                                weight: 'bold',
+                                textSize: 'small',
+                                spaced: 1,
+                                ...groupConfig?.labelEffect,
+                            }, key: groupName, style: { gridColumn: '1 / -1', ...groupConfig?.style }, className: `reqore-collection-group ${groupConfig?.className ?? ''}`.trim() },
+                            _jsx(StyledCollectionWrapper, { columns: columns || (_showAs === 'grid' ? 'auto-fill' : 1), columnsGap: stacked ? '0px' : columnsGap, rounded: rounded, stacked: stacked, alignItems: alignItems, minColumnWidth: minColumnWidth || zoomToWidth[zoom], maxColumnWidth: maxColumnWidth || zoomToWidth[zoom], className: 'reqore-collection-group-content', children: itemsNodes })));
+                    });
+                })() })) }, 'paging-container'), filteredItems, !inputInTitle && filterable ? (_jsx(ReqoreControlGroup, { children: _jsx(ReqoreInput, { fixed: false, placeholder: inputPlaceholder(items), onClearClick: handlePreQueryClearClick, onChange: handlePreQueryChange, value: preQuery, icon: 'Search2Line', minimal: false, size: rest.size, ...inputProps }, 'search') })) : undefined);
+    }, [
+        contentRenderer,
+        filteredItems,
+        _showAs,
+        columnsGap,
+        emptyMessage,
+        maxItemHeight,
+        rest,
+        rounded,
+        selectedIcon,
+        stacked,
+        zoom,
+        groupsConfig,
+    ]);
+    const contentStyle = useMemo(() => ({
+        overflow: fill ? 'hidden' : 'auto',
+        display: 'flex',
+        flexFlow: 'column',
+    }), [fill]);
+    if (skeleton) {
+        return (_jsx(ReqorePanelSkeleton, { size: rest.size, children: _jsxs(StyledCollectionWrapper, { columns: columns || (_showAs === 'grid' ? 'auto-fit' : 1), columnsGap: stacked ? '0px' : columnsGap, rounded: rounded, stacked: stacked, fill: fill, height: height, alignItems: alignItems, minColumnWidth: minColumnWidth || zoomToWidth[zoom], maxColumnWidth: maxColumnWidth, className: 'reqore-collection-content', children: [_jsx(ReqoreSkeleton, { height: '100px', width: '100%' }), _jsx(ReqoreSkeleton, { height: '100px', width: '100%' }), _jsx(ReqoreSkeleton, { height: '100px', width: '100%' })] }) }));
+    }
+    return (_jsx(ReqorePanel, { ...rest, labelSize: labelSize, fill: fill, contentStyle: contentStyle, transparent: transparent, minimal: minimal, flat: flat, actions: finalActions, className: `reqore-collection ${rest.className || ''}`, children: renderContent() }));
+});
+//# sourceMappingURL=index.js.map

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

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