@openmrs/esm-patient-common-lib 12.3.5-pre.12608 → 12.3.5-pre.12622

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-patient-common-lib",
-  "version": "12.3.5-pre.12608",
+  "version": "12.3.5-pre.12622",
   "license": "MPL-2.0",
   "description": "Library for common patient chart components",
   "browser": "dist/openmrs-esm-patient-common-lib.js",

package/src/index.ts

@@ -19,3 +19,4 @@ export * from './useMaxAttachmentFileSize';
 export * from './useSystemVisitSetting';
 export * from './visit';
 export * from './workspaces';
+export * from './workspace-back-button';

package/src/workspace-back-button/index.ts

@@ -0,0 +1 @@
+export * from './workspace-back-button.component';

package/src/workspace-back-button/workspace-back-button.component.tsx

@@ -0,0 +1,20 @@
+import React, { type MouseEventHandler } from 'react';
+import { Button } from '@carbon/react';
+import { ArrowLeftIcon } from '@openmrs/esm-framework';
+import styles from './workspace-back-button.scss';
+
+export interface WorkspaceBackButtonProps {
+  label: string;
+  onClick: MouseEventHandler<HTMLButtonElement>;
+}
+
+export const WorkspaceBackButton: React.FC<WorkspaceBackButtonProps> = ({ label, onClick }) => {
+  return (
+    <div className={styles.backButton}>
+      <Button kind="ghost" size="sm" onClick={onClick}>
+        <ArrowLeftIcon size={16} />
+        <span>{label}</span>
+      </Button>
+    </div>
+  );
+};

package/src/workspace-back-button/workspace-back-button.scss

@@ -0,0 +1,15 @@
+@use '@carbon/layout';
+
+.backButton {
+  padding: layout.$spacing-03;
+
+  button {
+    display: flex;
+    margin-left: -(layout.$spacing-03);
+
+    svg {
+      align-self: center;
+      margin-right: layout.$spacing-03;
+    }
+  }
+}

package/src/workspace-back-button/workspace-back-button.test.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { describe, expect, it, vi } from 'vitest';
+import userEvent from '@testing-library/user-event';
+import { render, screen } from '@testing-library/react';
+import { WorkspaceBackButton } from './workspace-back-button.component';
+
+describe('WorkspaceBackButton', () => {
+  it('renders a button with the provided label and triggers onClick', async () => {
+    const user = userEvent.setup();
+    const handleClick = vi.fn();
+
+    render(<WorkspaceBackButton label="Back to order basket" onClick={handleClick} />);
+
+    const button = screen.getByRole('button', { name: /back to order basket/i });
+    expect(button).toBeInTheDocument();
+    expect(screen.getByText('Back to order basket')).toBeInTheDocument();
+
+    await user.click(button);
+    expect(handleClick).toHaveBeenCalledTimes(1);
+  });
+});