qt-ui-kit 1.0.29 → 1.0.31

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 (7) hide show
  1. package/dist/index.d.mts +9 -2
  2. package/dist/index.d.ts +9 -2
  3. package/dist/index.js +88 -21
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +88 -21
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -79,8 +79,15 @@ type Props$6 = {
79
79
  };
80
80
  declare function PreviewCard({ onRead, onSelected, service, subjectLine, body, sender, source, metadata, date, onClickGoToSource, urgencyLevel, alert, }: Props$6): react_jsx_runtime.JSX.Element;
81
81
 
82
- type Props$5 = {};
83
- declare function NavBar({}: Props$5): react_jsx_runtime.JSX.Element;
82
+ type NavButtonKey = "queue" | "account" | "logout";
83
+ type NavButtonConfig = {
84
+ active?: boolean;
85
+ onClick?: () => void;
86
+ };
87
+ type Props$5 = {
88
+ buttons?: Partial<Record<NavButtonKey, NavButtonConfig>>;
89
+ };
90
+ declare function NavBar({ buttons }: Props$5): react_jsx_runtime.JSX.Element;
84
91
 
85
92
  type Props$4 = {
86
93
  eventType?: EventType;
package/dist/index.d.ts CHANGED
@@ -79,8 +79,15 @@ type Props$6 = {
79
79
  };
80
80
  declare function PreviewCard({ onRead, onSelected, service, subjectLine, body, sender, source, metadata, date, onClickGoToSource, urgencyLevel, alert, }: Props$6): react_jsx_runtime.JSX.Element;
81
81
 
82
- type Props$5 = {};
83
- declare function NavBar({}: Props$5): react_jsx_runtime.JSX.Element;
82
+ type NavButtonKey = "queue" | "account" | "logout";
83
+ type NavButtonConfig = {
84
+ active?: boolean;
85
+ onClick?: () => void;
86
+ };
87
+ type Props$5 = {
88
+ buttons?: Partial<Record<NavButtonKey, NavButtonConfig>>;
89
+ };
90
+ declare function NavBar({ buttons }: Props$5): react_jsx_runtime.JSX.Element;
84
91
 
85
92
  type Props$4 = {
86
93
  eventType?: EventType;
package/dist/index.js CHANGED
@@ -15662,33 +15662,64 @@ function QTLogo({ variant }) {
15662
15662
  // src/components/molecules/buttons/nav_button/main_nav_button/main_nav_button.tsx
15663
15663
  var import_clsx5 = __toESM(require("clsx"));
15664
15664
  var import_jsx_runtime22 = require("react/jsx-runtime");
15665
- function MainNavButton({ icon, label, active }) {
15666
- return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "w-min h-min flex flex-none flex-col place-items-center gap-2", children: [
15667
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
15668
- "div",
15669
- {
15670
- className: (0, import_clsx5.default)(
15671
- "w-[44px] h-[44px] flex flex-none flex-col place-items-center place-content-center rounded-xl border-2 hover:border-qtpurple-500",
15672
- active ? "border-qtpurple-500 qt-drop-shadow-100 bg-qtpurple-200" : "border-qtpurple-300 bg-white"
15665
+ function MainNavButton({ icon, label, active, onClick }) {
15666
+ return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
15667
+ "div",
15668
+ {
15669
+ className: "w-min h-min flex flex-none flex-col place-items-center gap-2",
15670
+ onClick,
15671
+ children: [
15672
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
15673
+ "div",
15674
+ {
15675
+ className: (0, import_clsx5.default)(
15676
+ "w-[44px] h-[44px] flex flex-none flex-col place-items-center place-content-center rounded-xl border-2 hover:border-qtpurple-500",
15677
+ active ? "border-qtpurple-500 qt-drop-shadow-100 bg-qtpurple-200" : "border-qtpurple-300 bg-white"
15678
+ ),
15679
+ children: icon
15680
+ }
15673
15681
  ),
15674
- children: icon
15675
- }
15676
- ),
15677
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "label-3-bold text-qtpurple-500", children: label })
15678
- ] });
15682
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "label-3-bold text-qtpurple-500", children: label })
15683
+ ]
15684
+ }
15685
+ );
15679
15686
  }
15680
15687
 
15681
15688
  // src/components/organisms/nav_bar/nav_bar.tsx
15682
15689
  var import_jsx_runtime23 = require("react/jsx-runtime");
15683
- function NavBar({}) {
15690
+ function NavBar({ buttons = {} }) {
15684
15691
  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col w-[66px] bg-qtneutral-100 navbar-shadow h-full py-12 place-items-center place-content-between gap-8", children: [
15685
15692
  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-8", children: [
15686
15693
  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(QTLogo, { variant: "monogram" }),
15687
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MainNavButton, { active: true, label: "Queue", icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Queue, { color: "#6558FD" }) })
15694
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15695
+ MainNavButton,
15696
+ {
15697
+ active: buttons.queue?.active,
15698
+ label: "Queue",
15699
+ icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Queue, { color: "#6558FD" }),
15700
+ onClick: buttons.queue?.onClick
15701
+ }
15702
+ )
15688
15703
  ] }),
15689
15704
  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-8", children: [
15690
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MainNavButton, { label: "Account", icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Gear, { color: "#6558FD" }) }),
15691
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MainNavButton, { label: "Logout", icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Logout, { color: "#6558FD" }) })
15705
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15706
+ MainNavButton,
15707
+ {
15708
+ active: buttons.account?.active,
15709
+ label: "Account",
15710
+ icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Gear, { color: "#6558FD" }),
15711
+ onClick: buttons.account?.onClick
15712
+ }
15713
+ ),
15714
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15715
+ MainNavButton,
15716
+ {
15717
+ active: buttons.logout?.active,
15718
+ label: "Logout",
15719
+ icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Logout, { color: "#6558FD" }),
15720
+ onClick: buttons.logout?.onClick
15721
+ }
15722
+ )
15692
15723
  ] })
15693
15724
  ] });
15694
15725
  }
@@ -16333,22 +16364,58 @@ function Search({
16333
16364
  case 16:
16334
16365
  return {
16335
16366
  viewBox: "0 0 16 16",
16336
- path: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { d: "M14 14L10 10M11.3333 6.66667C11.3333 9.244 9.244 11.3333 6.66667 11.3333C4.08934 11.3333 2 9.244 2 6.66667C2 4.08934 4.08934 2 6.66667 2C9.244 2 11.3333 4.08934 11.3333 6.66667Z", stroke: color, "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" })
16367
+ path: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
16368
+ "path",
16369
+ {
16370
+ d: "M14 14L10 10M11.3333 6.66667C11.3333 9.244 9.244 11.3333 6.66667 11.3333C4.08934 11.3333 2 9.244 2 6.66667C2 4.08934 4.08934 2 6.66667 2C9.244 2 11.3333 4.08934 11.3333 6.66667Z",
16371
+ stroke: color,
16372
+ strokeWidth: "1.25",
16373
+ strokeLinecap: "round",
16374
+ strokeLinejoin: "round"
16375
+ }
16376
+ )
16337
16377
  };
16338
16378
  case 20:
16339
16379
  return {
16340
16380
  viewBox: "0 0 20 20",
16341
- path: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { d: "M17.5 17.5L12.5 12.5M14.1667 8.33333C14.1667 11.555 11.555 14.1667 8.33333 14.1667C5.11167 14.1667 2.5 11.555 2.5 8.33333C2.5 5.11167 5.11167 2.5 8.33333 2.5C11.555 2.5 14.1667 5.11167 14.1667 8.33333Z", stroke: color, "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
16381
+ path: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
16382
+ "path",
16383
+ {
16384
+ d: "M17.5 17.5L12.5 12.5M14.1667 8.33333C14.1667 11.555 11.555 14.1667 8.33333 14.1667C5.11167 14.1667 2.5 11.555 2.5 8.33333C2.5 5.11167 5.11167 2.5 8.33333 2.5C11.555 2.5 14.1667 5.11167 14.1667 8.33333Z",
16385
+ stroke: color,
16386
+ strokeWidth: "1.5",
16387
+ strokeLinecap: "round",
16388
+ strokeLinejoin: "round"
16389
+ }
16390
+ )
16342
16391
  };
16343
16392
  case 24:
16344
16393
  return {
16345
16394
  viewBox: "0 0 24 24",
16346
- path: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { d: "M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z", stroke: color, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })
16395
+ path: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
16396
+ "path",
16397
+ {
16398
+ d: "M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z",
16399
+ stroke: color,
16400
+ strokeWidth: "2",
16401
+ strokeLinecap: "round",
16402
+ strokeLinejoin: "round"
16403
+ }
16404
+ )
16347
16405
  };
16348
16406
  case 36:
16349
16407
  return {
16350
16408
  viewBox: "0 0 36 36",
16351
- path: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { d: "M31.5 31.5L22.5 22.5M25.5 15C25.5 20.799 20.799 25.5 15 25.5C9.20101 25.5 4.5 20.799 4.5 15C4.5 9.20101 9.20101 4.5 15 4.5C20.799 4.5 25.5 9.20101 25.5 15Z", stroke: color, "stroke-width": "2.25", "stroke-linecap": "round", "stroke-linejoin": "round" })
16409
+ path: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
16410
+ "path",
16411
+ {
16412
+ d: "M31.5 31.5L22.5 22.5M25.5 15C25.5 20.799 20.799 25.5 15 25.5C9.20101 25.5 4.5 20.799 4.5 15C4.5 9.20101 9.20101 4.5 15 4.5C20.799 4.5 25.5 9.20101 25.5 15Z",
16413
+ stroke: color,
16414
+ strokeWidth: "2.25",
16415
+ strokeLinecap: "round",
16416
+ strokeLinejoin: "round"
16417
+ }
16418
+ )
16352
16419
  };
16353
16420
  }
16354
16421
  };