@qoretechnologies/reqraft 0.10.11 → 0.10.13-pr.74.g6bfe1fd

package/src/helpers/common.ts

@@ -174,6 +174,25 @@ export const splitByteSize = (value?: string): [number | undefined, string | und
   return [amount?.[0] ? Number(amount[0]) : undefined, unit?.[0]];
 };
 
+/** Human-readable file size, e.g. `"12.3 KB"` — whole bytes below 1 KiB, one
+ *  decimal above. Shared by the ticket thread / references attachment rows. */
+export const formatBytes = (bytes: number): string => {
+  if (bytes < 1024) {
+    return `${bytes} B`;
+  }
+  const units = ['KB', 'MB', 'GB'];
+  let value = bytes / 1024;
+  let unit = 0;
+  while (value >= 1024 && unit < units.length - 1) {
+    value /= 1024;
+    unit += 1;
+  }
+  return `${value.toFixed(1)} ${units[unit]}`;
+};
+
+/** True when a MIME content type is an image (`image/*`). */
+export const isImage = (contentType: string): boolean => contentType.startsWith('image/');
+
 // URL value splitting (IDE `urlField.tsx` behavior). Lives here rather than
 // in the Url component so `validations.ts` can use it without pulling the
 // component chain into non-DOM consumers (jest).

package/src/helpers/scrollbar.ts

@@ -0,0 +1,32 @@
+import { css } from 'styled-components';
+
+/*
+ * The thin, unobtrusive scrollbar the Qorus surfaces use — a transparent track and a
+ * translucent rounded thumb — in place of the platform default, which reads as heavy
+ * chrome inside a dark panel. Drop it into any `styled` scroll container:
+ *
+ *   const Scroll = styled.div`
+ *     overflow-y: auto;
+ *     ${thinScrollbar}
+ *   `;
+ *
+ * webkit-only on purpose: setting `scrollbar-width` as well lets Chromium override this
+ * custom 6px with its own wider "thin", so the two disagree. Firefox keeps its native
+ * bar, which is already slim.
+ */
+export const thinScrollbar = css`
+  &::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.15);
+    border-radius: 3px;
+  }
+  &::-webkit-scrollbar-thumb:hover {
+    background: rgba(255, 255, 255, 0.28);
+  }
+`;

package/src/index.tsx

@@ -10,6 +10,8 @@ export {
   validateOptionWithRequiredGroups,
 } from './helpers/validations';
 export type { IValidationResult } from './helpers/validations';
+export { thinScrollbar } from './helpers/scrollbar';
+export * from './components/imageLightbox';
 export { ReqraftMenu } from './components/menu/Menu';
 export type {
   IReqraftMenuItem,
@@ -52,6 +54,9 @@ export type {
   ILspTextEdit,
   TLspDocumentText,
 } from './utils/lspClient.types';
+export * from './components/composer';
 export * from './components/smartEditor';
 export * from './components/dpqlEditor';
 export * from './components/qonsoleSmartInput';
+export * from './components/supportTicket';
+export * from './components/ticketThread';