@bit.rhplus/ui2.module-dropdown-list 0.1.110 → 0.1.112

package/package.json

@@ -1,24 +1,23 @@
 {
   "name": "@bit.rhplus/ui2.module-dropdown-list",
-  "version": "0.1.110",
+  "version": "0.1.112",
   "homepage": "https://bit.cloud/remote-scope/ui2/module-dropdown-list",
   "main": "dist/index.js",
   "componentId": {
     "scope": "remote-scope",
     "name": "ui2/module-dropdown-list",
-    "version": "0.1.110"
+    "version": "0.1.112"
   },
   "dependencies": {
     "@ant-design/icons": "^5.4.0",
+    "@axa-fr/react-oidc": "7.25.13",
+    "ag-grid-react": "^35.0.0",
     "antd": "^5.20.6",
-    "jotai": "^2.11.1",
-    "@tanstack/react-query": "^5.66.9",
-    "@bit.rhplus/ag-grid": "0.0.116",
-    "@bit.rhplus/draggable-modal": "0.0.16",
-    "@bit.rhplus/data": "0.0.87"
+    "@bit.rhplus/data": "0.0.89",
+    "@bit.rhplus/draggable-modal": "0.0.17"
   },
   "devDependencies": {
-    "@bitdev/react.react-env": "4.0.14"
+    "@bitdev/react.react-env": "5.0.5"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0"

package/ModuleInput.css

@@ -1,259 +0,0 @@
-/* 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: visible;
-}
-
-/* Stylování select komponenty */
-.module-input-container .simple-select {
-  flex: 1;
-  min-width: 0;
-  max-width: calc(100% - 40px);
-}
-
-/* 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;
-  max-width: 100% !important;
-}
-
-.module-input-container .ant-select-selector {
-  overflow: hidden !important;
-}
-
-.module-input-container .simple-select {
-  width: 100% !important;
-  max-width: 100% !important;
-}
-
-/* Zajištění, že text v Select se zkrátí s ellipsis */
-.module-input-container .ant-select-single .ant-select-selector .ant-select-selection-item {
-  white-space: nowrap !important;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  max-width: 100% !important;
-  display: block !important;
-}
-
-/* Zajištění, že celý selector má fixní šířku */
-.module-input-container .ant-select-single .ant-select-selector {
-  width: 100% !important;
-  overflow: hidden !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

@@ -1,259 +0,0 @@
-/* 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: visible;
-}
-
-/* Stylování select komponenty */
-.module-input-container .simple-select {
-  flex: 1;
-  min-width: 0;
-  max-width: calc(100% - 40px);
-}
-
-/* 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;
-  max-width: 100% !important;
-}
-
-.module-input-container .ant-select-selector {
-  overflow: hidden !important;
-}
-
-.module-input-container .simple-select {
-  width: 100% !important;
-  max-width: 100% !important;
-}
-
-/* Zajištění, že text v Select se zkrátí s ellipsis */
-.module-input-container .ant-select-single .ant-select-selector .ant-select-selection-item {
-  white-space: nowrap !important;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  max-width: 100% !important;
-  display: block !important;
-}
-
-/* Zajištění, že celý selector má fixní šířku */
-.module-input-container .ant-select-single .ant-select-selector {
-  width: 100% !important;
-  overflow: hidden !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/store/recentItemsStore.d.ts

@@ -1,11 +0,0 @@
-/**
- * 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<any[], [any[] | typeof import("jotai/utils").RESET | ((prev: any[]) => any[] | 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

@@ -1,29 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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