@pablo2410/shared-ui 0.18.2 → 0.19.1

package/dist/{chunk-CPRJSW7F.js → chunk-VJEXXX2P.js}

@@ -13,7 +13,7 @@ import {
   Tooltip,
   TooltipContent,
   TooltipTrigger
-} from "./chunk-NXE653CX.js";
+} from "./chunk-K6FHU4HN.js";
 import {
   cn
 } from "./chunk-JT3XLKKD.js";
@@ -725,4 +725,4 @@ export {
   hierarchyCodeFor,
   HierarchyNavigator
 };
-//# sourceMappingURL=chunk-CPRJSW7F.js.map
+//# sourceMappingURL=chunk-VJEXXX2P.js.map

package/dist/hierarchy/index.js

@@ -6,7 +6,7 @@ import {
   hierarchyCodeFor,
   idReference,
   readActiveEnterpriseCookie
-} from "../chunk-CPRJSW7F.js";
+} from "../chunk-VJEXXX2P.js";
 import {
   ORG_HIERARCHY_PARAM,
   appendSelectionParam,
@@ -27,7 +27,7 @@ import {
   ORG_HIERARCHY_LABELS,
   ORG_HIERARCHY_LEVELS
 } from "../chunk-HLMIR5UV.js";
-import "../chunk-NXE653CX.js";
+import "../chunk-K6FHU4HN.js";
 import "../chunk-JT3XLKKD.js";
 import "../chunk-BKGUIIN2.js";
 export {

package/dist/layout/index.js

@@ -19,13 +19,13 @@ import {
   policyDeploymentConfig,
   sqdcpConfig,
   useSidebarResize
-} from "../chunk-TTDKZK6L.js";
+} from "../chunk-LR5TUYFD.js";
 import "../chunk-4QJMLQSH.js";
-import "../chunk-CPRJSW7F.js";
+import "../chunk-VJEXXX2P.js";
 import "../chunk-DMUQ5WNO.js";
 import "../chunk-A6UTXAPS.js";
 import "../chunk-HLMIR5UV.js";
-import "../chunk-NXE653CX.js";
+import "../chunk-K6FHU4HN.js";
 import "../chunk-JT3XLKKD.js";
 import "../chunk-BKGUIIN2.js";
 export {

package/dist/primitives/index.d.ts

@@ -27,7 +27,7 @@ import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import { PanelResizeHandle, Panel, PanelGroup } from 'react-resizable-panels';
+import { Separator as Separator$1, Panel, Group } from 'react-resizable-panels';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
@@ -425,9 +425,9 @@ declare function Progress({ className, value, ...props }: React$1.ComponentProps
 declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): React$1.JSX.Element;
 declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Item>): React$1.JSX.Element;
 
-declare function ResizablePanelGroup({ className, ...props }: React$1.ComponentProps<typeof PanelGroup>): React$1.JSX.Element;
+declare function ResizablePanelGroup({ className, ...props }: React$1.ComponentProps<typeof Group>): React$1.JSX.Element;
 declare function ResizablePanel({ ...props }: React$1.ComponentProps<typeof Panel>): React$1.JSX.Element;
-declare function ResizableHandle({ withHandle, className, ...props }: React$1.ComponentProps<typeof PanelResizeHandle> & {
+declare function ResizableHandle({ withHandle, className, ...props }: React$1.ComponentProps<typeof Separator$1> & {
     withHandle?: boolean;
 }): React$1.JSX.Element;
 

package/dist/primitives/index.js

@@ -269,7 +269,7 @@ import {
   useFormField,
   useIsMobile,
   useSidebar
-} from "../chunk-NXE653CX.js";
+} from "../chunk-K6FHU4HN.js";
 import {
   Button,
   Dialog,

package/dist/reporting/index.d.ts

@@ -1,36 +1,72 @@
 import * as React from 'react';
 
 interface ReportingToolbarProps extends Omit<ReportingToolbarConfig, "moduleName"> {
-    /** Service/module name (e.g. "Connect", "Policy Deployment"). Defaults to "Oplytics". */
+    /** Service/module name (e.g. "Connect"). Defaults to "Oplytics". */
     moduleName?: string;
-    /** Optional pre-fill for the report dialog's Location/Area field. */
-    defaultLocation?: string;
+    /** The current org-hierarchy selection, forwarded on every submission. */
+    hierarchyContext?: ReportHierarchyContext;
+    /** The authenticated user — openId is authoritative, name/email are hints. */
+    currentUser?: ReportSubmitter;
+    /** Service list for the feedback picker. Defaults to OPLYTICS_SERVICES. */
+    services?: OplyticsService[];
+    /** Pre-selected service slug in the feedback picker. */
+    defaultServiceSlug?: string;
+    /** Show the "attach screenshot" control (default: true). */
+    enableScreenshot?: boolean;
     /**
-     * Compact mode — currently a no-op (the new design always responsive-collapses
-     * the labels at small breakpoints). Kept on the prop type so callers that
-     * still pass it continue to type-check.
-     * @deprecated The toolbar handles responsive collapse on its own.
+     * While true (the DEFAULT), the Report items are disabled with a "Coming
+     * soon" badge and `onReportSubmit` is never called. A later release wires the
+     * per-type forms and passes `false`.
+     */
+    reportsComingSoon?: boolean;
+    /**
+     * @deprecated the toolbar handles responsive collapse itself.
      */
     compact?: boolean;
     /** CSS class for the container. */
     className?: string;
 }
-declare function ReportingToolbar({ moduleName, showIncidentReporting, showFeedback, reportCategories, feedbackCategories, onReportSubmit, onFeedbackSubmit, defaultLocation, className, }: ReportingToolbarProps): React.JSX.Element;
+declare function ReportingToolbar({ moduleName, showIncidentReporting, showFeedback, reportCategories, feedbackCategories, onReportSubmit, onFeedbackSubmit, hierarchyContext, currentUser, services, defaultServiceSlug, enableScreenshot, reportsComingSoon, className, }: ReportingToolbarProps): React.JSX.Element | null;
 
 /**
  * @oplytics/shared-ui/reporting
  *
- * Reporting and feedback toolbar types and configuration for all Oplytics subdomains.
- * Provides the standard Safety/Environmental/Stop Work incident reporting buttons
- * and Problem/Suggestion feedback buttons.
+ * Reporting and feedback toolbar types + configuration for all Oplytics
+ * subdomains — the header "User Actions" dropdown (ReportingToolbar).
  *
- * The actual ReportingToolbar React component depends on shadcn/ui primitives
- * (Dialog, Button, Textarea, Select) which vary across subdomains until
- * consolidation. This module provides the types, configuration, and submission
- * logic that are shared.
+ * Feedback (Report Problem / Suggestion) is fully wired: the dialog collects a
+ * service, an "is this blocking you?" signal, a short summary, the detail, and
+ * an optional screenshot, then calls `onFeedbackSubmit` with the canonical
+ * `FeedbackReport` shape. The host owns the transport (it POSTs to Portal's
+ * `/api/service/feedback`).
+ *
+ * Report (Safety / Environmental / Stop Work) is not wired yet — while
+ * `reportsComingSoon` is true (the default), those items render disabled with a
+ * "Coming soon" badge. A later release adds the per-type forms and flips the
+ * default.
  */
 type ReportCategory = "safety" | "environmental" | "stop-work";
 type FeedbackCategory = "problem" | "suggestion";
+/** Where in the org hierarchy the submission was made. */
+interface ReportHierarchyContext {
+    enterpriseId?: number;
+    businessUnitId?: number;
+    siteId?: number;
+    areaId?: number;
+    assetId?: number;
+}
+/** The authenticated user, as much as the host can supply. */
+interface ReportSubmitter {
+    /** JWT `openId` claim — the host must NOT trust name/email over this. */
+    openId?: string;
+    name?: string;
+    email?: string;
+}
+/** An attached screenshot: base64 WITHOUT the `data:...;base64,` prefix. */
+interface ReportScreenshot {
+    dataBase64: string;
+    mime: string;
+}
 interface IncidentReport {
     category: ReportCategory;
     description: string;
@@ -41,44 +77,52 @@ interface IncidentReport {
     moduleName: string;
     /** ISO timestamp */
     timestamp: string;
-    /** User who submitted */
-    submittedBy?: string;
-    /** Hierarchy context at time of submission */
-    hierarchyContext?: {
-        enterpriseId?: number;
-        businessUnitId?: number;
-        siteId?: number;
-        areaId?: number;
-        assetId?: number;
-    };
+    submittedBy?: ReportSubmitter;
+    hierarchyContext?: ReportHierarchyContext;
 }
 interface FeedbackReport {
     category: FeedbackCategory;
-    /** Optional — short summary entered in the dialog before the description. */
-    subject?: string;
-    description: string;
+    /** Canonical service slug the feedback is about (from the picker). */
+    serviceSlug: string;
+    /** Optional short one-liner shown above the detail. */
+    summary?: string;
+    /** Required detail body. */
+    details: string;
+    /** "Is this blocking you?" — drives priority server-side. */
+    isBlocking: boolean;
+    /** Human-readable originating module ("OEE Manager", "SQDCP", …). */
     moduleName: string;
     /** ISO timestamp */
     timestamp: string;
-    /** User who submitted */
-    submittedBy?: string;
-    /** Page/route where feedback was submitted */
+    /** Route the submitter was on. */
     pageContext?: string;
+    submittedBy?: ReportSubmitter;
+    screenshot?: ReportScreenshot;
 }
+interface OplyticsService {
+    slug: string;
+    label: string;
+}
+/**
+ * The services a user can attribute feedback to. Kept here so every subdomain's
+ * picker shows the same list; a host can narrow or override it via the
+ * `services` prop. Slugs match Portal's `platform_feedback.serviceSlug`.
+ */
+declare const OPLYTICS_SERVICES: OplyticsService[];
 interface ReportingToolbarConfig {
-    /** Service/module name (e.g., "SQDCP", "OEE Manager") */
+    /** Service/module name (e.g. "SQDCP", "OEE Manager"). */
     moduleName: string;
-    /** Whether to show incident reporting buttons (default: true) */
+    /** Whether to show the Report group at all (default: true). */
     showIncidentReporting?: boolean;
-    /** Whether to show feedback buttons (default: true) */
+    /** Whether to show the Feedback group at all (default: true). */
     showFeedback?: boolean;
-    /** Custom report categories to show (default: all three) */
+    /** Report categories to show (default: all three). */
     reportCategories?: ReportCategory[];
-    /** Custom feedback categories to show (default: both) */
+    /** Feedback categories to show (default: both). */
     feedbackCategories?: FeedbackCategory[];
-    /** Handler called when an incident report is submitted */
+    /** Called when an incident report is submitted (not wired yet). */
     onReportSubmit: (report: IncidentReport) => Promise<void> | void;
-    /** Handler called when feedback is submitted */
+    /** Called when feedback is submitted — the host POSTs it to Portal. */
     onFeedbackSubmit: (feedback: FeedbackReport) => Promise<void> | void;
 }
 interface ReportButtonDef {
@@ -95,14 +139,28 @@ interface FeedbackButtonDef {
     color: string;
     description: string;
 }
-/** Standard incident report buttons — consistent across all subdomains */
 declare const REPORT_BUTTONS: ReportButtonDef[];
-/** Standard feedback buttons — consistent across all subdomains */
 declare const FEEDBACK_BUTTONS: FeedbackButtonDef[];
-/** Create a default ReportingToolbarConfig with sensible defaults */
+/** Create a default ReportingToolbarConfig with sensible defaults. */
 declare function createReportingConfig(moduleName: string, handlers: {
     onReportSubmit: (report: IncidentReport) => Promise<void> | void;
     onFeedbackSubmit: (feedback: FeedbackReport) => Promise<void> | void;
 }): ReportingToolbarConfig;
+/**
+ * Read a picked File into `{ dataBase64, mime }` (no data: prefix), rejecting
+ * non-images and anything over `maxBytes` decoded. Pure-ish (needs FileReader);
+ * exported so the size rule can be unit-tested and reused.
+ */
+declare const FEEDBACK_SCREENSHOT_MAX_BYTES: number;
+declare function isAcceptableScreenshot(file: {
+    type: string;
+    size: number;
+}, maxBytes?: number): {
+    ok: true;
+} | {
+    ok: false;
+    reason: string;
+};
+declare function readFileAsScreenshot(file: File): Promise<ReportScreenshot>;
 
-export { FEEDBACK_BUTTONS, type FeedbackButtonDef, type FeedbackCategory, type FeedbackReport, type IncidentReport, REPORT_BUTTONS, type ReportButtonDef, type ReportCategory, ReportingToolbar, type ReportingToolbarConfig, type ReportingToolbarProps, createReportingConfig };
+export { FEEDBACK_BUTTONS, FEEDBACK_SCREENSHOT_MAX_BYTES, type FeedbackButtonDef, type FeedbackCategory, type FeedbackReport, type IncidentReport, OPLYTICS_SERVICES, type OplyticsService, REPORT_BUTTONS, type ReportButtonDef, type ReportCategory, type ReportHierarchyContext, type ReportScreenshot, type ReportSubmitter, ReportingToolbar, type ReportingToolbarConfig, type ReportingToolbarProps, createReportingConfig, isAcceptableScreenshot, readFileAsScreenshot };