@appcorp/kismaa-web-ui 0.1.3 → 0.1.5

package/navbar.82f16d2b.js

@@ -1,153 +0,0 @@
-var $28b048f7ca50ed9a$exports = require("./kismaa-logo.77129033.js");
-var $ac6f08dbb42bcae0$exports = require("./search-icon.74679efb.js");
-var $75ff6314b77a3597$exports = require("./molecules.6c6943fd.js");
-var $dShsD$reactjsxruntime = require("react/jsx-runtime");
-var $dShsD$heroiconsreact24solid = require("@heroicons/react/24/solid");
-var $dShsD$nextlink = require("next/link");
-require("react");
-var $dShsD$nextrouter = require("next/router");
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "Navbar", () => $d4942f56df6b99ca$export$42cfbb80f7861e77);
-
-
-
-
-
-
-
-
-const $d4942f56df6b99ca$export$42cfbb80f7861e77 = ({ isMobileMenuOpen: isMobileMenuOpen, toggleMobileMenu: toggleMobileMenu, navLinks: navLinks, loginLabel: loginLabel, signupLabel: signupLabel, handleSearch: handleSearch, handleLogin: handleLogin, handleSignup: handleSignup })=>{
-    const router = (0, $dShsD$nextrouter.useRouter)();
-    const displayedLinks = navLinks.slice(0, 5);
-    const isActive = (href)=>router.pathname === href;
-    return /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsxs)("div", {
-        className: "fixed z-50 w-full bg-purple-200/90",
-        children: [
-            /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsxs)("div", {
-                className: "kismaa-container flex items-center justify-between gap-10 py-1.5 lg:py-3.5",
-                children: [
-                    /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)("div", {
-                        className: "w-[15%]",
-                        children: /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, $28b048f7ca50ed9a$exports.KismaaLogo), {
-                            className: "size-20 lg:h-20 lg:w-28"
-                        })
-                    }),
-                    /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsxs)("div", {
-                        className: "flex items-center gap-6 lg:hidden",
-                        children: [
-                            /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, $ac6f08dbb42bcae0$exports.SearchIcon), {
-                                className: "size-5 cursor-pointer"
-                            }),
-                            /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)("button", {
-                                onClick: toggleMobileMenu,
-                                className: "cursor-pointer",
-                                children: isMobileMenuOpen ? /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, $dShsD$heroiconsreact24solid.XMarkIcon), {
-                                    className: "h-8 w-8"
-                                }) : /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, $dShsD$heroiconsreact24solid.Bars3Icon), {
-                                    className: "h-8 w-8"
-                                })
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsxs)("div", {
-                        className: "hidden w-[85%] items-center justify-between lg:flex",
-                        children: [
-                            /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)("div", {
-                                className: "flex gap-8",
-                                children: displayedLinks?.map((link)=>/*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dShsD$nextlink))), {
-                                        href: link.href,
-                                        className: `cursor-pointer transition-all duration-300 ease-in-out hover:text-primary ${isActive(link.href) ? 'text-primary' : 'text-[#263238]'}`,
-                                        children: /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
-                                            variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).SUBH2,
-                                            children: link.label
-                                        })
-                                    }, link.label))
-                            }),
-                            /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsxs)("div", {
-                                className: "flex items-center justify-end gap-4",
-                                children: [
-                                    /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)("div", {
-                                        className: "",
-                                        onClick: ()=>handleSearch(),
-                                        children: /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, $ac6f08dbb42bcae0$exports.SearchIcon), {
-                                            className: "size-5 cursor-pointer"
-                                        })
-                                    }),
-                                    /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsxs)("div", {
-                                        className: "flex items-center justify-end",
-                                        children: [
-                                            /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)("div", {
-                                                className: "w-fit",
-                                                children: /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Button), {
-                                                    type: (0, $75ff6314b77a3597$exports.BUTTON_TYPES).TEXT,
-                                                    handleOnClick: handleLogin,
-                                                    label: loginLabel,
-                                                    size: (0, $75ff6314b77a3597$exports.BUTTON_SIZES).SM
-                                                })
-                                            }),
-                                            /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)("div", {
-                                                className: "w-fit",
-                                                children: /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Button), {
-                                                    type: (0, $75ff6314b77a3597$exports.BUTTON_TYPES).SECONDARY,
-                                                    handleOnClick: handleSignup,
-                                                    label: signupLabel,
-                                                    iconSuffix: /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, $dShsD$heroiconsreact24solid.ChevronRightIcon), {
-                                                        className: "size-5"
-                                                    }),
-                                                    size: (0, $75ff6314b77a3597$exports.BUTTON_SIZES).MD
-                                                })
-                                            })
-                                        ]
-                                    })
-                                ]
-                            })
-                        ]
-                    })
-                ]
-            }),
-            isMobileMenuOpen && /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)("div", {
-                className: "bg-purple-200/90 lg:hidden",
-                children: /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsxs)("div", {
-                    className: "flex flex-col gap-4 px-4 py-6",
-                    children: [
-                        displayedLinks?.map((link)=>/*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, ($parcel$interopDefault($dShsD$nextlink))), {
-                                href: link.href,
-                                className: "cursor-pointer",
-                                children: /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Typography), {
-                                    variant: (0, $75ff6314b77a3597$exports.TYPOGRAPHY_VARIANTS).SUBH2,
-                                    children: link.label
-                                })
-                            }, link.label)),
-                        /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Button), {
-                            type: (0, $75ff6314b77a3597$exports.BUTTON_TYPES).TEXT,
-                            handleOnClick: handleLogin,
-                            label: loginLabel,
-                            size: (0, $75ff6314b77a3597$exports.BUTTON_SIZES).MD
-                        }),
-                        /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, $75ff6314b77a3597$exports.Button), {
-                            type: (0, $75ff6314b77a3597$exports.BUTTON_TYPES).SECONDARY,
-                            handleOnClick: handleSignup,
-                            label: signupLabel,
-                            iconSuffix: /*#__PURE__*/ (0, $dShsD$reactjsxruntime.jsx)((0, $dShsD$heroiconsreact24solid.ChevronRightIcon), {
-                                className: "size-7"
-                            }),
-                            size: (0, $75ff6314b77a3597$exports.BUTTON_SIZES).MD
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-};
-
-
-//# sourceMappingURL=navbar.82f16d2b.js.map

package/navbar.82f16d2b.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,4CAAgC,CAAC,oBAC5C,gBAAgB,oBAChB,gBAAgB,YAChB,QAAQ,cACR,UAAU,eACV,WAAW,gBACX,YAAY,eACZ,WAAW,gBACX,YAAY,EACb;IACC,MAAM,SAAS,CAAA,GAAA,2BAAQ;IACvB,MAAM,iBAAiB,SAAS,KAAK,CAAC,GAAG;IACzC,MAAM,WAAW,CAAC,OAAiB,OAAO,QAAQ,KAAK;IAEvD,qBACE,iCAAC;QAAI,WAAU;;0BACb,iCAAC;gBAAI,WAAU;;kCACb,gCAAC;wBAAI,WAAU;kCACb,cAAA,gCAAC,CAAA,GAAA,oCAAS;4BAAE,WAAU;;;kCAExB,iCAAC;wBAAI,WAAU;;0CACb,gCAAC,CAAA,GAAA,oCAAS;gCAAE,WAAU;;0CACtB,gCAAC;gCAAO,SAAS;gCAAkB,WAAU;0CAC1C,iCACC,gCAAC,CAAA,GAAA,sCAAQ;oCAAE,WAAU;mDAErB,gCAAC,CAAA,GAAA,sCAAQ;oCAAE,WAAU;;;;;kCAI3B,iCAAC;wBAAI,WAAU;;0CACb,gCAAC;gCAAI,WAAU;0CACZ,gBAAgB,IAAI,CAAC,qBACpB,gCAAC,CAAA,GAAA,yCAAG;wCAEF,MAAM,KAAK,IAAI;wCACf,WAAW,CAAC,0EAA0E,EAAE,SAAS,KAAK,IAAI,IAAI,iBAAiB,kBAAkB;kDAEjJ,cAAA,gCAAC,CAAA,GAAA,oCAAS;4CAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;sDAC3C,KAAK,KAAK;;uCALR,KAAK,KAAK;;0CAUrB,iCAAC;gCAAI,WAAU;;kDACb,gCAAC;wCAAI,WAAU;wCAAG,SAAS,IAAM;kDAC/B,cAAA,gCAAC,CAAA,GAAA,oCAAS;4CAAE,WAAU;;;kDAExB,iCAAC;wCAAI,WAAU;;0DACb,gCAAC;gDAAI,WAAU;0DACb,cAAA,gCAAC,CAAA,GAAA,gCAAK;oDACJ,MAAM,CAAA,GAAA,sCAAW,EAAE,IAAI;oDACvB,eAAe;oDACf,OAAO;oDACP,MAAM,CAAA,GAAA,sCAAW,EAAE,EAAE;;;0DAGzB,gCAAC;gDAAI,WAAU;0DACb,cAAA,gCAAC,CAAA,GAAA,gCAAK;oDACJ,MAAM,CAAA,GAAA,sCAAW,EAAE,SAAS;oDAC5B,eAAe;oDACf,OAAO;oDACP,0BAAY,gCAAC,CAAA,GAAA,6CAAe;wDAAE,WAAU;;oDACxC,MAAM,CAAA,GAAA,sCAAW,EAAE,EAAE;;;;;;;;;;;YAQhC,kCACC,gCAAC;gBAAI,WAAU;0BACb,cAAA,iCAAC;oBAAI,WAAU;;wBACZ,gBAAgB,IAAI,CAAC,qBACpB,gCAAC,CAAA,GAAA,yCAAG;gCAEF,MAAM,KAAK,IAAI;gCACf,WAAU;0CAEV,cAAA,gCAAC,CAAA,GAAA,oCAAS;oCAAE,SAAS,CAAA,GAAA,6CAAkB,EAAE,KAAK;8CAC3C,KAAK,KAAK;;+BALR,KAAK,KAAK;sCASnB,gCAAC,CAAA,GAAA,gCAAK;4BACJ,MAAM,CAAA,GAAA,sCAAW,EAAE,IAAI;4BACvB,eAAe;4BACf,OAAO;4BACP,MAAM,CAAA,GAAA,sCAAW,EAAE,EAAE;;sCAEvB,gCAAC,CAAA,GAAA,gCAAK;4BACJ,MAAM,CAAA,GAAA,sCAAW,EAAE,SAAS;4BAC5B,eAAe;4BACf,OAAO;4BACP,0BAAY,gCAAC,CAAA,GAAA,6CAAe;gCAAE,WAAU;;4BACxC,MAAM,CAAA,GAAA,sCAAW,EAAE,EAAE;;;;;;;AAOnC","sources":["src/organisms/navbar/navbar.tsx"],"sourcesContent":["import { KismaaLogo } from '../../atoms/kismaa-logo';\nimport { SearchIcon } from '../../atoms/search-icon';\nimport {\n  Button,\n  BUTTON_SIZES,\n  BUTTON_TYPES,\n  Typography,\n  TYPOGRAPHY_VARIANTS,\n} from '../../molecules';\nimport {\n  ChevronRightIcon,\n  Bars3Icon,\n  XMarkIcon,\n} from '@heroicons/react/24/solid';\nimport Link from 'next/link';\nimport React from 'react';\nimport { NavbarProps } from './type';\nimport { useRouter } from 'next/router';\n\nexport const Navbar: React.FC<NavbarProps> = ({\n  isMobileMenuOpen,\n  toggleMobileMenu,\n  navLinks,\n  loginLabel,\n  signupLabel,\n  handleSearch,\n  handleLogin,\n  handleSignup,\n}) => {\n  const router = useRouter();\n  const displayedLinks = navLinks.slice(0, 5);\n  const isActive = (href: string) => router.pathname === href;\n\n  return (\n    <div className=\"fixed z-50 w-full bg-purple-200/90\">\n      <div className=\"kismaa-container flex items-center justify-between gap-10 py-1.5 lg:py-3.5\">\n        <div className=\"w-[15%]\">\n          <KismaaLogo className=\"size-20 lg:h-20 lg:w-28\" />\n        </div>\n        <div className=\"flex items-center gap-6 lg:hidden\">\n          <SearchIcon className=\"size-5 cursor-pointer\" />\n          <button onClick={toggleMobileMenu} className=\"cursor-pointer\">\n            {isMobileMenuOpen ? (\n              <XMarkIcon className=\"h-8 w-8\" />\n            ) : (\n              <Bars3Icon className=\"h-8 w-8\" />\n            )}\n          </button>\n        </div>\n        <div className=\"hidden w-[85%] items-center justify-between lg:flex\">\n          <div className=\"flex gap-8\">\n            {displayedLinks?.map((link) => (\n              <Link\n                key={link.label}\n                href={link.href}\n                className={`cursor-pointer transition-all duration-300 ease-in-out hover:text-primary ${isActive(link.href) ? 'text-primary' : 'text-[#263238]'}`}\n              >\n                <Typography variant={TYPOGRAPHY_VARIANTS.SUBH2}>\n                  {link.label}\n                </Typography>\n              </Link>\n            ))}\n          </div>\n          <div className=\"flex items-center justify-end gap-4\">\n            <div className=\"\" onClick={() => handleSearch()}>\n              <SearchIcon className=\"size-5 cursor-pointer\" />\n            </div>\n            <div className=\"flex items-center justify-end\">\n              <div className=\"w-fit\">\n                <Button\n                  type={BUTTON_TYPES.TEXT}\n                  handleOnClick={handleLogin}\n                  label={loginLabel}\n                  size={BUTTON_SIZES.SM}\n                />\n              </div>\n              <div className=\"w-fit\">\n                <Button\n                  type={BUTTON_TYPES.SECONDARY}\n                  handleOnClick={handleSignup}\n                  label={signupLabel}\n                  iconSuffix={<ChevronRightIcon className=\"size-5\" />}\n                  size={BUTTON_SIZES.MD}\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {isMobileMenuOpen && (\n        <div className=\"bg-purple-200/90 lg:hidden\">\n          <div className=\"flex flex-col gap-4 px-4 py-6\">\n            {displayedLinks?.map((link) => (\n              <Link\n                key={link.label}\n                href={link.href}\n                className=\"cursor-pointer\"\n              >\n                <Typography variant={TYPOGRAPHY_VARIANTS.SUBH2}>\n                  {link.label}\n                </Typography>\n              </Link>\n            ))}\n            <Button\n              type={BUTTON_TYPES.TEXT}\n              handleOnClick={handleLogin}\n              label={loginLabel}\n              size={BUTTON_SIZES.MD}\n            />\n            <Button\n              type={BUTTON_TYPES.SECONDARY}\n              handleOnClick={handleSignup}\n              label={signupLabel}\n              iconSuffix={<ChevronRightIcon className=\"size-7\" />}\n              size={BUTTON_SIZES.MD}\n            />\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"navbar.82f16d2b.js.map"}