@greatapps/common 1.1.420 → 1.1.422

package/dist/components/navigation/AppNavigation.mjs

@@ -9,6 +9,7 @@ import { NavItems } from "./subcomponents/NavItems";
 import { ProjectSelector } from "./subcomponents/ProjectSelector";
 import { PlanCard } from "./subcomponents/PlanCard";
 import { CreditsCard } from "./subcomponents/CreditsCard";
+import { BottomLinks } from "./subcomponents/BottomLinks";
 import { NavItemsContext } from "./NavItemsContext";
 function AppNavigationRoot({ children, mobileVariant = "sheet", mobileTabsOffset, onCancelledReactivate }) {
   const [navItems, setNavItems] = useState([]);
@@ -23,7 +24,8 @@ const AppNavigation = Object.assign(AppNavigationRoot, {
   NavItems,
   ProjectSelector,
   PlanCard,
-  CreditsCard
+  CreditsCard,
+  BottomLinks
 });
 export {
   AppNavigation

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/navigation/AppNavigation.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ReactNode, useState } from 'react';\r\nimport { DesktopShell } from './shells/DesktopShell';\r\nimport { MdShell } from './shells/MdShell';\r\nimport { MobileShell } from './shells/MobileShell';\r\nimport { TabsMobileShell } from './shells/TabsMobileShell';\r\nimport { NavItems } from './subcomponents/NavItems';\r\nimport { ProjectSelector } from './subcomponents/ProjectSelector';\r\nimport { PlanCard } from './subcomponents/PlanCard';\r\nimport { CreditsCard } from './subcomponents/CreditsCard';\r\nimport { NavItemsContext } from './NavItemsContext';\r\nimport type { NavItemConfig } from './subcomponents/NavItems';\r\n\r\nexport type { NavItemConfig } from './subcomponents/NavItems';\r\nexport type { ProjectSelectorProps } from './subcomponents/ProjectSelector';\r\nexport type { PlanCardProps } from './subcomponents/PlanCard';\r\nexport type { CreditsCardProps } from './subcomponents/CreditsCard';\r\n\r\ninterface AppNavigationProps {\r\n  children: ReactNode;\r\n  mobileVariant?: 'sheet' | 'tabs';\r\n  mobileTabsOffset?: string;\r\n  onCancelledReactivate?: () => void;\r\n}\r\n\r\nfunction AppNavigationRoot({ children, mobileVariant = 'sheet', mobileTabsOffset, onCancelledReactivate }: AppNavigationProps) {\r\n  const [navItems, setNavItems] = useState<NavItemConfig[]>([]);\r\n\r\n  return (\r\n    <NavItemsContext.Provider value={{ navItems, setNavItems, mobileVariant }}>\r\n      <DesktopShell>{children}</DesktopShell>\r\n      <MdShell>{children}</MdShell>\r\n      <MobileShell>{children}</MobileShell>\r\n      {mobileVariant === 'tabs' && (\r\n        <TabsMobileShell topOffset={mobileTabsOffset}>{children}</TabsMobileShell>\r\n      )}\r\n    </NavItemsContext.Provider>\r\n  );\r\n}\r\n\r\nexport const AppNavigation = Object.assign(AppNavigationRoot, {\r\n  NavItems,\r\n  ProjectSelector,\r\n  PlanCard,\r\n  CreditsCard,\r\n});\r\n"],"mappings":";AA8BI,SACE,KADF;AA5BJ,SAAoB,gBAAgB;AACpC,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAehC,SAAS,kBAAkB,EAAE,UAAU,gBAAgB,SAAS,kBAAkB,sBAAsB,GAAuB;AAC7H,QAAM,CAAC,UAAU,WAAW,IAAI,SAA0B,CAAC,CAAC;AAE5D,SACE,qBAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,UAAU,aAAa,cAAc,GACtE;AAAA,wBAAC,gBAAc,UAAS;AAAA,IACxB,oBAAC,WAAS,UAAS;AAAA,IACnB,oBAAC,eAAa,UAAS;AAAA,IACtB,kBAAkB,UACjB,oBAAC,mBAAgB,WAAW,kBAAmB,UAAS;AAAA,KAE5D;AAEJ;AAEO,MAAM,gBAAgB,OAAO,OAAO,mBAAmB;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;","names":[]}
+{"version":3,"sources":["../../../src/components/navigation/AppNavigation.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { ReactNode, useState } from 'react';\r\nimport { DesktopShell } from './shells/DesktopShell';\r\nimport { MdShell } from './shells/MdShell';\r\nimport { MobileShell } from './shells/MobileShell';\r\nimport { TabsMobileShell } from './shells/TabsMobileShell';\r\nimport { NavItems } from './subcomponents/NavItems';\r\nimport { ProjectSelector } from './subcomponents/ProjectSelector';\r\nimport { PlanCard } from './subcomponents/PlanCard';\r\nimport { CreditsCard } from './subcomponents/CreditsCard';\r\nimport { BottomLinks } from './subcomponents/BottomLinks';\r\nimport { NavItemsContext } from './NavItemsContext';\r\nimport type { NavItemConfig } from './subcomponents/NavItems';\r\n\r\nexport type { NavItemConfig } from './subcomponents/NavItems';\r\nexport type { ProjectSelectorProps } from './subcomponents/ProjectSelector';\r\nexport type { PlanCardProps } from './subcomponents/PlanCard';\r\nexport type { CreditsCardProps } from './subcomponents/CreditsCard';\r\n\r\ninterface AppNavigationProps {\r\n  children: ReactNode;\r\n  mobileVariant?: 'sheet' | 'tabs';\r\n  mobileTabsOffset?: string;\r\n  onCancelledReactivate?: () => void;\r\n}\r\n\r\nfunction AppNavigationRoot({ children, mobileVariant = 'sheet', mobileTabsOffset, onCancelledReactivate }: AppNavigationProps) {\r\n  const [navItems, setNavItems] = useState<NavItemConfig[]>([]);\r\n\r\n  return (\r\n    <NavItemsContext.Provider value={{ navItems, setNavItems, mobileVariant }}>\r\n      <DesktopShell>{children}</DesktopShell>\r\n      <MdShell>{children}</MdShell>\r\n      <MobileShell>{children}</MobileShell>\r\n      {mobileVariant === 'tabs' && (\r\n        <TabsMobileShell topOffset={mobileTabsOffset}>{children}</TabsMobileShell>\r\n      )}\r\n    </NavItemsContext.Provider>\r\n  );\r\n}\r\n\r\nexport const AppNavigation = Object.assign(AppNavigationRoot, {\r\n  NavItems,\r\n  ProjectSelector,\r\n  PlanCard,\r\n  CreditsCard,\r\n  BottomLinks,\r\n});\r\n"],"mappings":";AA+BI,SACE,KADF;AA7BJ,SAAoB,gBAAgB;AACpC,SAAS,oBAAoB;AAC7B,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAehC,SAAS,kBAAkB,EAAE,UAAU,gBAAgB,SAAS,kBAAkB,sBAAsB,GAAuB;AAC7H,QAAM,CAAC,UAAU,WAAW,IAAI,SAA0B,CAAC,CAAC;AAE5D,SACE,qBAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,UAAU,aAAa,cAAc,GACtE;AAAA,wBAAC,gBAAc,UAAS;AAAA,IACxB,oBAAC,WAAS,UAAS;AAAA,IACnB,oBAAC,eAAa,UAAS;AAAA,IACtB,kBAAkB,UACjB,oBAAC,mBAAgB,WAAW,kBAAmB,UAAS;AAAA,KAE5D;AAEJ;AAEO,MAAM,gBAAgB,OAAO,OAAO,mBAAmB;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;","names":[]}

package/dist/components/navigation/subcomponents/BottomLinks.mjs

@@ -0,0 +1,35 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconHelp, IconBulb } from "@tabler/icons-react";
+const LINKS = [
+  {
+    label: "Ajuda",
+    icon: IconHelp,
+    href: "https://ajuda.greatsoftwares.com.br/pt-br/"
+  },
+  {
+    label: "Sugest\xF5es",
+    icon: IconBulb,
+    href: "https://ideias.greatpages.com.br/b/y0geg1ve/feature-ideas"
+  }
+];
+function BottomLinks() {
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: LINKS.map((link) => /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: link.href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "rounded-md flex items-center gap-2 p-3 cursor-pointer transition-colors no-underline bg-white hover:bg-gray-100 active:bg-gray-50",
+      children: [
+        /* @__PURE__ */ jsx(link.icon, { size: 20, className: "text-gray-400" }),
+        /* @__PURE__ */ jsx("span", { className: "paragraph-small-medium text-gray-500", children: link.label })
+      ]
+    },
+    link.label
+  )) });
+}
+export {
+  BottomLinks
+};
+//# sourceMappingURL=BottomLinks.mjs.map

package/dist/components/navigation/subcomponents/BottomLinks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/navigation/subcomponents/BottomLinks.tsx"],"sourcesContent":["'use client';\n\nimport { IconHelp, IconBulb } from '@tabler/icons-react';\n\nconst LINKS = [\n  {\n    label: 'Ajuda',\n    icon: IconHelp,\n    href: 'https://ajuda.greatsoftwares.com.br/pt-br/',\n  },\n  {\n    label: 'Sugestões',\n    icon: IconBulb,\n    href: 'https://ideias.greatpages.com.br/b/y0geg1ve/feature-ideas',\n  },\n] as const;\n\nexport function BottomLinks() {\n  return (\n    <div className=\"flex flex-col\">\n      {LINKS.map((link) => (\n        <a\n          key={link.label}\n          href={link.href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"rounded-md flex items-center gap-2 p-3 cursor-pointer transition-colors no-underline bg-white hover:bg-gray-100 active:bg-gray-50\"\n        >\n          <link.icon size={20} className=\"text-gray-400\" />\n          <span className=\"paragraph-small-medium text-gray-500\">\n            {link.label}\n          </span>\n        </a>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";AAqBQ,SAOE,KAPF;AAnBR,SAAS,UAAU,gBAAgB;AAEnC,MAAM,QAAQ;AAAA,EACZ;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEO,SAAS,cAAc;AAC5B,SACE,oBAAC,SAAI,WAAU,iBACZ,gBAAM,IAAI,CAAC,SACV;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM,KAAK;AAAA,MACX,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,WAAU;AAAA,MAEV;AAAA,4BAAC,KAAK,MAAL,EAAU,MAAM,IAAI,WAAU,iBAAgB;AAAA,QAC/C,oBAAC,UAAK,WAAU,wCACb,eAAK,OACR;AAAA;AAAA;AAAA,IATK,KAAK;AAAA,EAUZ,CACD,GACH;AAEJ;","names":[]}

package/package.json

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

package/src/components/navigation/AppNavigation.tsx

@@ -9,6 +9,7 @@ import { NavItems } from './subcomponents/NavItems';
 import { ProjectSelector } from './subcomponents/ProjectSelector';
 import { PlanCard } from './subcomponents/PlanCard';
 import { CreditsCard } from './subcomponents/CreditsCard';
+import { BottomLinks } from './subcomponents/BottomLinks';
 import { NavItemsContext } from './NavItemsContext';
 import type { NavItemConfig } from './subcomponents/NavItems';
 
@@ -44,4 +45,5 @@ export const AppNavigation = Object.assign(AppNavigationRoot, {
   ProjectSelector,
   PlanCard,
   CreditsCard,
+  BottomLinks,
 });

package/src/components/navigation/subcomponents/BottomLinks.tsx

@@ -0,0 +1,37 @@
+'use client';
+
+import { IconHelp, IconBulb } from '@tabler/icons-react';
+
+const LINKS = [
+  {
+    label: 'Ajuda',
+    icon: IconHelp,
+    href: 'https://ajuda.greatsoftwares.com.br/pt-br/',
+  },
+  {
+    label: 'Sugestões',
+    icon: IconBulb,
+    href: 'https://ideias.greatpages.com.br/b/y0geg1ve/feature-ideas',
+  },
+] as const;
+
+export function BottomLinks() {
+  return (
+    <div className="flex flex-col">
+      {LINKS.map((link) => (
+        <a
+          key={link.label}
+          href={link.href}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="rounded-md flex items-center gap-2 p-3 cursor-pointer transition-colors no-underline bg-white hover:bg-gray-100 active:bg-gray-50"
+        >
+          <link.icon size={20} className="text-gray-400" />
+          <span className="paragraph-small-medium text-gray-500">
+            {link.label}
+          </span>
+        </a>
+      ))}
+    </div>
+  );
+}