@veiag/payload-cmdk 1.0.4 → 1.0.5

package/dist/components/CommandMenuContext.js

@@ -253,12 +253,7 @@ const CommandMenuComponent = ({ pluginConfig })=>{
             closeMenu();
         }
     };
-    console.log('Rendering CommandMenuComponent', {
-        currentPage,
-        groups,
-        items,
-        submenuItems
-    });
+    // console.log('Rendering CommandMenuComponent', { currentPage, groups, items, submenuItems })
     return /*#__PURE__*/ _jsx(Modal, {
         slug: MODAL_SLUG,
         children: /*#__PURE__*/ _jsx("div", {
@@ -321,7 +316,7 @@ const CommandMenuComponent = ({ pluginConfig })=>{
                                                     "data-action-type": item.action.type,
                                                     "data-item-type": item.type,
                                                     keywords: [
-                                                        group.title,
+                                                        titleName,
                                                         item.label
                                                     ],
                                                     onSelect: ()=>handleSelect(item),

package/dist/components/CommandMenuContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/CommandMenuContext.tsx"],"sourcesContent":["'use client'\nimport type { LucideIcon } from 'lucide-react'\nimport type { CustomTranslationsKeys, CustomTranslationsObject } from 'src/translations/index'\n\nimport './modal.scss'\n\nimport type {\n  CommandMenuContextProps,\n  CommandMenuGroup,\n  CommandMenuItem,\n  CommandMenuPage,\n  GenericCollectionDocument,\n  IconName,\n  PluginCommandMenuConfig,\n} from 'src/types'\n\nimport { Modal, useConfig, useModal, useTranslation } from '@payloadcms/ui'\nimport { ArrowBigUp, ChevronLeft, Command as CommandIcon, Option } from 'lucide-react'\nimport { useRouter } from 'next/navigation'\nimport {\n  createContext,\n  Fragment,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { useHotkeys } from 'react-hotkeys-hook'\n\nimport { createDefaultGroups } from '../utils/index'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n} from './cmdk/index'\nimport { LucideIconDynamic } from './LucideIcon'\n\nconst MODAL_SLUG = 'command-menu'\n\ninterface CommandMenuContextType {\n  closeMenu: () => void\n  currentPage: CommandMenuPage\n  groups: CommandMenuGroup[]\n  isOpen: boolean\n  items: CommandMenuItem[]\n  openMenu: () => void\n  setPage: (page: CommandMenuPage) => void\n  toggleMenu: () => void\n}\n\nconst CommandMenuContext = createContext<CommandMenuContextType>({\n  closeMenu: () => {},\n  currentPage: 'main',\n  groups: [],\n  isOpen: false,\n  items: [],\n  openMenu: () => {},\n  setPage: () => {},\n  toggleMenu: () => {},\n})\n\nexport const useCommandMenu = () => {\n  const context = useContext(CommandMenuContext)\n  return context\n}\n\nconst ITEM_SELECTOR = `[cmdk-item=\"\"]`\n\nfunction getSelectedElement(containerRef: React.RefObject<HTMLElement | null>) {\n  return containerRef.current?.querySelector(`${ITEM_SELECTOR}[aria-selected=\"true\"]`)\n}\n\nconst CommandMenuComponent: React.FC<{\n  pluginConfig: PluginCommandMenuConfig\n}> = ({ pluginConfig }) => {\n  const [search, setSearch] = useState('')\n  const [submenuItems, setSubmenuItems] = useState<CommandMenuItem[]>([])\n  const [isLoadingSubmenu, setIsLoadingSubmenu] = useState(false)\n  const [isMac, setIsMac] = useState(false)\n\n  const commandListRef = useRef<HTMLDivElement>(null)\n\n  const { closeMenu, currentPage, groups, items, setPage } = useCommandMenu()\n  const router = useRouter()\n  const { t } = useTranslation<CustomTranslationsObject, CustomTranslationsKeys>()\n\n  useEffect(() => {\n    setIsMac(/Mac|iPhone|iPod|iPad/i.test(navigator.platform))\n  }, [])\n\n  const submenuEnabled = pluginConfig?.submenu?.enabled !== false\n  const submenuShortcut = pluginConfig?.submenu?.shortcut || 'shift+enter'\n  const blurBg = pluginConfig?.blurBg !== false\n\n  const formatShortcutKey = (key: string): React.ReactNode => {\n    // Handle compound shortcuts like \"Shift + Enter\"\n    const parts = key.split('+').map((part) => part.trim())\n    const elements = parts.map((part, index) => {\n      const lowerPart = part.toLowerCase()\n      let content: React.ReactNode\n\n      if (lowerPart === 'ctrl' || lowerPart === 'cmd') {\n        content = isMac ? <CommandIcon size={12} /> : 'Ctrl'\n      } else if (lowerPart === 'meta') {\n        content = isMac ? <CommandIcon size={12} /> : 'Ctrl'\n      } else if (lowerPart === 'shift') {\n        content = isMac ? <ArrowBigUp size={12} /> : 'Shift'\n      } else if (lowerPart === 'alt') {\n        content = isMac ? <Option size={12} /> : 'Alt'\n      } else {\n        content = part\n      }\n\n      return (\n        <Fragment key={index}>\n          {content}\n          {!isMac && index < parts.length - 1 && ' + '}\n        </Fragment>\n      )\n    })\n\n    return <>{elements}</>\n  }\n\n  // Debounced search for submenu\n  useEffect(() => {\n    if (currentPage === 'main') {\n      return\n    }\n\n    const fetchDocuments = async () => {\n      if (currentPage.type !== 'collection-search') {\n        return\n      }\n\n      setIsLoadingSubmenu(true)\n      try {\n        const searchParam = search\n          ? `&where[${currentPage.useAsTitle}][like]=${encodeURIComponent(search)}`\n          : ''\n        const response = await fetch(\n          `/api/${currentPage.slug}?limit=10${searchParam}&select[${currentPage.useAsTitle}]=true`,\n        )\n        const data = await response.json()\n\n        if (data.docs && Array.isArray(data.docs)) {\n          const docs: CommandMenuItem[] = data.docs.map((doc: GenericCollectionDocument) => ({\n            slug: `${currentPage.slug}-${doc.id}`,\n            type: 'custom' as const,\n            action: {\n              type: 'link',\n              href: `/admin/collections/${currentPage.slug}/${doc.id}`,\n            },\n            icon: pluginConfig?.submenu?.icons?.[currentPage.slug] ?? undefined,\n            label: doc[currentPage.useAsTitle] || doc.id,\n          }))\n          setSubmenuItems(docs)\n        }\n      } catch {\n        setSubmenuItems([])\n      } finally {\n        setIsLoadingSubmenu(false)\n      }\n    }\n\n    const timeoutId = setTimeout(fetchDocuments, 300)\n    return () => clearTimeout(timeoutId)\n  }, [search, currentPage, pluginConfig?.submenu?.icons])\n\n  const handleBack = useCallback(() => {\n    setPage('main')\n    setSearch('')\n    setSubmenuItems([])\n  }, [setPage])\n\n  const executeItemAction = useCallback(\n    async (item: CommandMenuItem) => {\n      // Execute the item's action\n      switch (item.action.type) {\n        case 'api':\n          await fetch(item.action.href, {\n            body: item.action.body ? JSON.stringify(item.action.body) : undefined,\n            headers: {\n              'Content-Type': 'application/json',\n            },\n            method: item.action.method || 'GET',\n          })\n          break\n        case 'link':\n          router.push(item.action.href)\n          break\n        default:\n          break\n      }\n      closeMenu()\n      setSearch('')\n      setPage('main')\n    },\n    [router, closeMenu, setPage],\n  )\n\n  const openSubmenu = useCallback(\n    (item: CommandMenuItem) => {\n      setPage({\n        slug: item.slug,\n        type: 'collection-search',\n        label: item.label,\n        useAsTitle: item.useAsTitle || 'id',\n        useAsTitleLabel: item.useAsTitleLabel || item.useAsTitle || 'id',\n      })\n      setSearch('')\n      //set isLoadingSubmenu to true to show loading state while fetching\n      setIsLoadingSubmenu(true)\n      setSubmenuItems([])\n    },\n    [setPage],\n  )\n\n  const handleSelect = useCallback(\n    async (item: CommandMenuItem) => {\n      await executeItemAction(item)\n    },\n    [executeItemAction],\n  )\n\n  // Handle keyboard events for navigation and back\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      // ESC key for back navigation in submenu\n      if (e.key === 'Escape' && currentPage !== 'main') {\n        e.preventDefault()\n        e.stopPropagation()\n        handleBack()\n        return\n      }\n\n      // Enter/Shift+Enter handling for collection submenu\n      if (e.key === 'Enter' && currentPage === 'main') {\n        const selectedElement = getSelectedElement(commandListRef)\n        const itemType = selectedElement?.getAttribute('data-item-type')\n        const itemSlug = selectedElement?.getAttribute('data-value')\n\n        if (submenuEnabled && itemType === 'collection' && itemSlug) {\n          const isShiftPressed = e.shiftKey\n          const shouldOpenSubmenu =\n            (submenuShortcut === 'shift+enter' && isShiftPressed) ||\n            (submenuShortcut === 'enter' && !isShiftPressed)\n\n          if (shouldOpenSubmenu) {\n            e.preventDefault()\n            e.stopPropagation()\n\n            // Find the item in groups\n            const item = groups.flatMap((g) => g.items).find((i) => i.slug === itemSlug)\n            if (item) {\n              openSubmenu(item)\n            }\n            return\n          }\n        }\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown, true)\n    return () => document.removeEventListener('keydown', handleKeyDown, true)\n  }, [currentPage, handleBack, submenuEnabled, submenuShortcut, openSubmenu, groups])\n\n  const placeholder =\n    currentPage === 'main'\n      ? t('cmdkPlugin:search')\n      : t('general:searchBy', {\n          label: currentPage.useAsTitleLabel,\n        })\n\n  const shouldDisableFilter = currentPage !== 'main'\n\n  // Static footer shortcuts based on current page\n  const footerShortcuts =\n    currentPage === 'main' && submenuEnabled && submenuShortcut === 'shift+enter'\n      ? [\n          { key: 'Enter', label: t('cmdkPlugin:navigate') },\n          { key: 'Shift + Enter', label: t('cmdkPlugin:searchInCollection') },\n        ]\n      : currentPage === 'main' && submenuEnabled && submenuShortcut === 'enter'\n        ? [\n            { key: 'Enter', label: t('cmdkPlugin:searchInCollection') },\n            { key: 'Shift + Enter', label: t('cmdkPlugin:navigate') },\n          ]\n        : currentPage === 'main'\n          ? [{ key: 'Enter', label: t('cmdkPlugin:navigate') }]\n          : [{ key: 'Enter', label: t('cmdkPlugin:open') }]\n\n  const handleBackdropClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    // Close modal only if clicking the backdrop (not the command itself)\n    if (e.target === e.currentTarget) {\n      closeMenu()\n    }\n  }\n  console.log('Rendering CommandMenuComponent', { currentPage, groups, items, submenuItems })\n  return (\n    <Modal slug={MODAL_SLUG}>\n      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n      <div\n        className={`command-modal ${blurBg ? 'command-modal--blur' : ''}`}\n        onClick={handleBackdropClick}\n      >\n        <Command label=\"Command Menu\" shouldFilter={!shouldDisableFilter}>\n          {/* Header for submenu navigation */}\n          {currentPage !== 'main' && (\n            <div className=\"command__header\">\n              <button className=\"command__back-button\" onClick={handleBack} type=\"button\">\n                <ChevronLeft size={16} />\n              </button>\n              <span className=\"command__header-label\">\n                {t('cmdkPlugin:searchIn', { label: currentPage.label })}\n              </span>\n            </div>\n          )}\n\n          <CommandInput onValueChange={setSearch} placeholder={placeholder} value={search} />\n          <CommandList ref={commandListRef}>\n            <CommandEmpty>\n              {isLoadingSubmenu ? t('cmdkPlugin:loading') : t('cmdkPlugin:noResults')}\n            </CommandEmpty>\n\n            {/* Main page view */}\n            {currentPage === 'main' &&\n              groups.map((group, index) => {\n                if (group.items.length === 0) {\n                  return null\n                }\n\n                let titleName = group.title\n                if (group.title === 'Collections') {\n                  titleName = t('general:collections')\n                }\n                if (group.title === 'Globals') {\n                  titleName = t('general:globals')\n                }\n\n                const isRenderSeparator = !(index === groups.length - 1 && items.length === 0)\n                return (\n                  <Fragment key={group.title}>\n                    <CommandGroup heading={titleName}>\n                      {group.items.map((item) => {\n                        const isDynamicIcon = typeof item.icon === 'string'\n                        const IconComponent = isDynamicIcon ? null : (item.icon as LucideIcon)\n                        return (\n                          <CommandItem\n                            data-action-type={item.action.type}\n                            data-item-type={item.type}\n                            key={item.slug}\n                            keywords={[group.title, item.label]}\n                            onSelect={() => handleSelect(item)}\n                            value={item.slug}\n                          >\n                            {isDynamicIcon ? (\n                              <LucideIconDynamic\n                                className=\"command__item-icon\"\n                                name={item.icon as IconName}\n                              />\n                            ) : (\n                              IconComponent && <IconComponent className=\"command__item-icon\" />\n                            )}\n                            {item.label}\n                            {submenuEnabled && item.type === 'collection' && (\n                              <CommandShortcut>›</CommandShortcut>\n                            )}\n                          </CommandItem>\n                        )\n                      })}\n                    </CommandGroup>\n                    {isRenderSeparator && <CommandSeparator />}\n                  </Fragment>\n                )\n              })}\n\n            {/* Stray items on main page */}\n            {currentPage === 'main' &&\n              items?.map((item) => {\n                const isDynamicIcon = typeof item.icon === 'string'\n                const IconComponent = isDynamicIcon ? null : (item.icon as LucideIcon)\n                return (\n                  <CommandItem\n                    data-action-type={item.action.type}\n                    data-item-type={item.type}\n                    key={item.slug}\n                    keywords={[item.label]}\n                    onSelect={() => handleSelect(item)}\n                    value={item.slug}\n                  >\n                    {isDynamicIcon ? (\n                      <LucideIconDynamic\n                        className=\"command__item-icon\"\n                        name={item.icon as IconName}\n                      />\n                    ) : (\n                      IconComponent && <IconComponent className=\"command__item-icon\" />\n                    )}\n                    {item.label}\n                  </CommandItem>\n                )\n              })}\n\n            {/* Submenu page view */}\n            {currentPage !== 'main' &&\n              submenuItems.map((item) => {\n                const isDynamicIcon = typeof item.icon === 'string'\n                const IconComponent = isDynamicIcon ? null : (item.icon as LucideIcon)\n                return (\n                  <CommandItem\n                    data-action-type={item.action.type}\n                    data-item-type={item.type}\n                    key={item.slug}\n                    onSelect={() => handleSelect(item)}\n                    value={item.slug}\n                  >\n                    {isDynamicIcon ? (\n                      <LucideIconDynamic\n                        className=\"command__item-icon\"\n                        name={item.icon as IconName}\n                      />\n                    ) : (\n                      IconComponent && <IconComponent className=\"command__item-icon\" />\n                    )}\n                    {item.label}\n                  </CommandItem>\n                )\n              })}\n          </CommandList>\n\n          {/* Footer with static shortcuts */}\n          {footerShortcuts && footerShortcuts.length > 0 && (\n            <div className=\"command__footer\">\n              {footerShortcuts.map((shortcut, index) => (\n                <span key={index}>\n                  <kbd>{formatShortcutKey(shortcut.key)}</kbd> {shortcut.label}\n                </span>\n              ))}\n            </div>\n          )}\n        </Command>\n      </div>\n    </Modal>\n  )\n}\n\nconst MemoizedCommandMenuComponent = memo(CommandMenuComponent)\n\nexport const CommandMenuProvider: React.FC<CommandMenuContextProps> = ({\n  children,\n  pluginConfig,\n}) => {\n  const { closeModal, isModalOpen, openModal, toggleModal } = useModal()\n  const [currentPage, setCurrentPage] = useState<CommandMenuPage>('main')\n\n  useHotkeys(\n    pluginConfig.shortcut || ['meta+k', 'ctrl+k'],\n    (event) => {\n      event.preventDefault()\n      event.stopPropagation()\n      toggleModal(MODAL_SLUG)\n    },\n    [toggleModal],\n  )\n  const { config } = useConfig()\n  const { i18n } = useTranslation()\n  const currentLang = i18n.language\n  const { groups, items } = useMemo(() => {\n    return createDefaultGroups(config, currentLang, pluginConfig)\n  }, [config, currentLang, pluginConfig])\n\n  return (\n    <CommandMenuContext.Provider\n      value={{\n        closeMenu: () => closeModal(MODAL_SLUG),\n        currentPage,\n        groups,\n        isOpen: isModalOpen(MODAL_SLUG),\n        items,\n        openMenu: () => openModal(MODAL_SLUG),\n        setPage: setCurrentPage,\n        toggleMenu: () => toggleModal(MODAL_SLUG),\n      }}\n    >\n      {children}\n      <MemoizedCommandMenuComponent pluginConfig={pluginConfig} />\n    </CommandMenuContext.Provider>\n  )\n}\n"],"names":["Modal","useConfig","useModal","useTranslation","ArrowBigUp","ChevronLeft","Command","CommandIcon","Option","useRouter","createContext","Fragment","memo","useCallback","useContext","useEffect","useMemo","useRef","useState","useHotkeys","createDefaultGroups","CommandEmpty","CommandGroup","CommandInput","CommandItem","CommandList","CommandSeparator","CommandShortcut","LucideIconDynamic","MODAL_SLUG","CommandMenuContext","closeMenu","currentPage","groups","isOpen","items","openMenu","setPage","toggleMenu","useCommandMenu","context","ITEM_SELECTOR","getSelectedElement","containerRef","current","querySelector","CommandMenuComponent","pluginConfig","search","setSearch","submenuItems","setSubmenuItems","isLoadingSubmenu","setIsLoadingSubmenu","isMac","setIsMac","commandListRef","router","t","test","navigator","platform","submenuEnabled","submenu","enabled","submenuShortcut","shortcut","blurBg","formatShortcutKey","key","parts","split","map","part","trim","elements","index","lowerPart","toLowerCase","content","size","length","fetchDocuments","type","searchParam","useAsTitle","encodeURIComponent","response","fetch","slug","data","json","docs","Array","isArray","doc","id","action","href","icon","icons","undefined","label","timeoutId","setTimeout","clearTimeout","handleBack","executeItemAction","item","body","JSON","stringify","headers","method","push","openSubmenu","useAsTitleLabel","handleSelect","handleKeyDown","e","preventDefault","stopPropagation","selectedElement","itemType","getAttribute","itemSlug","isShiftPressed","shiftKey","shouldOpenSubmenu","flatMap","g","find","i","document","addEventListener","removeEventListener","placeholder","shouldDisableFilter","footerShortcuts","handleBackdropClick","target","currentTarget","console","log","div","className","onClick","shouldFilter","button","span","onValueChange","value","ref","group","titleName","title","isRenderSeparator","heading","isDynamicIcon","IconComponent","data-action-type","data-item-type","keywords","onSelect","name","kbd","MemoizedCommandMenuComponent","CommandMenuProvider","children","closeModal","isModalOpen","openModal","toggleModal","setCurrentPage","event","config","i18n","currentLang","language","Provider"],"mappings":"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"}
+{"version":3,"sources":["../../src/components/CommandMenuContext.tsx"],"sourcesContent":["'use client'\nimport type { LucideIcon } from 'lucide-react'\nimport type { CustomTranslationsKeys, CustomTranslationsObject } from 'src/translations/index'\n\nimport './modal.scss'\n\nimport type {\n  CommandMenuContextProps,\n  CommandMenuGroup,\n  CommandMenuItem,\n  CommandMenuPage,\n  GenericCollectionDocument,\n  IconName,\n  PluginCommandMenuConfig,\n} from 'src/types'\n\nimport { Modal, useConfig, useModal, useTranslation } from '@payloadcms/ui'\nimport { ArrowBigUp, ChevronLeft, Command as CommandIcon, Option } from 'lucide-react'\nimport { useRouter } from 'next/navigation'\nimport {\n  createContext,\n  Fragment,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { useHotkeys } from 'react-hotkeys-hook'\n\nimport { createDefaultGroups } from '../utils/index'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n} from './cmdk/index'\nimport { LucideIconDynamic } from './LucideIcon'\n\nconst MODAL_SLUG = 'command-menu'\n\ninterface CommandMenuContextType {\n  closeMenu: () => void\n  currentPage: CommandMenuPage\n  groups: CommandMenuGroup[]\n  isOpen: boolean\n  items: CommandMenuItem[]\n  openMenu: () => void\n  setPage: (page: CommandMenuPage) => void\n  toggleMenu: () => void\n}\n\nconst CommandMenuContext = createContext<CommandMenuContextType>({\n  closeMenu: () => {},\n  currentPage: 'main',\n  groups: [],\n  isOpen: false,\n  items: [],\n  openMenu: () => {},\n  setPage: () => {},\n  toggleMenu: () => {},\n})\n\nexport const useCommandMenu = () => {\n  const context = useContext(CommandMenuContext)\n  return context\n}\n\nconst ITEM_SELECTOR = `[cmdk-item=\"\"]`\n\nfunction getSelectedElement(containerRef: React.RefObject<HTMLElement | null>) {\n  return containerRef.current?.querySelector(`${ITEM_SELECTOR}[aria-selected=\"true\"]`)\n}\n\nconst CommandMenuComponent: React.FC<{\n  pluginConfig: PluginCommandMenuConfig\n}> = ({ pluginConfig }) => {\n  const [search, setSearch] = useState('')\n  const [submenuItems, setSubmenuItems] = useState<CommandMenuItem[]>([])\n  const [isLoadingSubmenu, setIsLoadingSubmenu] = useState(false)\n  const [isMac, setIsMac] = useState(false)\n\n  const commandListRef = useRef<HTMLDivElement>(null)\n\n  const { closeMenu, currentPage, groups, items, setPage } = useCommandMenu()\n  const router = useRouter()\n  const { t } = useTranslation<CustomTranslationsObject, CustomTranslationsKeys>()\n\n  useEffect(() => {\n    setIsMac(/Mac|iPhone|iPod|iPad/i.test(navigator.platform))\n  }, [])\n\n  const submenuEnabled = pluginConfig?.submenu?.enabled !== false\n  const submenuShortcut = pluginConfig?.submenu?.shortcut || 'shift+enter'\n  const blurBg = pluginConfig?.blurBg !== false\n\n  const formatShortcutKey = (key: string): React.ReactNode => {\n    // Handle compound shortcuts like \"Shift + Enter\"\n    const parts = key.split('+').map((part) => part.trim())\n    const elements = parts.map((part, index) => {\n      const lowerPart = part.toLowerCase()\n      let content: React.ReactNode\n\n      if (lowerPart === 'ctrl' || lowerPart === 'cmd') {\n        content = isMac ? <CommandIcon size={12} /> : 'Ctrl'\n      } else if (lowerPart === 'meta') {\n        content = isMac ? <CommandIcon size={12} /> : 'Ctrl'\n      } else if (lowerPart === 'shift') {\n        content = isMac ? <ArrowBigUp size={12} /> : 'Shift'\n      } else if (lowerPart === 'alt') {\n        content = isMac ? <Option size={12} /> : 'Alt'\n      } else {\n        content = part\n      }\n\n      return (\n        <Fragment key={index}>\n          {content}\n          {!isMac && index < parts.length - 1 && ' + '}\n        </Fragment>\n      )\n    })\n\n    return <>{elements}</>\n  }\n\n  // Debounced search for submenu\n  useEffect(() => {\n    if (currentPage === 'main') {\n      return\n    }\n\n    const fetchDocuments = async () => {\n      if (currentPage.type !== 'collection-search') {\n        return\n      }\n\n      setIsLoadingSubmenu(true)\n      try {\n        const searchParam = search\n          ? `&where[${currentPage.useAsTitle}][like]=${encodeURIComponent(search)}`\n          : ''\n        const response = await fetch(\n          `/api/${currentPage.slug}?limit=10${searchParam}&select[${currentPage.useAsTitle}]=true`,\n        )\n        const data = await response.json()\n\n        if (data.docs && Array.isArray(data.docs)) {\n          const docs: CommandMenuItem[] = data.docs.map((doc: GenericCollectionDocument) => ({\n            slug: `${currentPage.slug}-${doc.id}`,\n            type: 'custom' as const,\n            action: {\n              type: 'link',\n              href: `/admin/collections/${currentPage.slug}/${doc.id}`,\n            },\n            icon: pluginConfig?.submenu?.icons?.[currentPage.slug] ?? undefined,\n            label: doc[currentPage.useAsTitle] || doc.id,\n          }))\n          setSubmenuItems(docs)\n        }\n      } catch {\n        setSubmenuItems([])\n      } finally {\n        setIsLoadingSubmenu(false)\n      }\n    }\n\n    const timeoutId = setTimeout(fetchDocuments, 300)\n    return () => clearTimeout(timeoutId)\n  }, [search, currentPage, pluginConfig?.submenu?.icons])\n\n  const handleBack = useCallback(() => {\n    setPage('main')\n    setSearch('')\n    setSubmenuItems([])\n  }, [setPage])\n\n  const executeItemAction = useCallback(\n    async (item: CommandMenuItem) => {\n      // Execute the item's action\n      switch (item.action.type) {\n        case 'api':\n          await fetch(item.action.href, {\n            body: item.action.body ? JSON.stringify(item.action.body) : undefined,\n            headers: {\n              'Content-Type': 'application/json',\n            },\n            method: item.action.method || 'GET',\n          })\n          break\n        case 'link':\n          router.push(item.action.href)\n          break\n        default:\n          break\n      }\n      closeMenu()\n      setSearch('')\n      setPage('main')\n    },\n    [router, closeMenu, setPage],\n  )\n\n  const openSubmenu = useCallback(\n    (item: CommandMenuItem) => {\n      setPage({\n        slug: item.slug,\n        type: 'collection-search',\n        label: item.label,\n        useAsTitle: item.useAsTitle || 'id',\n        useAsTitleLabel: item.useAsTitleLabel || item.useAsTitle || 'id',\n      })\n      setSearch('')\n      //set isLoadingSubmenu to true to show loading state while fetching\n      setIsLoadingSubmenu(true)\n      setSubmenuItems([])\n    },\n    [setPage],\n  )\n\n  const handleSelect = useCallback(\n    async (item: CommandMenuItem) => {\n      await executeItemAction(item)\n    },\n    [executeItemAction],\n  )\n\n  // Handle keyboard events for navigation and back\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      // ESC key for back navigation in submenu\n      if (e.key === 'Escape' && currentPage !== 'main') {\n        e.preventDefault()\n        e.stopPropagation()\n        handleBack()\n        return\n      }\n\n      // Enter/Shift+Enter handling for collection submenu\n      if (e.key === 'Enter' && currentPage === 'main') {\n        const selectedElement = getSelectedElement(commandListRef)\n        const itemType = selectedElement?.getAttribute('data-item-type')\n        const itemSlug = selectedElement?.getAttribute('data-value')\n\n        if (submenuEnabled && itemType === 'collection' && itemSlug) {\n          const isShiftPressed = e.shiftKey\n          const shouldOpenSubmenu =\n            (submenuShortcut === 'shift+enter' && isShiftPressed) ||\n            (submenuShortcut === 'enter' && !isShiftPressed)\n\n          if (shouldOpenSubmenu) {\n            e.preventDefault()\n            e.stopPropagation()\n\n            // Find the item in groups\n            const item = groups.flatMap((g) => g.items).find((i) => i.slug === itemSlug)\n            if (item) {\n              openSubmenu(item)\n            }\n            return\n          }\n        }\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown, true)\n    return () => document.removeEventListener('keydown', handleKeyDown, true)\n  }, [currentPage, handleBack, submenuEnabled, submenuShortcut, openSubmenu, groups])\n\n  const placeholder =\n    currentPage === 'main'\n      ? t('cmdkPlugin:search')\n      : t('general:searchBy', {\n          label: currentPage.useAsTitleLabel,\n        })\n\n  const shouldDisableFilter = currentPage !== 'main'\n\n  // Static footer shortcuts based on current page\n  const footerShortcuts =\n    currentPage === 'main' && submenuEnabled && submenuShortcut === 'shift+enter'\n      ? [\n          { key: 'Enter', label: t('cmdkPlugin:navigate') },\n          { key: 'Shift + Enter', label: t('cmdkPlugin:searchInCollection') },\n        ]\n      : currentPage === 'main' && submenuEnabled && submenuShortcut === 'enter'\n        ? [\n            { key: 'Enter', label: t('cmdkPlugin:searchInCollection') },\n            { key: 'Shift + Enter', label: t('cmdkPlugin:navigate') },\n          ]\n        : currentPage === 'main'\n          ? [{ key: 'Enter', label: t('cmdkPlugin:navigate') }]\n          : [{ key: 'Enter', label: t('cmdkPlugin:open') }]\n\n  const handleBackdropClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    // Close modal only if clicking the backdrop (not the command itself)\n    if (e.target === e.currentTarget) {\n      closeMenu()\n    }\n  }\n  // console.log('Rendering CommandMenuComponent', { currentPage, groups, items, submenuItems })\n  return (\n    <Modal slug={MODAL_SLUG}>\n      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n      <div\n        className={`command-modal ${blurBg ? 'command-modal--blur' : ''}`}\n        onClick={handleBackdropClick}\n      >\n        <Command label=\"Command Menu\" shouldFilter={!shouldDisableFilter}>\n          {/* Header for submenu navigation */}\n          {currentPage !== 'main' && (\n            <div className=\"command__header\">\n              <button className=\"command__back-button\" onClick={handleBack} type=\"button\">\n                <ChevronLeft size={16} />\n              </button>\n              <span className=\"command__header-label\">\n                {t('cmdkPlugin:searchIn', { label: currentPage.label })}\n              </span>\n            </div>\n          )}\n\n          <CommandInput onValueChange={setSearch} placeholder={placeholder} value={search} />\n          <CommandList ref={commandListRef}>\n            <CommandEmpty>\n              {isLoadingSubmenu ? t('cmdkPlugin:loading') : t('cmdkPlugin:noResults')}\n            </CommandEmpty>\n\n            {/* Main page view */}\n            {currentPage === 'main' &&\n              groups.map((group, index) => {\n                if (group.items.length === 0) {\n                  return null\n                }\n\n                let titleName = group.title\n                if (group.title === 'Collections') {\n                  titleName = t('general:collections')\n                }\n                if (group.title === 'Globals') {\n                  titleName = t('general:globals')\n                }\n\n                const isRenderSeparator = !(index === groups.length - 1 && items.length === 0)\n                return (\n                  <Fragment key={group.title}>\n                    <CommandGroup heading={titleName}>\n                      {group.items.map((item) => {\n                        const isDynamicIcon = typeof item.icon === 'string'\n                        const IconComponent = isDynamicIcon ? null : (item.icon as LucideIcon)\n                        return (\n                          <CommandItem\n                            data-action-type={item.action.type}\n                            data-item-type={item.type}\n                            key={item.slug}\n                            keywords={[titleName, item.label]}\n                            onSelect={() => handleSelect(item)}\n                            value={item.slug}\n                          >\n                            {isDynamicIcon ? (\n                              <LucideIconDynamic\n                                className=\"command__item-icon\"\n                                name={item.icon as IconName}\n                              />\n                            ) : (\n                              IconComponent && <IconComponent className=\"command__item-icon\" />\n                            )}\n                            {item.label}\n                            {submenuEnabled && item.type === 'collection' && (\n                              <CommandShortcut>›</CommandShortcut>\n                            )}\n                          </CommandItem>\n                        )\n                      })}\n                    </CommandGroup>\n                    {isRenderSeparator && <CommandSeparator />}\n                  </Fragment>\n                )\n              })}\n\n            {/* Stray items on main page */}\n            {currentPage === 'main' &&\n              items?.map((item) => {\n                const isDynamicIcon = typeof item.icon === 'string'\n                const IconComponent = isDynamicIcon ? null : (item.icon as LucideIcon)\n                return (\n                  <CommandItem\n                    data-action-type={item.action.type}\n                    data-item-type={item.type}\n                    key={item.slug}\n                    keywords={[item.label]}\n                    onSelect={() => handleSelect(item)}\n                    value={item.slug}\n                  >\n                    {isDynamicIcon ? (\n                      <LucideIconDynamic\n                        className=\"command__item-icon\"\n                        name={item.icon as IconName}\n                      />\n                    ) : (\n                      IconComponent && <IconComponent className=\"command__item-icon\" />\n                    )}\n                    {item.label}\n                  </CommandItem>\n                )\n              })}\n\n            {/* Submenu page view */}\n            {currentPage !== 'main' &&\n              submenuItems.map((item) => {\n                const isDynamicIcon = typeof item.icon === 'string'\n                const IconComponent = isDynamicIcon ? null : (item.icon as LucideIcon)\n                return (\n                  <CommandItem\n                    data-action-type={item.action.type}\n                    data-item-type={item.type}\n                    key={item.slug}\n                    onSelect={() => handleSelect(item)}\n                    value={item.slug}\n                  >\n                    {isDynamicIcon ? (\n                      <LucideIconDynamic\n                        className=\"command__item-icon\"\n                        name={item.icon as IconName}\n                      />\n                    ) : (\n                      IconComponent && <IconComponent className=\"command__item-icon\" />\n                    )}\n                    {item.label}\n                  </CommandItem>\n                )\n              })}\n          </CommandList>\n\n          {/* Footer with static shortcuts */}\n          {footerShortcuts && footerShortcuts.length > 0 && (\n            <div className=\"command__footer\">\n              {footerShortcuts.map((shortcut, index) => (\n                <span key={index}>\n                  <kbd>{formatShortcutKey(shortcut.key)}</kbd> {shortcut.label}\n                </span>\n              ))}\n            </div>\n          )}\n        </Command>\n      </div>\n    </Modal>\n  )\n}\n\nconst MemoizedCommandMenuComponent = memo(CommandMenuComponent)\n\nexport const CommandMenuProvider: React.FC<CommandMenuContextProps> = ({\n  children,\n  pluginConfig,\n}) => {\n  const { closeModal, isModalOpen, openModal, toggleModal } = useModal()\n  const [currentPage, setCurrentPage] = useState<CommandMenuPage>('main')\n\n  useHotkeys(\n    pluginConfig.shortcut || ['meta+k', 'ctrl+k'],\n    (event) => {\n      event.preventDefault()\n      event.stopPropagation()\n      toggleModal(MODAL_SLUG)\n    },\n    [toggleModal],\n  )\n  const { config } = useConfig()\n  const { i18n } = useTranslation()\n  const currentLang = i18n.language\n  const { groups, items } = useMemo(() => {\n    return createDefaultGroups(config, currentLang, pluginConfig)\n  }, [config, currentLang, pluginConfig])\n\n  return (\n    <CommandMenuContext.Provider\n      value={{\n        closeMenu: () => closeModal(MODAL_SLUG),\n        currentPage,\n        groups,\n        isOpen: isModalOpen(MODAL_SLUG),\n        items,\n        openMenu: () => openModal(MODAL_SLUG),\n        setPage: setCurrentPage,\n        toggleMenu: () => toggleModal(MODAL_SLUG),\n      }}\n    >\n      {children}\n      <MemoizedCommandMenuComponent pluginConfig={pluginConfig} />\n    </CommandMenuContext.Provider>\n  )\n}\n"],"names":["Modal","useConfig","useModal","useTranslation","ArrowBigUp","ChevronLeft","Command","CommandIcon","Option","useRouter","createContext","Fragment","memo","useCallback","useContext","useEffect","useMemo","useRef","useState","useHotkeys","createDefaultGroups","CommandEmpty","CommandGroup","CommandInput","CommandItem","CommandList","CommandSeparator","CommandShortcut","LucideIconDynamic","MODAL_SLUG","CommandMenuContext","closeMenu","currentPage","groups","isOpen","items","openMenu","setPage","toggleMenu","useCommandMenu","context","ITEM_SELECTOR","getSelectedElement","containerRef","current","querySelector","CommandMenuComponent","pluginConfig","search","setSearch","submenuItems","setSubmenuItems","isLoadingSubmenu","setIsLoadingSubmenu","isMac","setIsMac","commandListRef","router","t","test","navigator","platform","submenuEnabled","submenu","enabled","submenuShortcut","shortcut","blurBg","formatShortcutKey","key","parts","split","map","part","trim","elements","index","lowerPart","toLowerCase","content","size","length","fetchDocuments","type","searchParam","useAsTitle","encodeURIComponent","response","fetch","slug","data","json","docs","Array","isArray","doc","id","action","href","icon","icons","undefined","label","timeoutId","setTimeout","clearTimeout","handleBack","executeItemAction","item","body","JSON","stringify","headers","method","push","openSubmenu","useAsTitleLabel","handleSelect","handleKeyDown","e","preventDefault","stopPropagation","selectedElement","itemType","getAttribute","itemSlug","isShiftPressed","shiftKey","shouldOpenSubmenu","flatMap","g","find","i","document","addEventListener","removeEventListener","placeholder","shouldDisableFilter","footerShortcuts","handleBackdropClick","target","currentTarget","div","className","onClick","shouldFilter","button","span","onValueChange","value","ref","group","titleName","title","isRenderSeparator","heading","isDynamicIcon","IconComponent","data-action-type","data-item-type","keywords","onSelect","name","kbd","MemoizedCommandMenuComponent","CommandMenuProvider","children","closeModal","isModalOpen","openModal","toggleModal","setCurrentPage","event","config","i18n","currentLang","language","Provider"],"mappings":"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"}

package/dist/exports/client.d.ts

@@ -1,2 +1,2 @@
-export { CommandMenuProvider } from '../components/CommandMenuContext';
+export { CommandMenuProvider, useCommandMenu } from '../components/CommandMenuContext';
 export { default as SearchButton } from '../components/SearchButton';

package/dist/exports/client.js

@@ -1,4 +1,4 @@
-export { CommandMenuProvider } from '../components/CommandMenuContext';
+export { CommandMenuProvider, useCommandMenu } from '../components/CommandMenuContext';
 export { default as SearchButton } from '../components/SearchButton';
 
 //# sourceMappingURL=client.js.map

package/dist/exports/client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/exports/client.ts"],"sourcesContent":["export { CommandMenuProvider } from '../components/CommandMenuContext'\nexport { default as SearchButton } from '../components/SearchButton'\n"],"names":["CommandMenuProvider","default","SearchButton"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,mCAAkC;AACtE,SAASC,WAAWC,YAAY,QAAQ,6BAA4B"}
+{"version":3,"sources":["../../src/exports/client.ts"],"sourcesContent":["export { CommandMenuProvider, useCommandMenu } from '../components/CommandMenuContext'\nexport { default as SearchButton } from '../components/SearchButton'\n"],"names":["CommandMenuProvider","useCommandMenu","default","SearchButton"],"mappings":"AAAA,SAASA,mBAAmB,EAAEC,cAAc,QAAQ,mCAAkC;AACtF,SAASC,WAAWC,YAAY,QAAQ,6BAA4B"}

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 import { type Config } from 'payload';
 import type { PluginCommandMenuConfig } from './types';
-export declare const payloadCmdk: (pluginOptions: PluginCommandMenuConfig) => (config: Config) => Config;
+export declare const payloadCmdk: (pluginOptions?: PluginCommandMenuConfig) => (config: Config) => Config;

package/dist/index.js

@@ -1,6 +1,17 @@
 import { deepMerge } from 'payload';
 import { commandPluginTranslations } from './translations';
-export const payloadCmdk = (pluginOptions)=>(config)=>{
+export const payloadCmdk = (pluginOptions = {})=>(config)=>{
+        /**
+     * Initialize plugin options with safe defaults:
+     * - `disabled: false` ensures the plugin is enabled by default and prevents
+     *   "undefined" errors when checking `pluginOptions.disabled`
+     * - Spreading `...pluginOptions` preserves any user-provided overrides
+     */ // This can be useful later, if we introduce some defaults, other than disabled. Right now all defaults are hard-coded (like variable || 'default value' )
+        // Either we remove this, or move all our hardcoded defaults to one default config, which will get merged with user config.
+        //pluginOptions = {
+        //  disabled: false,
+        //  ...pluginOptions,
+        //}
         /**
      * If the plugin is disabled, we still want to keep added collections/fields so the database schema is consistent which is important for migrations.
      * If your plugin heavily modifies the database schema, you may want to remove this property.

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { type Config, deepMerge } from 'payload'\n\nimport type { PluginCommandMenuConfig } from './types'\n\nimport { commandPluginTranslations } from './translations'\n\nexport const payloadCmdk =\n  (pluginOptions: PluginCommandMenuConfig) =>\n  (config: Config): Config => {\n    /**\n     * If the plugin is disabled, we still want to keep added collections/fields so the database schema is consistent which is important for migrations.\n     * If your plugin heavily modifies the database schema, you may want to remove this property.\n     */\n    if (pluginOptions.disabled) {\n      return config\n    }\n\n    if (!config.admin) {\n      config.admin = {}\n    }\n\n    if (!config.admin.components) {\n      config.admin.components = {}\n    }\n\n    if (!config.admin.components.providers) {\n      config.admin.components.providers = []\n    }\n\n    config.admin.components.providers.push({\n      clientProps: {\n        pluginConfig: pluginOptions,\n      },\n      path: '@veiag/payload-cmdk/client#CommandMenuProvider',\n    })\n\n    if (pluginOptions.searchButton !== false) {\n      let searchButtonPosition = 'actions'\n      if (pluginOptions.searchButton && pluginOptions.searchButton.position) {\n        searchButtonPosition = pluginOptions.searchButton.position\n      }\n      if (searchButtonPosition === 'nav') {\n        if (!config.admin.components.beforeNavLinks) {\n          config.admin.components.beforeNavLinks = []\n        }\n        config.admin.components.beforeNavLinks = [\n          {\n            clientProps: {\n              position: pluginOptions.searchButton?.position || 'nav',\n              shortcut: pluginOptions.shortcut || ['meta+k', 'ctrl+k'],\n            },\n            path: '@veiag/payload-cmdk/client#SearchButton',\n          },\n          ...config.admin.components.beforeNavLinks,\n        ]\n      } else {\n        if (!config.admin.components.actions) {\n          config.admin.components.actions = []\n        }\n        config.admin.components.actions.push({\n          clientProps: {\n            position: pluginOptions.searchButton?.position || 'actions',\n            shortcut: pluginOptions.shortcut || ['meta+k', 'ctrl+k'],\n          },\n          path: '@veiag/payload-cmdk/client#SearchButton',\n        })\n      }\n    }\n\n    //Adding translations\n    if (!config.i18n) {\n      config.i18n = {}\n    }\n    if (!config.i18n.translations) {\n      config.i18n.translations = {}\n    }\n\n    config.i18n.translations = deepMerge(config.i18n.translations, commandPluginTranslations)\n\n    return config\n  }\n"],"names":["deepMerge","commandPluginTranslations","payloadCmdk","pluginOptions","config","disabled","admin","components","providers","push","clientProps","pluginConfig","path","searchButton","searchButtonPosition","position","beforeNavLinks","shortcut","actions","i18n","translations"],"mappings":"AAAA,SAAsBA,SAAS,QAAQ,UAAS;AAIhD,SAASC,yBAAyB,QAAQ,iBAAgB;AAE1D,OAAO,MAAMC,cACX,CAACC,gBACD,CAACC;QACC;;;KAGC,GACD,IAAID,cAAcE,QAAQ,EAAE;YAC1B,OAAOD;QACT;QAEA,IAAI,CAACA,OAAOE,KAAK,EAAE;YACjBF,OAAOE,KAAK,GAAG,CAAC;QAClB;QAEA,IAAI,CAACF,OAAOE,KAAK,CAACC,UAAU,EAAE;YAC5BH,OAAOE,KAAK,CAACC,UAAU,GAAG,CAAC;QAC7B;QAEA,IAAI,CAACH,OAAOE,KAAK,CAACC,UAAU,CAACC,SAAS,EAAE;YACtCJ,OAAOE,KAAK,CAACC,UAAU,CAACC,SAAS,GAAG,EAAE;QACxC;QAEAJ,OAAOE,KAAK,CAACC,UAAU,CAACC,SAAS,CAACC,IAAI,CAAC;YACrCC,aAAa;gBACXC,cAAcR;YAChB;YACAS,MAAM;QACR;QAEA,IAAIT,cAAcU,YAAY,KAAK,OAAO;YACxC,IAAIC,uBAAuB;YAC3B,IAAIX,cAAcU,YAAY,IAAIV,cAAcU,YAAY,CAACE,QAAQ,EAAE;gBACrED,uBAAuBX,cAAcU,YAAY,CAACE,QAAQ;YAC5D;YACA,IAAID,yBAAyB,OAAO;gBAClC,IAAI,CAACV,OAAOE,KAAK,CAACC,UAAU,CAACS,cAAc,EAAE;oBAC3CZ,OAAOE,KAAK,CAACC,UAAU,CAACS,cAAc,GAAG,EAAE;gBAC7C;gBACAZ,OAAOE,KAAK,CAACC,UAAU,CAACS,cAAc,GAAG;oBACvC;wBACEN,aAAa;4BACXK,UAAUZ,cAAcU,YAAY,EAAEE,YAAY;4BAClDE,UAAUd,cAAcc,QAAQ,IAAI;gCAAC;gCAAU;6BAAS;wBAC1D;wBACAL,MAAM;oBACR;uBACGR,OAAOE,KAAK,CAACC,UAAU,CAACS,cAAc;iBAC1C;YACH,OAAO;gBACL,IAAI,CAACZ,OAAOE,KAAK,CAACC,UAAU,CAACW,OAAO,EAAE;oBACpCd,OAAOE,KAAK,CAACC,UAAU,CAACW,OAAO,GAAG,EAAE;gBACtC;gBACAd,OAAOE,KAAK,CAACC,UAAU,CAACW,OAAO,CAACT,IAAI,CAAC;oBACnCC,aAAa;wBACXK,UAAUZ,cAAcU,YAAY,EAAEE,YAAY;wBAClDE,UAAUd,cAAcc,QAAQ,IAAI;4BAAC;4BAAU;yBAAS;oBAC1D;oBACAL,MAAM;gBACR;YACF;QACF;QAEA,qBAAqB;QACrB,IAAI,CAACR,OAAOe,IAAI,EAAE;YAChBf,OAAOe,IAAI,GAAG,CAAC;QACjB;QACA,IAAI,CAACf,OAAOe,IAAI,CAACC,YAAY,EAAE;YAC7BhB,OAAOe,IAAI,CAACC,YAAY,GAAG,CAAC;QAC9B;QAEAhB,OAAOe,IAAI,CAACC,YAAY,GAAGpB,UAAUI,OAAOe,IAAI,CAACC,YAAY,EAAEnB;QAE/D,OAAOG;IACT,EAAC"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { type Config, deepMerge } from 'payload'\n\nimport type { PluginCommandMenuConfig } from './types'\n\nimport { commandPluginTranslations } from './translations'\n\nexport const payloadCmdk =\n  (pluginOptions: PluginCommandMenuConfig = {}) =>\n  (config: Config): Config => {\n    /**\n     * Initialize plugin options with safe defaults:\n     * - `disabled: false` ensures the plugin is enabled by default and prevents\n     *   \"undefined\" errors when checking `pluginOptions.disabled`\n     * - Spreading `...pluginOptions` preserves any user-provided overrides\n     */\n    // This can be useful later, if we introduce some defaults, other than disabled. Right now all defaults are hard-coded (like variable || 'default value' )\n    // Either we remove this, or move all our hardcoded defaults to one default config, which will get merged with user config.\n    //pluginOptions = {\n    //  disabled: false,\n    //  ...pluginOptions,\n    //}\n\n    /**\n     * If the plugin is disabled, we still want to keep added collections/fields so the database schema is consistent which is important for migrations.\n     * If your plugin heavily modifies the database schema, you may want to remove this property.\n     */\n    if (pluginOptions.disabled) {\n      return config\n    }\n\n    if (!config.admin) {\n      config.admin = {}\n    }\n\n    if (!config.admin.components) {\n      config.admin.components = {}\n    }\n\n    if (!config.admin.components.providers) {\n      config.admin.components.providers = []\n    }\n\n    config.admin.components.providers.push({\n      clientProps: {\n        pluginConfig: pluginOptions,\n      },\n      path: '@veiag/payload-cmdk/client#CommandMenuProvider',\n    })\n\n    if (pluginOptions.searchButton !== false) {\n      let searchButtonPosition = 'actions'\n      if (pluginOptions.searchButton && pluginOptions.searchButton.position) {\n        searchButtonPosition = pluginOptions.searchButton.position\n      }\n      if (searchButtonPosition === 'nav') {\n        if (!config.admin.components.beforeNavLinks) {\n          config.admin.components.beforeNavLinks = []\n        }\n        config.admin.components.beforeNavLinks = [\n          {\n            clientProps: {\n              position: pluginOptions.searchButton?.position || 'nav',\n              shortcut: pluginOptions.shortcut || ['meta+k', 'ctrl+k'],\n            },\n            path: '@veiag/payload-cmdk/client#SearchButton',\n          },\n          ...config.admin.components.beforeNavLinks,\n        ]\n      } else {\n        if (!config.admin.components.actions) {\n          config.admin.components.actions = []\n        }\n        config.admin.components.actions.push({\n          clientProps: {\n            position: pluginOptions.searchButton?.position || 'actions',\n            shortcut: pluginOptions.shortcut || ['meta+k', 'ctrl+k'],\n          },\n          path: '@veiag/payload-cmdk/client#SearchButton',\n        })\n      }\n    }\n\n    //Adding translations\n    if (!config.i18n) {\n      config.i18n = {}\n    }\n    if (!config.i18n.translations) {\n      config.i18n.translations = {}\n    }\n\n    config.i18n.translations = deepMerge(config.i18n.translations, commandPluginTranslations)\n\n    return config\n  }\n"],"names":["deepMerge","commandPluginTranslations","payloadCmdk","pluginOptions","config","disabled","admin","components","providers","push","clientProps","pluginConfig","path","searchButton","searchButtonPosition","position","beforeNavLinks","shortcut","actions","i18n","translations"],"mappings":"AAAA,SAAsBA,SAAS,QAAQ,UAAS;AAIhD,SAASC,yBAAyB,QAAQ,iBAAgB;AAE1D,OAAO,MAAMC,cACX,CAACC,gBAAyC,CAAC,CAAC,GAC5C,CAACC;QACC;;;;;KAKC,GACD,0JAA0J;QAC1J,2HAA2H;QAC3H,mBAAmB;QACnB,oBAAoB;QACpB,qBAAqB;QACrB,GAAG;QAEH;;;KAGC,GACD,IAAID,cAAcE,QAAQ,EAAE;YAC1B,OAAOD;QACT;QAEA,IAAI,CAACA,OAAOE,KAAK,EAAE;YACjBF,OAAOE,KAAK,GAAG,CAAC;QAClB;QAEA,IAAI,CAACF,OAAOE,KAAK,CAACC,UAAU,EAAE;YAC5BH,OAAOE,KAAK,CAACC,UAAU,GAAG,CAAC;QAC7B;QAEA,IAAI,CAACH,OAAOE,KAAK,CAACC,UAAU,CAACC,SAAS,EAAE;YACtCJ,OAAOE,KAAK,CAACC,UAAU,CAACC,SAAS,GAAG,EAAE;QACxC;QAEAJ,OAAOE,KAAK,CAACC,UAAU,CAACC,SAAS,CAACC,IAAI,CAAC;YACrCC,aAAa;gBACXC,cAAcR;YAChB;YACAS,MAAM;QACR;QAEA,IAAIT,cAAcU,YAAY,KAAK,OAAO;YACxC,IAAIC,uBAAuB;YAC3B,IAAIX,cAAcU,YAAY,IAAIV,cAAcU,YAAY,CAACE,QAAQ,EAAE;gBACrED,uBAAuBX,cAAcU,YAAY,CAACE,QAAQ;YAC5D;YACA,IAAID,yBAAyB,OAAO;gBAClC,IAAI,CAACV,OAAOE,KAAK,CAACC,UAAU,CAACS,cAAc,EAAE;oBAC3CZ,OAAOE,KAAK,CAACC,UAAU,CAACS,cAAc,GAAG,EAAE;gBAC7C;gBACAZ,OAAOE,KAAK,CAACC,UAAU,CAACS,cAAc,GAAG;oBACvC;wBACEN,aAAa;4BACXK,UAAUZ,cAAcU,YAAY,EAAEE,YAAY;4BAClDE,UAAUd,cAAcc,QAAQ,IAAI;gCAAC;gCAAU;6BAAS;wBAC1D;wBACAL,MAAM;oBACR;uBACGR,OAAOE,KAAK,CAACC,UAAU,CAACS,cAAc;iBAC1C;YACH,OAAO;gBACL,IAAI,CAACZ,OAAOE,KAAK,CAACC,UAAU,CAACW,OAAO,EAAE;oBACpCd,OAAOE,KAAK,CAACC,UAAU,CAACW,OAAO,GAAG,EAAE;gBACtC;gBACAd,OAAOE,KAAK,CAACC,UAAU,CAACW,OAAO,CAACT,IAAI,CAAC;oBACnCC,aAAa;wBACXK,UAAUZ,cAAcU,YAAY,EAAEE,YAAY;wBAClDE,UAAUd,cAAcc,QAAQ,IAAI;4BAAC;4BAAU;yBAAS;oBAC1D;oBACAL,MAAM;gBACR;YACF;QACF;QAEA,qBAAqB;QACrB,IAAI,CAACR,OAAOe,IAAI,EAAE;YAChBf,OAAOe,IAAI,GAAG,CAAC;QACjB;QACA,IAAI,CAACf,OAAOe,IAAI,CAACC,YAAY,EAAE;YAC7BhB,OAAOe,IAAI,CAACC,YAAY,GAAG,CAAC;QAC9B;QAEAhB,OAAOe,IAAI,CAACC,YAAY,GAAGpB,UAAUI,OAAOe,IAAI,CAACC,YAAY,EAAEnB;QAE/D,OAAOG;IACT,EAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veiag/payload-cmdk",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "A command menu plugin for Payload CMS to enhance navigation and accessibility within the admin panel.",
   "author": "VeiaG",
   "license": "MIT",