@greatapps/common 1.1.504 → 1.1.507

package/dist/components/navigation/ProjectSelectorPopover.mjs

@@ -68,7 +68,8 @@ function ProjectSelectorPopover({
         },
         children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col p-3 gap-2", children: [
           /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsx("span", { className: "paragraph-small-semibold", children: "Projetos" }) }),
-          /* @__PURE__ */ jsxs(Command, { className: "gap-2", defaultValue: " ", shouldFilter: !onSearchChange, children: [
+          /* @__PURE__ */ jsxs(Command, { className: "gap-2", defaultValue: " ", shouldFilter: !onSearchChange, value: " ", onValueChange: () => {
+          }, children: [
             /* @__PURE__ */ jsx(CommandInput, { placeholder: "Busque aqui", value: search, onValueChange: onSearchChange }),
             /* @__PURE__ */ jsx(
               CommandList,

package/dist/components/navigation/ProjectSelectorPopover.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/navigation/ProjectSelectorPopover.tsx"],"sourcesContent":["'use client';\n\nimport { Dispatch, RefObject, SetStateAction, UIEvent, useCallback } from 'react';\nimport {\n  Button,\n  Command,\n  CommandEmpty,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  UserAvatar,\n} from '../../index';\nimport { IconCheck, IconChevronDown, IconFolderOpen } from '@tabler/icons-react';\nimport type { Project } from '../../modules/projects/types';\n\nexport interface ProjectSelectorPopoverProps {\n  open: boolean;\n  setOpen: Dispatch<SetStateAction<boolean>>;\n  titleRef?: RefObject<HTMLSpanElement | null>;\n  projects: Project[];\n  selectedProject: Project | null;\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  onLoadMore?: () => void | Promise<unknown>;\n  onSelectProject: (project: Project) => void;\n  onManageProjects?: () => void;\n  search?: string;\n  onSearchChange?: (value: string) => void;\n  children?: React.ReactNode;\n}\n\nfunction ProjectItemSkeleton() {\n  return (\n    <div className=\"flex items-center justify-between px-2 py-2 gap-2\">\n      <div className=\"flex items-center gap-2 flex-1\">\n        <div className=\"skeleton size-9 rounded-lg shrink-0\" />\n        <div className=\"skeleton h-4 w-36 rounded\" />\n      </div>\n      <div className=\"skeleton size-4 rounded-full shrink-0\" />\n    </div>\n  );\n}\n\nexport function ProjectSelectorPopover({\n  open,\n  setOpen,\n  titleRef,\n  projects,\n  selectedProject,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  onLoadMore,\n  onSelectProject,\n  onManageProjects,\n  search,\n  onSearchChange,\n  children,\n}: ProjectSelectorPopoverProps) {\n  const handleListScroll = useCallback((event: UIEvent<HTMLDivElement>) => {\n    if (!hasNextPage || isFetchingNextPage || !onLoadMore) return;\n\n    const target = event.currentTarget;\n    const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;\n\n    if (distanceToBottom <= 80) {\n      onLoadMore();\n    }\n  }, [hasNextPage, isFetchingNextPage, onLoadMore]);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        {children ?? (\n          <button className=\"cursor-pointer\">\n            <IconChevronDown\n              size={20}\n              className={`transition-transform duration-200 ${open ? 'rotate-180 text-gray-950' : 'text-gray-400'}`}\n            />\n          </button>\n        )}\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-[296px] p-0 bg-white rounded-2xl shadow-md border border-gray-200\"\n        align=\"start\"\n        sideOffset={8}\n        onInteractOutside={(event: Event) => {\n          if (titleRef?.current?.contains(event.target as Node)) {\n            event.preventDefault();\n          }\n        }}\n      >\n        <div className=\"flex flex-col p-3 gap-2\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"paragraph-small-semibold\">Projetos</span>\n          </div>\n          <Command className=\"gap-2\" defaultValue=\" \" shouldFilter={!onSearchChange}>\n            <CommandInput placeholder=\"Busque aqui\" value={search} onValueChange={onSearchChange} />\n            <CommandList\n              className=\"custom-scrollbar paragraph-small-medium text-gray-600 h-[227px]\"\n              onScroll={handleListScroll}\n            >\n              {isLoading ? (\n                <>\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                </>\n              ) : projects.length === 0 ? (\n                <div className=\"flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4\">\n                  <IconFolderOpen size={28} className=\"text-gray-300\" />\n                  <span className=\"paragraph-small-medium text-center text-gray-500\">\n                    Nenhum projeto encontrado.\n                    <br />\n                    Crie um projeto para começar.\n                  </span>\n                </div>\n              ) : (\n                <>\n                  <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\n                  {projects.map((project) => {\n                    const isSelected = selectedProject?.id === project.id;\n                    return (\n                      <CommandItem\n                        key={project.id}\n                        value={`${project.title}-${project.id}`}\n                        keywords={[project.title]}\n                        className={isSelected ? 'bg-gray-50 min-h-[39px]' : 'min-h-[39px]'}\n                        onSelect={() => onSelectProject(project)}\n                      >\n                        <div className=\"flex items-center justify-between w-full cursor-pointer\">\n                          <div className=\"flex items-center gap-2 w-full\">\n                            <UserAvatar\n                              photo={project.photo}\n                              name={project.title}\n                              size={36}\n                            />\n                            {project.title}\n                          </div>\n                          {isSelected && (\n                            <IconCheck className=\"size-4 text-gray-950\" />\n                          )}\n                        </div>\n                      </CommandItem>\n                    );\n                  })}\n                  {isFetchingNextPage && (\n                    <>\n                      <ProjectItemSkeleton />\n                      <ProjectItemSkeleton />\n                    </>\n                  )}\n                </>\n              )}\n            </CommandList>\n          </Command>\n          {onManageProjects && (\n            <>\n              <div className=\"border-t border-gray-200\" />\n              <Button\n                variant=\"ghost\"\n                className=\"h-10! paragraph-small-medium text-gray-600 hover:text-gray-950 hover:bg-zinc-50 w-full justify-center\"\n                onClick={onManageProjects}\n              >\n                Gerenciar projetos\n              </Button>\n            </>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/navigation/ProjectSelectorPopover.tsx"],"sourcesContent":["'use client';\n\nimport { Dispatch, RefObject, SetStateAction, UIEvent, useCallback } from 'react';\nimport {\n  Button,\n  Command,\n  CommandEmpty,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  UserAvatar,\n} from '../../index';\nimport { IconCheck, IconChevronDown, IconFolderOpen } from '@tabler/icons-react';\nimport type { Project } from '../../modules/projects/types';\n\nexport interface ProjectSelectorPopoverProps {\n  open: boolean;\n  setOpen: Dispatch<SetStateAction<boolean>>;\n  titleRef?: RefObject<HTMLSpanElement | null>;\n  projects: Project[];\n  selectedProject: Project | null;\n  isLoading?: boolean;\n  isFetchingNextPage?: boolean;\n  hasNextPage?: boolean;\n  onLoadMore?: () => void | Promise<unknown>;\n  onSelectProject: (project: Project) => void;\n  onManageProjects?: () => void;\n  search?: string;\n  onSearchChange?: (value: string) => void;\n  children?: React.ReactNode;\n}\n\nfunction ProjectItemSkeleton() {\n  return (\n    <div className=\"flex items-center justify-between px-2 py-2 gap-2\">\n      <div className=\"flex items-center gap-2 flex-1\">\n        <div className=\"skeleton size-9 rounded-lg shrink-0\" />\n        <div className=\"skeleton h-4 w-36 rounded\" />\n      </div>\n      <div className=\"skeleton size-4 rounded-full shrink-0\" />\n    </div>\n  );\n}\n\nexport function ProjectSelectorPopover({\n  open,\n  setOpen,\n  titleRef,\n  projects,\n  selectedProject,\n  isLoading,\n  isFetchingNextPage,\n  hasNextPage,\n  onLoadMore,\n  onSelectProject,\n  onManageProjects,\n  search,\n  onSearchChange,\n  children,\n}: ProjectSelectorPopoverProps) {\n  const handleListScroll = useCallback((event: UIEvent<HTMLDivElement>) => {\n    if (!hasNextPage || isFetchingNextPage || !onLoadMore) return;\n\n    const target = event.currentTarget;\n    const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;\n\n    if (distanceToBottom <= 80) {\n      onLoadMore();\n    }\n  }, [hasNextPage, isFetchingNextPage, onLoadMore]);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        {children ?? (\n          <button className=\"cursor-pointer\">\n            <IconChevronDown\n              size={20}\n              className={`transition-transform duration-200 ${open ? 'rotate-180 text-gray-950' : 'text-gray-400'}`}\n            />\n          </button>\n        )}\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-[296px] p-0 bg-white rounded-2xl shadow-md border border-gray-200\"\n        align=\"start\"\n        sideOffset={8}\n        onInteractOutside={(event: Event) => {\n          if (titleRef?.current?.contains(event.target as Node)) {\n            event.preventDefault();\n          }\n        }}\n      >\n        <div className=\"flex flex-col p-3 gap-2\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"paragraph-small-semibold\">Projetos</span>\n          </div>\n          <Command className=\"gap-2\" defaultValue=\" \" shouldFilter={!onSearchChange} value=\" \" onValueChange={() => {}}>\n            <CommandInput placeholder=\"Busque aqui\" value={search} onValueChange={onSearchChange} />\n            <CommandList\n              className=\"custom-scrollbar paragraph-small-medium text-gray-600 h-[227px]\"\n              onScroll={handleListScroll}\n            >\n              {isLoading ? (\n                <>\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                  <ProjectItemSkeleton />\n                </>\n              ) : projects.length === 0 ? (\n                <div className=\"flex flex-col items-center justify-center gap-2 h-full text-gray-400 py-4\">\n                  <IconFolderOpen size={28} className=\"text-gray-300\" />\n                  <span className=\"paragraph-small-medium text-center text-gray-500\">\n                    Nenhum projeto encontrado.\n                    <br />\n                    Crie um projeto para começar.\n                  </span>\n                </div>\n              ) : (\n                <>\n                  <CommandEmpty>Nenhum resultado encontrado.</CommandEmpty>\n                  {projects.map((project) => {\n                    const isSelected = selectedProject?.id === project.id;\n                    return (\n                      <CommandItem\n                        key={project.id}\n                        value={`${project.title}-${project.id}`}\n                        keywords={[project.title]}\n                        className={isSelected ? 'bg-gray-50 min-h-[39px]' : 'min-h-[39px]'}\n                        onSelect={() => onSelectProject(project)}\n                      >\n                        <div className=\"flex items-center justify-between w-full cursor-pointer\">\n                          <div className=\"flex items-center gap-2 w-full\">\n                            <UserAvatar\n                              photo={project.photo}\n                              name={project.title}\n                              size={36}\n                            />\n                            {project.title}\n                          </div>\n                          {isSelected && (\n                            <IconCheck className=\"size-4 text-gray-950\" />\n                          )}\n                        </div>\n                      </CommandItem>\n                    );\n                  })}\n                  {isFetchingNextPage && (\n                    <>\n                      <ProjectItemSkeleton />\n                      <ProjectItemSkeleton />\n                    </>\n                  )}\n                </>\n              )}\n            </CommandList>\n          </Command>\n          {onManageProjects && (\n            <>\n              <div className=\"border-t border-gray-200\" />\n              <Button\n                variant=\"ghost\"\n                className=\"h-10! paragraph-small-medium text-gray-600 hover:text-gray-950 hover:bg-zinc-50 w-full justify-center\"\n                onClick={onManageProjects}\n              >\n                Gerenciar projetos\n              </Button>\n            </>\n          )}\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";AAsCM,SAqEU,UApER,KADF;AApCN,SAAuD,mBAAmB;AAC1E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,iBAAiB,sBAAsB;AAoB3D,SAAS,sBAAsB;AAC7B,SACE,qBAAC,SAAI,WAAU,qDACb;AAAA,yBAAC,SAAI,WAAU,kCACb;AAAA,0BAAC,SAAI,WAAU,uCAAsC;AAAA,MACrD,oBAAC,SAAI,WAAU,6BAA4B;AAAA,OAC7C;AAAA,IACA,oBAAC,SAAI,WAAU,yCAAwC;AAAA,KACzD;AAEJ;AAEO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAC9B,QAAM,mBAAmB,YAAY,CAAC,UAAmC;AACvE,QAAI,CAAC,eAAe,sBAAsB,CAAC,WAAY;AAEvD,UAAM,SAAS,MAAM;AACrB,UAAM,mBAAmB,OAAO,eAAe,OAAO,YAAY,OAAO;AAEzE,QAAI,oBAAoB,IAAI;AAC1B,iBAAW;AAAA,IACb;AAAA,EACF,GAAG,CAAC,aAAa,oBAAoB,UAAU,CAAC;AAEhD,SACE,qBAAC,WAAQ,MAAY,cAAc,SACjC;AAAA,wBAAC,kBAAe,SAAO,MACpB,sBACC,oBAAC,YAAO,WAAU,kBAChB;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,WAAW,qCAAqC,OAAO,6BAA6B,eAAe;AAAA;AAAA,IACrG,GACF,GAEJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAM;AAAA,QACN,YAAY;AAAA,QACZ,mBAAmB,CAAC,UAAiB;AACnC,cAAI,UAAU,SAAS,SAAS,MAAM,MAAc,GAAG;AACrD,kBAAM,eAAe;AAAA,UACvB;AAAA,QACF;AAAA,QAEA,+BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,SAAI,WAAU,qCACb,8BAAC,UAAK,WAAU,4BAA2B,sBAAQ,GACrD;AAAA,UACA,qBAAC,WAAQ,WAAU,SAAQ,cAAa,KAAI,cAAc,CAAC,gBAAgB,OAAM,KAAI,eAAe,MAAM;AAAA,UAAC,GACzG;AAAA,gCAAC,gBAAa,aAAY,eAAc,OAAO,QAAQ,eAAe,gBAAgB;AAAA,YACtF;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,UAAU;AAAA,gBAET,sBACC,iCACE;AAAA,sCAAC,uBAAoB;AAAA,kBACrB,oBAAC,uBAAoB;AAAA,kBACrB,oBAAC,uBAAoB;AAAA,kBACrB,oBAAC,uBAAoB;AAAA,mBACvB,IACE,SAAS,WAAW,IACtB,qBAAC,SAAI,WAAU,6EACb;AAAA,sCAAC,kBAAe,MAAM,IAAI,WAAU,iBAAgB;AAAA,kBACpD,qBAAC,UAAK,WAAU,oDAAmD;AAAA;AAAA,oBAEjE,oBAAC,QAAG;AAAA,oBAAE;AAAA,qBAER;AAAA,mBACF,IAEA,iCACE;AAAA,sCAAC,gBAAa,0CAA4B;AAAA,kBACzC,SAAS,IAAI,CAAC,YAAY;AACzB,0BAAM,aAAa,iBAAiB,OAAO,QAAQ;AACnD,2BACE;AAAA,sBAAC;AAAA;AAAA,wBAEC,OAAO,GAAG,QAAQ,KAAK,IAAI,QAAQ,EAAE;AAAA,wBACrC,UAAU,CAAC,QAAQ,KAAK;AAAA,wBACxB,WAAW,aAAa,4BAA4B;AAAA,wBACpD,UAAU,MAAM,gBAAgB,OAAO;AAAA,wBAEvC,+BAAC,SAAI,WAAU,2DACb;AAAA,+CAAC,SAAI,WAAU,kCACb;AAAA;AAAA,8BAAC;AAAA;AAAA,gCACC,OAAO,QAAQ;AAAA,gCACf,MAAM,QAAQ;AAAA,gCACd,MAAM;AAAA;AAAA,4BACR;AAAA,4BACC,QAAQ;AAAA,6BACX;AAAA,0BACC,cACC,oBAAC,aAAU,WAAU,wBAAuB;AAAA,2BAEhD;AAAA;AAAA,sBAlBK,QAAQ;AAAA,oBAmBf;AAAA,kBAEJ,CAAC;AAAA,kBACA,sBACC,iCACE;AAAA,wCAAC,uBAAoB;AAAA,oBACrB,oBAAC,uBAAoB;AAAA,qBACvB;AAAA,mBAEJ;AAAA;AAAA,YAEJ;AAAA,aACF;AAAA,UACC,oBACC,iCACE;AAAA,gCAAC,SAAI,WAAU,4BAA2B;AAAA,YAC1C;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAU;AAAA,gBACV,SAAS;AAAA,gBACV;AAAA;AAAA,YAED;AAAA,aACF;AAAA,WAEJ;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/modules/cards/hooks/create-card.hook.mjs

@@ -9,7 +9,16 @@ function useCreateCard() {
   const cardsKey = useAuthQueryKey([...CARDS_QUERY_KEY]);
   return useMutation({
     mutationFn: (data) => withAction(createCardAction)(data),
-    onSuccess: () => {
+    onSuccess: (result) => {
+      if (result?.data) {
+        queryClient.setQueriesData(
+          { queryKey: cardsKey },
+          (old) => {
+            if (!old?.data) return old;
+            return { ...old, data: [...old.data, result.data] };
+          }
+        );
+      }
       queryClient.invalidateQueries({ queryKey: cardsKey });
     }
   });

package/dist/modules/cards/hooks/create-card.hook.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/modules/cards/hooks/create-card.hook.ts"],"sourcesContent":["'use client';\n\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport { withAction } from '../../../utils/withAction';\nimport { createCardAction } from '../actions/create-card.action';\nimport { CreateCardRequest } from '../types';\nimport { CARDS_QUERY_KEY } from './cards.hook';\nimport { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';\n\nexport function useCreateCard() {\n  const queryClient = useQueryClient();\n  const cardsKey = useAuthQueryKey([...CARDS_QUERY_KEY]);\n\n  return useMutation({\n    mutationFn: (data: CreateCardRequest) => withAction(createCardAction)(data),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: cardsKey });\n    },\n  });\n}\n"],"mappings":";AAEA,SAAS,aAAa,sBAAsB;AAC5C,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AAEjC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAEzB,SAAS,gBAAgB;AAC9B,QAAM,cAAc,eAAe;AACnC,QAAM,WAAW,gBAAgB,CAAC,GAAG,eAAe,CAAC;AAErD,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,SAA4B,WAAW,gBAAgB,EAAE,IAAI;AAAA,IAC1E,WAAW,MAAM;AACf,kBAAY,kBAAkB,EAAE,UAAU,SAAS,CAAC;AAAA,IACtD;AAAA,EACF,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../../src/modules/cards/hooks/create-card.hook.ts"],"sourcesContent":["'use client';\n\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport { withAction } from '../../../utils/withAction';\nimport { createCardAction } from '../actions/create-card.action';\nimport type { CreateCardRequest, Card } from '../types';\nimport type { PaginatedSuccessResult } from '../../../infra/api/types';\nimport { CARDS_QUERY_KEY } from './cards.hook';\nimport { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';\n\nexport function useCreateCard() {\n  const queryClient = useQueryClient();\n  const cardsKey = useAuthQueryKey([...CARDS_QUERY_KEY]);\n\n  return useMutation({\n    mutationFn: (data: CreateCardRequest) => withAction(createCardAction)(data),\n    onSuccess: (result) => {\n      if (result?.data) {\n        queryClient.setQueriesData<PaginatedSuccessResult<Card>>(\n          { queryKey: cardsKey },\n          (old) => {\n            if (!old?.data) return old;\n            return { ...old, data: [...old.data, result.data!] };\n          }\n        );\n      }\n      queryClient.invalidateQueries({ queryKey: cardsKey });\n    },\n  });\n}\n"],"mappings":";AAEA,SAAS,aAAa,sBAAsB;AAC5C,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AAGjC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAEzB,SAAS,gBAAgB;AAC9B,QAAM,cAAc,eAAe;AACnC,QAAM,WAAW,gBAAgB,CAAC,GAAG,eAAe,CAAC;AAErD,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC,SAA4B,WAAW,gBAAgB,EAAE,IAAI;AAAA,IAC1E,WAAW,CAAC,WAAW;AACrB,UAAI,QAAQ,MAAM;AAChB,oBAAY;AAAA,UACV,EAAE,UAAU,SAAS;AAAA,UACrB,CAAC,QAAQ;AACP,gBAAI,CAAC,KAAK,KAAM,QAAO;AACvB,mBAAO,EAAE,GAAG,KAAK,MAAM,CAAC,GAAG,IAAI,MAAM,OAAO,IAAK,EAAE;AAAA,UACrD;AAAA,QACF;AAAA,MACF;AACA,kBAAY,kBAAkB,EAAE,UAAU,SAAS,CAAC;AAAA,IACtD;AAAA,EACF,CAAC;AACH;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatapps/common",
-  "version": "1.1.504",
+  "version": "1.1.507",
   "description": "Shared library for GreatApps frontend applications",
   "main": "./dist/index.mjs",
   "types": "./src/index.ts",

package/src/components/navigation/ProjectSelectorPopover.tsx

@@ -98,7 +98,7 @@ export function ProjectSelectorPopover({
           <div className="flex items-center justify-between">
             <span className="paragraph-small-semibold">Projetos</span>
           </div>
-          <Command className="gap-2" defaultValue=" " shouldFilter={!onSearchChange}>
+          <Command className="gap-2" defaultValue=" " shouldFilter={!onSearchChange} value=" " onValueChange={() => {}}>
             <CommandInput placeholder="Busque aqui" value={search} onValueChange={onSearchChange} />
             <CommandList
               className="custom-scrollbar paragraph-small-medium text-gray-600 h-[227px]"

package/src/modules/cards/hooks/create-card.hook.ts

@@ -3,7 +3,8 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { withAction } from '../../../utils/withAction';
 import { createCardAction } from '../actions/create-card.action';
-import { CreateCardRequest } from '../types';
+import type { CreateCardRequest, Card } from '../types';
+import type { PaginatedSuccessResult } from '../../../infra/api/types';
 import { CARDS_QUERY_KEY } from './cards.hook';
 import { useAuthQueryKey } from '../../../hooks/useAuthQueryKey';
 
@@ -13,7 +14,16 @@ export function useCreateCard() {
 
   return useMutation({
     mutationFn: (data: CreateCardRequest) => withAction(createCardAction)(data),
-    onSuccess: () => {
+    onSuccess: (result) => {
+      if (result?.data) {
+        queryClient.setQueriesData<PaginatedSuccessResult<Card>>(
+          { queryKey: cardsKey },
+          (old) => {
+            if (!old?.data) return old;
+            return { ...old, data: [...old.data, result.data!] };
+          }
+        );
+      }
       queryClient.invalidateQueries({ queryKey: cardsKey });
     },
   });