@appcorp/kismaa-web-ui 0.1.24 → 0.1.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/index.d.ts +1 -1
  2. package/index.js +1 -1
  3. package/organisms/navbar/navbar.js +23 -8
  4. package/organisms/navbar/props.js +17 -4
  5. package/organisms/navbar/type.d.ts +9 -5
  6. package/package.json +1 -1
package/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
+ export * from './atoms';
1
2
  export * from './molecules';
2
3
  export * from './organisms';
3
4
  export * from './templates';
4
- export * from './atoms';
package/index.js CHANGED
@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
14
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./atoms"), exports);
17
18
  __exportStar(require("./molecules"), exports);
18
19
  __exportStar(require("./organisms"), exports);
19
20
  __exportStar(require("./templates"), exports);
20
- __exportStar(require("./atoms"), exports);
package/organisms/navbar/navbar.js CHANGED
@@ -13,7 +13,7 @@ var react_1 = __importDefault(require("react"));
13
13
  var mega_menu_1 = require("../mega-menu");
14
14
  var header_pointer_icon_1 = require("../../atoms/header-pointer-icon");
15
15
  var Navbar = function (_a) {
16
- var handleSearch = _a.handleSearch, handleSignIn = _a.handleSignIn, handleSignUp = _a.handleSignUp, isMobileMenuOpen = _a.isMobileMenuOpen, navLinks = _a.navLinks, signInLabel = _a.signInLabel, signUpLabel = _a.signUpLabel, toggleMobileMenu = _a.toggleMobileMenu, handleMegaMenuToggle = _a.handleMegaMenuToggle;
16
+ var handleMegaMenuToggle = _a.handleMegaMenuToggle, handleSearch = _a.handleSearch, headerActions = _a.headerActions, isMobileMenuOpen = _a.isMobileMenuOpen, navLinks = _a.navLinks, toggleMobileMenu = _a.toggleMobileMenu;
17
17
  var renderNavLink = function (link) {
18
18
  var _a;
19
19
  return (react_1.default.createElement("div", { key: link.label, className: "relative w-fit", onMouseEnter: handleMegaMenuToggle, onMouseLeave: handleMegaMenuToggle },
@@ -42,17 +42,32 @@ var Navbar = function (_a) {
42
42
  react_1.default.createElement("div", { className: "flex items-center justify-end gap-4" },
43
43
  react_1.default.createElement("div", { className: "", onClick: handleSearch },
44
44
  react_1.default.createElement(search_icon_1.SearchIcon, { className: "size-5 cursor-pointer" })),
45
- react_1.default.createElement("div", { className: "flex items-center justify-end" },
46
- react_1.default.createElement("div", { className: "w-fit" },
47
- react_1.default.createElement(molecules_1.Button, { type: molecules_1.BUTTON_TYPES.TEXT, handleOnClick: handleSignIn, label: signInLabel, size: molecules_1.BUTTON_SIZES.SM })),
48
- react_1.default.createElement("div", { className: "w-fit" },
49
- react_1.default.createElement(molecules_1.Button, { type: molecules_1.BUTTON_TYPES.SECONDARY, handleOnClick: handleSignUp, label: signUpLabel, iconSuffix: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "h-full w-6" }), size: molecules_1.BUTTON_SIZES.MD })))))),
45
+ react_1.default.createElement("div", { className: "flex items-center justify-end" }, headerActions
46
+ .filter(function (_a) {
47
+ var enabled = _a.enabled;
48
+ return enabled;
49
+ })
50
+ .sort(function (a, b) { return a.order - b.order; })
51
+ .map(function (_a) {
52
+ var handleOnClick = _a.handleOnClick, label = _a.label, type = _a.type;
53
+ return (react_1.default.createElement("div", { key: label, className: "w-fit" },
54
+ react_1.default.createElement(molecules_1.Button, { type: type, handleOnClick: handleOnClick, label: label, size: molecules_1.BUTTON_SIZES.SM })));
55
+ }))))),
50
56
  isMobileMenuOpen && (react_1.default.createElement("div", { className: "bg-purple-200/90 lg:hidden" },
51
57
  react_1.default.createElement("div", { className: "flex flex-col gap-4 px-4 py-6" },
52
58
  navLinks.map(function (link, index) { return (react_1.default.createElement("div", { key: index },
53
59
  react_1.default.createElement(link_1.default, { href: link.href, className: "flex cursor-pointer items-center justify-between" },
54
60
  react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.SUBH2 }, link.label)))); }),
55
- react_1.default.createElement(molecules_1.Button, { type: molecules_1.BUTTON_TYPES.TEXT, handleOnClick: handleSignIn, label: signInLabel, size: molecules_1.BUTTON_SIZES.MD }),
56
- react_1.default.createElement(molecules_1.Button, { type: molecules_1.BUTTON_TYPES.SECONDARY, handleOnClick: handleSignUp, label: signUpLabel, iconSuffix: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-7" }), size: molecules_1.BUTTON_SIZES.MD }))))));
61
+ headerActions
62
+ .filter(function (_a) {
63
+ var enabled = _a.enabled;
64
+ return enabled;
65
+ })
66
+ .sort(function (a, b) { return a.order - b.order; })
67
+ .map(function (_a) {
68
+ var handleOnClick = _a.handleOnClick, label = _a.label, type = _a.type;
69
+ return (react_1.default.createElement("div", { key: label, className: "w-fit" },
70
+ react_1.default.createElement(molecules_1.Button, { type: type, handleOnClick: handleOnClick, label: label, size: molecules_1.BUTTON_SIZES.SM })));
71
+ }))))));
57
72
  };
58
73
  exports.Navbar = Navbar;
package/organisms/navbar/props.js CHANGED
@@ -2,6 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.navbarData = void 0;
4
4
  var props_1 = require("../mega-menu/props");
5
+ var molecules_1 = require("../../molecules");
5
6
  exports.navbarData = {
6
7
  navLinks: [
7
8
  {
@@ -30,12 +31,24 @@ exports.navbarData = {
30
31
  order: 3,
31
32
  },
32
33
  ],
34
+ headerActions: [
35
+ {
36
+ enabled: true,
37
+ order: 1,
38
+ handleOnClick: function () { return void 0; },
39
+ label: 'Sign In',
40
+ type: molecules_1.BUTTON_TYPES.TEXT,
41
+ },
42
+ {
43
+ enabled: true,
44
+ order: 1,
45
+ handleOnClick: function () { return void 0; },
46
+ label: 'Sign Up',
47
+ type: molecules_1.BUTTON_TYPES.SECONDARY,
48
+ },
49
+ ],
33
50
  handleMegaMenuToggle: function () { return void 0; },
34
51
  handleSearch: function () { return void 0; },
35
- handleSignIn: function () { return void 0; },
36
- handleSignUp: function () { return void 0; },
37
52
  isMobileMenuOpen: false,
38
- signInLabel: 'Login',
39
- signUpLabel: 'Sign Up',
40
53
  toggleMobileMenu: function () { return void 0; },
41
54
  };
package/organisms/navbar/type.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { MouseEvent } from 'react';
2
- import { MegaMenuCardProps } from '../../molecules';
2
+ import { BUTTON_TYPES, MegaMenuCardProps } from '../../molecules';
3
3
  export interface NavLinks {
4
4
  enabled: boolean;
5
5
  href: string;
@@ -9,14 +9,18 @@ export interface NavLinks {
9
9
  megaMenuItems?: MegaMenuCardProps[];
10
10
  order: number;
11
11
  }
12
+ export interface NavbarHeaderActionItem {
13
+ enabled: boolean;
14
+ handleOnClick: () => void;
15
+ label: string;
16
+ order: number;
17
+ type: BUTTON_TYPES;
18
+ }
12
19
  export interface NavbarProps {
13
- handleSignIn: () => void;
20
+ headerActions: NavbarHeaderActionItem[];
14
21
  handleMegaMenuToggle: (e: MouseEvent<HTMLDivElement>) => void;
15
22
  handleSearch: () => void;
16
- handleSignUp: () => void;
17
23
  isMobileMenuOpen: boolean;
18
- signInLabel: string;
19
24
  navLinks: NavLinks[];
20
- signUpLabel: string;
21
25
  toggleMobileMenu: () => void;
22
26
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/kismaa-web-ui",
3
- "version": "0.1.24",
3
+ "version": "0.1.26",
4
4
  "source": "src/index.ts",
5
5
  "main": "lib/main.js",
6
6
  "module": "lib/module.js",