qt-ui-kit 1.0.98 → 1.0.100

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 (8) hide show
  1. package/dist/index.d.mts +1 -0
  2. package/dist/index.d.ts +1 -0
  3. package/dist/index.js +103 -100
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +103 -100
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/style.css +26 -0
  8. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -168,6 +168,7 @@ type FilterButtonKey = "fires" | "unread" | "done" | "more" | IntegrationService
168
168
  type NavButtonConfig = {
169
169
  active?: boolean;
170
170
  onClick?: () => void;
171
+ disabled?: boolean;
171
172
  };
172
173
  type Props$1 = {
173
174
  buttons?: Partial<Record<FilterButtonKey, NavButtonConfig>>;
package/dist/index.d.ts CHANGED
@@ -168,6 +168,7 @@ type FilterButtonKey = "fires" | "unread" | "done" | "more" | IntegrationService
168
168
  type NavButtonConfig = {
169
169
  active?: boolean;
170
170
  onClick?: () => void;
171
+ disabled?: boolean;
171
172
  };
172
173
  type Props$1 = {
173
174
  buttons?: Partial<Record<FilterButtonKey, NavButtonConfig>>;
package/dist/index.js CHANGED
@@ -16147,7 +16147,7 @@ function SingleEvent({
16147
16147
  }
16148
16148
  },
16149
16149
  children: [
16150
- /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex gap-2 place-items-center", children: [
16150
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex gap-2 place-items-center w-min", children: [
16151
16151
  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
16152
16152
  CategoryIcon,
16153
16153
  {
@@ -16469,8 +16469,8 @@ function ChatBubble({
16469
16469
  "div",
16470
16470
  {
16471
16471
  className: (0, import_clsx9.default)(
16472
- "h-[24px] w-[24px] rounded-t-md bg-qtneutral-500 text-qtneutral-200 flex place-items-center place-content-center font-bold text-xs",
16473
- outbound ? "rounded-bl-md" : "rounded-br-md"
16472
+ "h-[24px] w-[24px] rounded-t-md flex place-items-center place-content-center label-1-bold",
16473
+ outbound ? "rounded-bl-md bg-qtgreen-200 text-qtneutral-900" : "rounded-br-md bg-qtpurple-300 text-qtneutral-200"
16474
16474
  ),
16475
16475
  children: name ? name[0].toUpperCase() : ""
16476
16476
  }
@@ -16538,8 +16538,7 @@ function TicketBody({
16538
16538
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: "Reporter: " }),
16539
16539
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: "Team: " }),
16540
16540
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: "Location: " }),
16541
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: "Related: " }),
16542
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: "Description: " })
16541
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: "Related: " })
16543
16542
  ] }),
16544
16543
  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "", children: [
16545
16544
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: dueDate || "None" }),
@@ -16548,8 +16547,11 @@ function TicketBody({
16548
16547
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: reporter || "None" }),
16549
16548
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: team || "None" }),
16550
16549
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: location || "None" }),
16551
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: related || "None" }),
16552
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: description || "None" })
16550
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: related || "None" })
16551
+ ] }),
16552
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { children: [
16553
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: `body-bold`, children: `Description` }),
16554
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "body-small", children: description || "None" })
16553
16555
  ] }),
16554
16556
  comments && Array.from(comments).map((c, i) => {
16555
16557
  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex col-span-2 flex-col gap-2 w-full", children: [
@@ -17121,8 +17123,8 @@ function FilterNavButton({ icon, label, active, onClick }) {
17121
17123
  // src/components/organisms/filter_bar/filter_bar.tsx
17122
17124
  var import_jsx_runtime44 = require("react/jsx-runtime");
17123
17125
  function FilterBar({ buttons }) {
17124
- return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col w-[54px] place-items-center gap-4", children: [
17125
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17126
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex h-full min-h-0 flex-col w-[54px] items-center gap-4", children: [
17127
+ !buttons?.fires?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17126
17128
  FilterNavButton,
17127
17129
  {
17128
17130
  icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
@@ -17135,7 +17137,7 @@ function FilterBar({ buttons }) {
17135
17137
  onClick: buttons?.fires?.onClick
17136
17138
  }
17137
17139
  ),
17138
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17140
+ !buttons?.unread?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17139
17141
  FilterNavButton,
17140
17142
  {
17141
17143
  icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
@@ -17149,7 +17151,7 @@ function FilterBar({ buttons }) {
17149
17151
  onClick: buttons?.unread?.onClick
17150
17152
  }
17151
17153
  ),
17152
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17154
+ !buttons?.done?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17153
17155
  FilterNavButton,
17154
17156
  {
17155
17157
  icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
@@ -17165,95 +17167,96 @@ function FilterBar({ buttons }) {
17165
17167
  }
17166
17168
  ),
17167
17169
  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
17168
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17169
- FilterNavButton,
17170
- {
17171
- icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: buttons?.slack?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SlackIcon, {}) }),
17172
- onClick: buttons?.slack?.onClick
17173
- }
17174
- ),
17175
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17176
- FilterNavButton,
17177
- {
17178
- icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: buttons?.google_mail?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(GoogleMailIcon, {}) }),
17179
- onClick: buttons?.google_mail?.onClick
17180
- }
17181
- ),
17182
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17183
- FilterNavButton,
17184
- {
17185
- icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: buttons?.google_calendar?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(GoogleCalendarIcon, {}) }),
17186
- onClick: buttons?.google_calendar?.onClick
17187
- }
17188
- ),
17189
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17190
- FilterNavButton,
17191
- {
17192
- icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: buttons?.atlassian_jira?.active ? "" : "grayscale", children: [
17193
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AtlassianIcon, {}),
17194
- " "
17195
- ] }),
17196
- onClick: buttons?.atlassian_jira?.onClick
17197
- }
17198
- ),
17199
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17200
- FilterNavButton,
17201
- {
17202
- icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: buttons?.microsoft_teams?.active ? "" : "grayscale", children: [
17203
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MicrosoftTeamsIcon, {}),
17204
- " "
17205
- ] }),
17206
- onClick: buttons?.microsoft_teams?.onClick
17207
- }
17208
- ),
17209
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17210
- FilterNavButton,
17211
- {
17212
- icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
17213
- "div",
17214
- {
17215
- className: buttons?.microsoft_calendar?.active || buttons?.microsoft_mail?.active ? "" : "grayscale",
17216
- children: [
17217
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MicrosoftOutlookMailIcon, {}),
17218
- " "
17219
- ]
17220
- }
17221
- ),
17222
- onClick: buttons?.microsoft_mail?.onClick || buttons?.microsoft_calendar?.onClick
17223
- }
17224
- ),
17225
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17226
- FilterNavButton,
17227
- {
17228
- icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
17229
- "div",
17230
- {
17231
- className: buttons?.clickup?.active || buttons?.clickup?.active ? "" : "grayscale",
17232
- children: [
17233
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ClickupIcon, {}),
17234
- " "
17235
- ]
17236
- }
17237
- ),
17238
- onClick: buttons?.clickup?.onClick
17239
- }
17240
- ),
17241
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17242
- FilterNavButton,
17243
- {
17244
- icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
17245
- "div",
17246
- {
17247
- className: buttons?.asana?.active || buttons?.asana?.active ? "" : "grayscale",
17248
- children: [
17249
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AsanaIcon, {}),
17250
- " "
17251
- ]
17252
- }
17253
- ),
17254
- onClick: buttons?.asana?.onClick
17255
- }
17256
- ),
17170
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex-1 min-h-0 w-full overflow-y-auto flex flex-col gap-4 overscroll-contain [scrollbar-gutter:stable] pl-1", children: [
17171
+ !buttons?.slack?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17172
+ FilterNavButton,
17173
+ {
17174
+ icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: buttons?.slack?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SlackIcon, {}) }),
17175
+ label: "slack",
17176
+ onClick: buttons?.slack?.onClick
17177
+ }
17178
+ ),
17179
+ !buttons?.google_mail?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17180
+ FilterNavButton,
17181
+ {
17182
+ icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: buttons?.google_mail?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(GoogleMailIcon, {}) }),
17183
+ label: "Gmail",
17184
+ onClick: buttons?.google_mail?.onClick
17185
+ }
17186
+ ),
17187
+ !buttons?.google_calendar?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17188
+ FilterNavButton,
17189
+ {
17190
+ icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17191
+ "div",
17192
+ {
17193
+ className: buttons?.google_calendar?.active ? "" : "grayscale",
17194
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(GoogleCalendarIcon, {})
17195
+ }
17196
+ ),
17197
+ label: "Gcal",
17198
+ onClick: buttons?.google_calendar?.onClick
17199
+ }
17200
+ ),
17201
+ !buttons?.atlassian_jira?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17202
+ FilterNavButton,
17203
+ {
17204
+ icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17205
+ "div",
17206
+ {
17207
+ className: buttons?.atlassian_jira?.active ? "" : "grayscale",
17208
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AtlassianIcon, {})
17209
+ }
17210
+ ),
17211
+ label: "Jira",
17212
+ onClick: buttons?.atlassian_jira?.onClick
17213
+ }
17214
+ ),
17215
+ !buttons?.microsoft_teams?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17216
+ FilterNavButton,
17217
+ {
17218
+ icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17219
+ "div",
17220
+ {
17221
+ className: buttons?.microsoft_teams?.active ? "" : "grayscale",
17222
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MicrosoftTeamsIcon, {})
17223
+ }
17224
+ ),
17225
+ label: "Teams",
17226
+ onClick: buttons?.microsoft_teams?.onClick
17227
+ }
17228
+ ),
17229
+ !(buttons?.microsoft_mail?.disabled || buttons?.microsoft_calendar?.disabled) && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17230
+ FilterNavButton,
17231
+ {
17232
+ icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17233
+ "div",
17234
+ {
17235
+ className: buttons?.microsoft_calendar?.active || buttons?.microsoft_mail?.active ? "" : "grayscale",
17236
+ children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MicrosoftOutlookMailIcon, {})
17237
+ }
17238
+ ),
17239
+ label: "Outlook",
17240
+ onClick: buttons?.microsoft_mail?.onClick || buttons?.microsoft_calendar?.onClick
17241
+ }
17242
+ ),
17243
+ !buttons?.clickup?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17244
+ FilterNavButton,
17245
+ {
17246
+ icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: buttons?.clickup?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ClickupIcon, {}) }),
17247
+ label: "ClickUp",
17248
+ onClick: buttons?.clickup?.onClick
17249
+ }
17250
+ ),
17251
+ !buttons?.asana?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
17252
+ FilterNavButton,
17253
+ {
17254
+ icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: buttons?.asana?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AsanaIcon, {}) }),
17255
+ label: "Asana",
17256
+ onClick: buttons?.asana?.onClick
17257
+ }
17258
+ )
17259
+ ] }),
17257
17260
  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
17258
17261
  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { onClick: buttons?.more?.onClick, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(FilterNavButton, { icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PlusLarge, { size: 36 }) }) })
17259
17262
  ] });