@bit.rhplus/ui2.module-dropdown-list 0.0.1

package/ModuleInput.css

@@ -0,0 +1,232 @@
+/* Obaluji všechny styly do .module-input-container pro lokální scope */
+.module-input-container {
+  width: 100%;
+  position: relative;
+}
+
+/* Nový základní styl pro kontejner */
+.module-input-container .simple-select-container {
+  display: flex;
+  width: 100%;
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+/* Stylování select komponenty */
+.module-input-container .simple-select {
+  flex: 1;
+}
+
+/* Odstraňuje výchozí okraje antd select */
+.module-input-container .simple-select .ant-select-selector {
+  border-right: none !important;
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+/* Stylování tlačítka vyhledávání */
+.module-input-container .search-button {
+  min-width: 40px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 0 4px 4px 0;
+  margin-left: -1px; /* Překrytí hranice selectu */
+}
+
+/* Vlastní styl pro šipku dolů */
+.module-input-container .ant-select-arrow {
+  color: #bfbfbf;
+  right: 11px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* Přidána specifická třída pro naši šipku */
+.select-arrow-icon {
+  transition: transform 0.3s ease;
+  width: 12px;
+  height: 12px;
+}
+
+/* Rotace šipky při otevření selectu - přímější cílení na naši konkrétní ikonu */
+.module-input-container .ant-select.ant-select-open .select-arrow-icon {
+  transform: rotate(180deg);
+}
+
+/* Přidání explicitní polohy pro zavřený stav pro lepší kompatibilitu */
+.module-input-container .ant-select:not(.ant-select-open) .select-arrow-icon {
+  transform: rotate(0deg);
+}
+
+/* Styly pro dropdown */
+.select-dropdown-container {
+  padding-bottom: 8px;
+  font-size: 13px;
+}
+
+.search-box {
+  padding: 8px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.dropdown-search-input {
+  border-radius: 4px;
+  font-size: 13px;
+}
+
+/* Styl pro položky v dropdownu */
+.option-item {
+  display: flex;
+  align-items: center;
+  padding: 4px 0;
+  font-size: 13px;
+}
+
+.option-avatar {
+  width: 48px;
+  height: 48px;
+  background-color: #e9ebf3;
+  color: #9da1ba;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: bold;
+  margin-right: 12px;
+  font-size: 13px;
+}
+
+.option-content {
+  display: flex;
+  flex-direction: column;
+}
+
+.option-name {
+  font-weight: 500;
+  font-size: 13px;
+}
+
+.option-email {
+  font-size: 12px;
+  color: #666;
+}
+
+/* New Customer položka */
+.new-customer-item {
+  display: flex;
+  align-items: center;
+  padding-left: 8px;
+  padding-top: 7px;
+  padding-bottom: 0px;
+  cursor: pointer;
+  border-top: 1px solid #f0f0f0;
+  color: #1890ff;
+  font-size: 13px;
+}
+
+.new-customer-item:hover {
+  background-color: #f5f5f5;
+}
+
+.plus-icon {
+  margin-right: 8px;
+  font-weight: bold;
+  font-size: 16px;
+}
+
+/* Ant Form styly - necháváme je globální, protože jsou součástí Ant Design */
+.ant-form-item-label {
+  text-align: left;
+  margin-bottom: 4px;
+}
+
+/* Styling for ag-grid - necháváme je globální, protože jsou součástí ag-grid */
+.ag-theme-alpine {
+  --ag-header-height: 40px;
+  --ag-header-foreground-color: #333;
+  --ag-header-background-color: #f5f5f5;
+  --ag-row-hover-color: #f0f8ff;
+  --ag-selected-row-background-color: rgba(24, 144, 255, 0.1);
+}
+
+.ag-theme-alpine .ag-header-cell {
+  font-weight: 600;
+}
+
+.ag-theme-alpine .ag-row-hover {
+  cursor: pointer;
+}
+
+/* Nastavení globální velikosti písma pro Ant Design komponenty v rámci našeho kontejneru */
+.module-input-container .ant-select-dropdown {
+  font-size: 13px;
+}
+
+/* Aplikace velikosti písma 13px na všechny Ant Select komponenty */
+.module-input-container .ant-select,
+.module-input-container .ant-select-dropdown,
+.module-input-container .ant-select-item,
+.module-input-container .ant-select-item-option-content {
+  font-size: 13px;
+}
+
+/* Obecné pomocné třídy */
+.module-input-container .text-align-center {
+  text-align: center;
+}
+
+.module-input-container .padding {
+  padding: 16px;
+}
+
+.module-input-container .ant-select-selection-item {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: inline-block !important;
+  line-height: 30px !important;
+}
+
+.module-input-container .ant-select-selection-item,
+.ant-select-selection-item,
+.ant-select .ant-select-selection-item,
+.ant-select-single .ant-select-selection-item,
+.ant-select-single:not(.ant-select-customize-input) .ant-select-selection-item {
+  font-size: 13px !important;
+}
+
+/* Nastavení barvy pozadí pro vybranou položku v dropdown menu */
+.module-input-container .ant-select-item-option-selected,
+.ant-select-dropdown .ant-select-item-option-selected {
+  background-color: #e9ebf3 !important;
+}
+
+/* Může být potřeba upravit barvu textu pro lepší čitelnost */
+.module-input-container .ant-select-item-option-selected .option-name,
+.module-input-container .ant-select-item-option-selected .option-email {
+  color: #333; /* nebo jiná barva dle vašeho designu */
+}
+
+/* Nastavení barvy pozadí při najetí myší na položku v dropdown menu */
+.module-input-container .ant-select-item-option:hover,
+.ant-select-dropdown .ant-select-item-option:hover {
+  background-color: #408dfb !important;
+}
+
+/* Pro lepší čitelnost textu na modrém pozadí můžete změnit barvu textu na bílou */
+.module-input-container .ant-select-item-option:hover .option-name,
+.module-input-container .ant-select-item-option:hover .option-email,
+.ant-select-dropdown .ant-select-item-option:hover .option-name,
+.ant-select-dropdown .ant-select-item-option:hover .option-email {
+  color: white !important;
+}
+
+/* Případně i barvu avataru můžete upravit pro lepší kontrast */
+.module-input-container .ant-select-item-option:hover .option-avatar,
+.ant-select-dropdown .ant-select-item-option:hover .option-avatar {
+  background-color: rgba(255, 255, 255, 0.2) !important;
+  color: white !important;
+}

package/dist/ModuleInput.css

@@ -0,0 +1,232 @@
+/* Obaluji všechny styly do .module-input-container pro lokální scope */
+.module-input-container {
+  width: 100%;
+  position: relative;
+}
+
+/* Nový základní styl pro kontejner */
+.module-input-container .simple-select-container {
+  display: flex;
+  width: 100%;
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+/* Stylování select komponenty */
+.module-input-container .simple-select {
+  flex: 1;
+}
+
+/* Odstraňuje výchozí okraje antd select */
+.module-input-container .simple-select .ant-select-selector {
+  border-right: none !important;
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+/* Stylování tlačítka vyhledávání */
+.module-input-container .search-button {
+  min-width: 40px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 0 4px 4px 0;
+  margin-left: -1px; /* Překrytí hranice selectu */
+}
+
+/* Vlastní styl pro šipku dolů */
+.module-input-container .ant-select-arrow {
+  color: #bfbfbf;
+  right: 11px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* Přidána specifická třída pro naši šipku */
+.select-arrow-icon {
+  transition: transform 0.3s ease;
+  width: 12px;
+  height: 12px;
+}
+
+/* Rotace šipky při otevření selectu - přímější cílení na naši konkrétní ikonu */
+.module-input-container .ant-select.ant-select-open .select-arrow-icon {
+  transform: rotate(180deg);
+}
+
+/* Přidání explicitní polohy pro zavřený stav pro lepší kompatibilitu */
+.module-input-container .ant-select:not(.ant-select-open) .select-arrow-icon {
+  transform: rotate(0deg);
+}
+
+/* Styly pro dropdown */
+.select-dropdown-container {
+  padding-bottom: 8px;
+  font-size: 13px;
+}
+
+.search-box {
+  padding: 8px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.dropdown-search-input {
+  border-radius: 4px;
+  font-size: 13px;
+}
+
+/* Styl pro položky v dropdownu */
+.option-item {
+  display: flex;
+  align-items: center;
+  padding: 4px 0;
+  font-size: 13px;
+}
+
+.option-avatar {
+  width: 48px;
+  height: 48px;
+  background-color: #e9ebf3;
+  color: #9da1ba;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: bold;
+  margin-right: 12px;
+  font-size: 13px;
+}
+
+.option-content {
+  display: flex;
+  flex-direction: column;
+}
+
+.option-name {
+  font-weight: 500;
+  font-size: 13px;
+}
+
+.option-email {
+  font-size: 12px;
+  color: #666;
+}
+
+/* New Customer položka */
+.new-customer-item {
+  display: flex;
+  align-items: center;
+  padding-left: 8px;
+  padding-top: 7px;
+  padding-bottom: 0px;
+  cursor: pointer;
+  border-top: 1px solid #f0f0f0;
+  color: #1890ff;
+  font-size: 13px;
+}
+
+.new-customer-item:hover {
+  background-color: #f5f5f5;
+}
+
+.plus-icon {
+  margin-right: 8px;
+  font-weight: bold;
+  font-size: 16px;
+}
+
+/* Ant Form styly - necháváme je globální, protože jsou součástí Ant Design */
+.ant-form-item-label {
+  text-align: left;
+  margin-bottom: 4px;
+}
+
+/* Styling for ag-grid - necháváme je globální, protože jsou součástí ag-grid */
+.ag-theme-alpine {
+  --ag-header-height: 40px;
+  --ag-header-foreground-color: #333;
+  --ag-header-background-color: #f5f5f5;
+  --ag-row-hover-color: #f0f8ff;
+  --ag-selected-row-background-color: rgba(24, 144, 255, 0.1);
+}
+
+.ag-theme-alpine .ag-header-cell {
+  font-weight: 600;
+}
+
+.ag-theme-alpine .ag-row-hover {
+  cursor: pointer;
+}
+
+/* Nastavení globální velikosti písma pro Ant Design komponenty v rámci našeho kontejneru */
+.module-input-container .ant-select-dropdown {
+  font-size: 13px;
+}
+
+/* Aplikace velikosti písma 13px na všechny Ant Select komponenty */
+.module-input-container .ant-select,
+.module-input-container .ant-select-dropdown,
+.module-input-container .ant-select-item,
+.module-input-container .ant-select-item-option-content {
+  font-size: 13px;
+}
+
+/* Obecné pomocné třídy */
+.module-input-container .text-align-center {
+  text-align: center;
+}
+
+.module-input-container .padding {
+  padding: 16px;
+}
+
+.module-input-container .ant-select-selection-item {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: inline-block !important;
+  line-height: 30px !important;
+}
+
+.module-input-container .ant-select-selection-item,
+.ant-select-selection-item,
+.ant-select .ant-select-selection-item,
+.ant-select-single .ant-select-selection-item,
+.ant-select-single:not(.ant-select-customize-input) .ant-select-selection-item {
+  font-size: 13px !important;
+}
+
+/* Nastavení barvy pozadí pro vybranou položku v dropdown menu */
+.module-input-container .ant-select-item-option-selected,
+.ant-select-dropdown .ant-select-item-option-selected {
+  background-color: #e9ebf3 !important;
+}
+
+/* Může být potřeba upravit barvu textu pro lepší čitelnost */
+.module-input-container .ant-select-item-option-selected .option-name,
+.module-input-container .ant-select-item-option-selected .option-email {
+  color: #333; /* nebo jiná barva dle vašeho designu */
+}
+
+/* Nastavení barvy pozadí při najetí myší na položku v dropdown menu */
+.module-input-container .ant-select-item-option:hover,
+.ant-select-dropdown .ant-select-item-option:hover {
+  background-color: #408dfb !important;
+}
+
+/* Pro lepší čitelnost textu na modrém pozadí můžete změnit barvu textu na bílou */
+.module-input-container .ant-select-item-option:hover .option-name,
+.module-input-container .ant-select-item-option:hover .option-email,
+.ant-select-dropdown .ant-select-item-option:hover .option-name,
+.ant-select-dropdown .ant-select-item-option:hover .option-email {
+  color: white !important;
+}
+
+/* Případně i barvu avataru můžete upravit pro lepší kontrast */
+.module-input-container .ant-select-item-option:hover .option-avatar,
+.ant-select-dropdown .ant-select-item-option:hover .option-avatar {
+  background-color: rgba(255, 255, 255, 0.2) !important;
+  color: white !important;
+}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export default ModuleDropdownList;
+/**
+ * ModuleDropdownList komponenta pro výběr položek z různých modulů
+ */
+declare function ModuleDropdownList(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useRef } from 'react';
+import { Input, Select, Button } from 'antd';
+import { SearchOutlined } from '@ant-design/icons';
+import { AgGridReact } from 'ag-grid-react';
+import 'ag-grid-community/styles/ag-grid.css';
+import 'ag-grid-community/styles/ag-theme-alpine.css';
+import { useAtom } from 'jotai';
+import DraggableModal from '@bit.rhplus/draggable-modal';
+import { recentItemsAtomFamily } from './store/recentItemsStore';
+import { useModuleDropdownList } from './useModuleDropdownList';
+import './ModuleInput.css';
+const { Option } = Select;
+/**
+ * ModuleDropdownList komponenta pro výběr položek z různých modulů
+ */
+const ModuleDropdownList = (props) => {
+    const { value, onChange, placeholder = 'Vyberte...', disabled = false, readOnly = false, style = {}, width, maxRecentItems = 5, moduleDefinition, } = props;
+    // Interní stavy pro Select
+    const containerRef = useRef(null);
+    const processedStyle = typeof style === 'string' ? { width: style } : { ...style };
+    // Priorita nastavení šířky: 1. prop width, 2. style.width, 3. defaultní 100%
+    if (width) {
+        processedStyle.width = width;
+    }
+    else if (!processedStyle.width) {
+        processedStyle.width = '100%';
+    }
+    // Použití Jotai atom pro poslední vybrané položky daného typu modulu
+    const [recentItems, setRecentItems] = useAtom(recentItemsAtomFamily(moduleDefinition?.moduleName || ''));
+    // Přidání položky do seznamu nedávných položek
+    const addToRecentItems = (item) => {
+        if (!item || !moduleDefinition)
+            return;
+        // Vytvoření nového seznamu bez aktuální položky (pokud existuje)
+        const filteredItems = recentItems.filter((existingItem) => existingItem[moduleDefinition.valueField || 'id'] !==
+            item[moduleDefinition.valueField || 'id']);
+        // Přidání nové položky na začátek a omezení počtu položek
+        const updatedItems = [item, ...filteredItems].slice(0, maxRecentItems);
+        setRecentItems(updatedItems);
+    };
+    // Použití custom hooku pro veškerou logiku ModuleInput
+    const { modalOpen, searchQuery, rowData, isLoading, selectedItem, isDetailLoading, moduleDetailQuery, openModal, closeModal, handleSearchChange, handleItemSelect, clearSelection, getDisplayValue, } = useModuleDropdownList({ moduleDefinition, value });
+    const selectItem = (item) => {
+        const selectedItemData = handleItemSelect(item);
+        // Uložení vybrané položky do nedávných položek
+        if (selectedItemData) {
+            addToRecentItems(selectedItemData);
+        }
+        // Přímé volání onChange s novou hodnotou
+        if (typeof onChange === 'function' && moduleDefinition) {
+            onChange(selectedItemData[moduleDefinition.valueField || 'id']);
+        }
+    };
+    // Přidání vybrané položky do nedávných položek při načtení
+    useEffect(() => {
+        if (selectedItem && moduleDefinition) {
+            addToRecentItems(selectedItem);
+        }
+    }, [selectedItem, moduleDefinition, addToRecentItems]);
+    // Výběr položky přímo ze Select dropdown
+    const handleSelectChange = (selectedId) => {
+        // Přímé volání onChange
+        if (typeof onChange === 'function') {
+            onChange(selectedId);
+        }
+        if (!selectedId) {
+            clearSelection();
+        }
+        else {
+            // Pokud je v nedávných položkách, nastavte ji jako vybranou
+            const selectedRecentItem = recentItems.find((item) => item[moduleDefinition?.valueField || 'id'] === selectedId);
+            if (selectedRecentItem) {
+                handleItemSelect(selectedRecentItem);
+            }
+        }
+    };
+    // Formátování nedávných položek pro zobrazení v Select
+    const recentItemsOptions = recentItems.map((item) => ({
+        id: item[moduleDefinition.valueField || 'id'],
+        name: moduleDefinition?.getDisplayValue?.(item) || item.name || item.id,
+        fullItem: item, // Uchování celé položky pro snadné získání později
+    }));
+    // Pokud nemáme definici modulu, zobrazíme prázdné pole
+    if (!moduleDefinition)
+        return _jsx("div", {});
+    // Funkce pro výběr položky a zavření modálu
+    const handleModalItemSelect = (event) => {
+        selectItem(event.data);
+        closeModal();
+    };
+    // Získání aktuální zobrazované hodnoty pro Select
+    const displayValueText = getDisplayValue();
+    return (_jsxs("div", { className: "module-input-container", style: processedStyle, ref: containerRef, children: [_jsxs("div", { className: "simple-select-container", children: [_jsxs(Select, { value: value, onChange: handleSelectChange, className: "simple-select", placeholder: placeholder, disabled: disabled || readOnly, dropdownMatchSelectWidth: true, getPopupContainer: () => containerRef.current, 
+                        // Vlastní tučná šipka s rotací
+                        suffixIcon: _jsx("svg", { className: "select-arrow-icon", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M2 4L6 8L10 4", stroke: "#bfbfbf", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), 
+                        // Zde definujeme, jak bude vypadat vybraná hodnota v selectu (pouze název)
+                        optionLabelProp: "label", style: { fontSize: '13px' }, listItemHeight: 32, listHeight: 256, dropdownRender: (menu) => (_jsxs("div", { className: "select-dropdown-container", children: [_jsx("div", { className: "search-box", children: _jsx(Input, { placeholder: "Search", prefix: _jsx(SearchOutlined, {}), className: "dropdown-search-input" }) }), menu, _jsxs("div", { className: "new-customer-item", children: [_jsx("div", { className: "plus-icon", children: "+" }), _jsx("span", { children: "New Customer" })] })] })), children: [recentItemsOptions.map((option) => (_jsx(Option, { value: option.id, 
+                                // Zde přidáváme label pro zobrazení jen názvu při vybrání položky
+                                label: option.name, children: _jsxs("div", { className: "option-item", children: [_jsx("div", { className: "option-avatar", children: option.name.charAt(0) }), _jsxs("div", { className: "option-content", children: [_jsx("div", { className: "option-name", children: option.name }), _jsx("div", { className: "option-email", children: option.fullItem.email || '-' })] })] }) }, option.id))), value &&
+                                !recentItemsOptions.some((option) => option.id === value) && (_jsx(Option, { value: value, label: displayValueText, children: isDetailLoading
+                                    ? 'Načítání...'
+                                    : moduleDetailQuery?.data
+                                        ? (_jsxs("div", { className: "option-item", children: [_jsx("div", { className: "option-avatar", children: displayValueText.charAt(0) }), _jsxs("div", { className: "option-content", children: [_jsx("div", { className: "option-name", children: displayValueText }), _jsx("div", { className: "option-email", children: moduleDetailQuery.data.email || '-' })] })] })) : (`${value} (nenačteno)`) }, value))] }), _jsx(Button, { icon: _jsx(SearchOutlined, {}), className: "search-button", onClick: openModal, type: "primary" })] }), _jsx("div", { id: "modal-root" }), _jsxs(DraggableModal, { width: moduleDefinition.modalWidth || 800, open: modalOpen, getContainer: () => document.getElementById('modal-root'), onCancel: closeModal, maskClosable: false, title: moduleDefinition.modalTitle ||
+                    `Vybrat z modulu: ${moduleDefinition.moduleName}`, footer: () => {
+                    return [
+                        _jsx(Button, { onClick: closeModal, style: { marginRight: '10px', width: 'auto' }, children: "Zav\u0159\u00EDt" }, "cancel"),
+                    ];
+                }, children: [_jsx(Input, { placeholder: "Vyhledat...", value: searchQuery, onChange: (e) => handleSearchChange(e.target.value), prefix: _jsx(SearchOutlined, {}), allowClear: true }), isLoading ? (_jsx("div", { className: "text-align-center padding", children: "Na\u010D\u00EDt\u00E1n\u00ED..." })) : (_jsx("div", { className: "ag-theme-alpine", style: { height: 400, width: '100%' }, children: _jsx(AgGridReact, { rowData: rowData, columnDefs: moduleDefinition.columnDefs, defaultColDef: {
+                                sortable: true,
+                                filter: true,
+                                resizable: true,
+                            }, pagination: true, paginationPageSize: 10, onRowClicked: handleModalItemSelect, rowSelection: "single" }) }))] })] }));
+};
+export default ModuleDropdownList;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/preview-1747484073029.js

@@ -0,0 +1,7 @@
+;
+;
+
+export const compositions = [];
+export const overview = [];
+
+export const compositions_metadata = {"compositions":[]};

package/dist/store/recentItemsStore.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Atom family pro uchovávání posledních vybraných položek pro každý typ modulu
+ * Používá localStorage pro persistenci dat mezi reloady stránky
+ */
+export const recentItemsAtomFamily: import("jotai/vanilla/utils/atomFamily").AtomFamily<any, import("jotai").WritableAtom<never[], [typeof import("jotai/utils").RESET | never[] | ((prev: never[]) => never[] | typeof import("jotai/utils").RESET)], void>>;
+export function clearRecentItems(moduleType: string, setAtom: Function): void;
+/**
+ * Helper atom pro vývojářské účely - seznam všech typů modulů,
+ * které mají uložené nedávné položky
+ */
+export const moduleTypesWithRecentItemsAtom: import("jotai").Atom<string[]>;

package/dist/store/recentItemsStore.js

@@ -0,0 +1,29 @@
+import { atom } from 'jotai';
+import { atomFamily, atomWithStorage } from 'jotai/utils';
+/**
+ * Atom family pro uchovávání posledních vybraných položek pro každý typ modulu
+ * Používá localStorage pro persistenci dat mezi reloady stránky
+ */
+export const recentItemsAtomFamily = atomFamily((moduleType) => atomWithStorage(`recent-items-${moduleType}`, []), (a, b) => a === b);
+/**
+ * Helper funkce pro vymazání všech uložených posledních položek
+ * pro konkrétní modul
+ *
+ * @param {string} moduleType - Typ modulu
+ * @param {Function} setAtom - Setter funkce pro daný atom
+ */
+export const clearRecentItems = (moduleType, setAtom) => {
+    setAtom(recentItemsAtomFamily(moduleType), []);
+};
+/**
+ * Helper atom pro vývojářské účely - seznam všech typů modulů,
+ * které mají uložené nedávné položky
+ */
+export const moduleTypesWithRecentItemsAtom = atom((get) => {
+    // Tato funkce by v produkční verzi potřebovala skutečný seznam
+    // všech modulů, což by bylo potřeba implementovat dle
+    // konkrétních požadavků aplikace
+    const moduleTypes = ['products', 'contracts'];
+    return moduleTypes.filter(moduleType => get(recentItemsAtomFamily(moduleType)).length > 0);
+});
+//# sourceMappingURL=recentItemsStore.js.map

package/dist/store/recentItemsStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recentItemsStore.js","sourceRoot":"","sources":["../../store/recentItemsStore.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE1D;;;GAGG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAC7C,CAAC,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC,gBAAgB,UAAU,EAAE,EAAE,EAAE,CAAC,EACjE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAClB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE,EAAE;IACtD,OAAO,CAAC,qBAAqB,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;IACzD,+DAA+D;IAC/D,sDAAsD;IACtD,iCAAiC;IACjC,MAAM,WAAW,GAAG,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAE9C,OAAO,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CACrC,GAAG,CAAC,qBAAqB,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAClD,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/useModuleDropdownList.d.ts

@@ -0,0 +1,20 @@
+export function useModuleDropdownList({ moduleDefinition, value }: {
+    moduleDefinition: any;
+    value: any;
+}): {
+    moduleDefinition: any;
+    modalOpen: boolean;
+    searchQuery: string;
+    selectedItem: null;
+    rowData: {};
+    isLoading: false;
+    isDetailLoading: false;
+    openModal: () => void;
+    closeModal: () => void;
+    handleSearchChange: (query: any) => void;
+    handleItemSelect: (item: any) => any;
+    clearSelection: () => void;
+    getDisplayValue: () => any;
+    moduleListQuery: import("@tanstack/react-query").DefinedUseQueryResult<unknown, Error>;
+    moduleDetailQuery: import("@tanstack/react-query").DefinedUseQueryResult<unknown, Error>;
+};