qt-ui-kit 1.0.30 → 1.0.32

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
@@ -13138,22 +13138,58 @@ function ExternalLink({
13138
13138
  case 16:
13139
13139
  return {
13140
13140
  viewBox: "0 0 16 16",
13141
- path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M6.66699 3.99996H4.00033C3.26395 3.99996 2.66699 4.59691 2.66699 5.33329V12C2.66699 12.7363 3.26395 13.3333 4.00033 13.3333H10.667C11.4034 13.3333 12.0003 12.7363 12.0003 12V9.33329M9.33366 2.66663H13.3337M13.3337 2.66663V6.66663M13.3337 2.66663L6.66699 9.33329", stroke: color, "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" })
13141
+ path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
13142
+ "path",
13143
+ {
13144
+ d: "M6.66699 3.99996H4.00033C3.26395 3.99996 2.66699 4.59691 2.66699 5.33329V12C2.66699 12.7363 3.26395 13.3333 4.00033 13.3333H10.667C11.4034 13.3333 12.0003 12.7363 12.0003 12V9.33329M9.33366 2.66663H13.3337M13.3337 2.66663V6.66663M13.3337 2.66663L6.66699 9.33329",
13145
+ stroke: color,
13146
+ strokeWidth: "1.25",
13147
+ strokeLinecap: "round",
13148
+ strokeLinejoin: "round"
13149
+ }
13150
+ )
13142
13151
  };
13143
13152
  case 20:
13144
13153
  return {
13145
13154
  viewBox: "0 0 20 20",
13146
- path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M8.33301 5.00004H4.99967C4.0792 5.00004 3.33301 5.74623 3.33301 6.66671V15C3.33301 15.9205 4.0792 16.6667 4.99967 16.6667H13.333C14.2535 16.6667 14.9997 15.9205 14.9997 15V11.6667M11.6663 3.33337H16.6663M16.6663 3.33337V8.33337M16.6663 3.33337L8.33301 11.6667", stroke: color, "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
13155
+ path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
13156
+ "path",
13157
+ {
13158
+ d: "M8.33301 5.00004H4.99967C4.0792 5.00004 3.33301 5.74623 3.33301 6.66671V15C3.33301 15.9205 4.0792 16.6667 4.99967 16.6667H13.333C14.2535 16.6667 14.9997 15.9205 14.9997 15V11.6667M11.6663 3.33337H16.6663M16.6663 3.33337V8.33337M16.6663 3.33337L8.33301 11.6667",
13159
+ stroke: color,
13160
+ strokeWidth: "1.5",
13161
+ strokeLinecap: "round",
13162
+ strokeLinejoin: "round"
13163
+ }
13164
+ )
13147
13165
  };
13148
13166
  case 24:
13149
13167
  return {
13150
13168
  viewBox: "0 0 24 24",
13151
- path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14", stroke: color, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })
13169
+ path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
13170
+ "path",
13171
+ {
13172
+ d: "M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14",
13173
+ stroke: color,
13174
+ strokeWidth: "2",
13175
+ strokeLinecap: "round",
13176
+ strokeLinejoin: "round"
13177
+ }
13178
+ )
13152
13179
  };
13153
13180
  case 36:
13154
13181
  return {
13155
13182
  viewBox: "0 0 36 36",
13156
- path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M15 9H9C7.34315 9 6 10.3431 6 12V27C6 28.6569 7.34315 30 9 30H24C25.6569 30 27 28.6569 27 27V21M21 6H30M30 6V15M30 6L15 21", stroke: color, "stroke-width": "2.25", "stroke-linecap": "round", "stroke-linejoin": "round" })
13183
+ path: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
13184
+ "path",
13185
+ {
13186
+ d: "M15 9H9C7.34315 9 6 10.3431 6 12V27C6 28.6569 7.34315 30 9 30H24C25.6569 30 27 28.6569 27 27V21M21 6H30M30 6V15M30 6L15 21",
13187
+ stroke: color,
13188
+ strokeWidth: "2.25",
13189
+ strokeLinecap: "round",
13190
+ strokeLinejoin: "round"
13191
+ }
13192
+ )
13157
13193
  };
13158
13194
  }
13159
13195
  };
@@ -15662,33 +15698,64 @@ function QTLogo({ variant }) {
15662
15698
  // src/components/molecules/buttons/nav_button/main_nav_button/main_nav_button.tsx
15663
15699
  var import_clsx5 = __toESM(require("clsx"));
15664
15700
  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"
15701
+ function MainNavButton({ icon, label, active, onClick }) {
15702
+ return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
15703
+ "div",
15704
+ {
15705
+ className: "w-min h-min flex flex-none flex-col place-items-center gap-2",
15706
+ onClick,
15707
+ children: [
15708
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
15709
+ "div",
15710
+ {
15711
+ className: (0, import_clsx5.default)(
15712
+ "w-[44px] h-[44px] flex flex-none flex-col place-items-center place-content-center rounded-xl border-2 hover:border-qtpurple-500",
15713
+ active ? "border-qtpurple-500 qt-drop-shadow-100 bg-qtpurple-200" : "border-qtpurple-300 bg-white"
15714
+ ),
15715
+ children: icon
15716
+ }
15673
15717
  ),
15674
- children: icon
15675
- }
15676
- ),
15677
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "label-3-bold text-qtpurple-500", children: label })
15678
- ] });
15718
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "label-3-bold text-qtpurple-500 select-none", children: label })
15719
+ ]
15720
+ }
15721
+ );
15679
15722
  }
15680
15723
 
15681
15724
  // src/components/organisms/nav_bar/nav_bar.tsx
15682
15725
  var import_jsx_runtime23 = require("react/jsx-runtime");
15683
- function NavBar({}) {
15726
+ function NavBar({ buttons = {} }) {
15684
15727
  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
15728
  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col gap-8", children: [
15686
15729
  /* @__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" }) })
15730
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15731
+ MainNavButton,
15732
+ {
15733
+ active: buttons.queue?.active,
15734
+ label: "Queue",
15735
+ icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Queue, { color: "#6558FD" }),
15736
+ onClick: buttons.queue?.onClick
15737
+ }
15738
+ )
15688
15739
  ] }),
15689
15740
  /* @__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" }) })
15741
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15742
+ MainNavButton,
15743
+ {
15744
+ active: buttons.account?.active,
15745
+ label: "Account",
15746
+ icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Gear, { color: "#6558FD" }),
15747
+ onClick: buttons.account?.onClick
15748
+ }
15749
+ ),
15750
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
15751
+ MainNavButton,
15752
+ {
15753
+ active: buttons.logout?.active,
15754
+ label: "Logout",
15755
+ icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Logout, { color: "#6558FD" }),
15756
+ onClick: buttons.logout?.onClick
15757
+ }
15758
+ )
15692
15759
  ] })
15693
15760
  ] });
15694
15761
  }