@openmrs/esm-styleguide 8.0.1-pre.3585 → 8.0.1-pre.3592

package/src/pagination/pagination.module.scss

@@ -0,0 +1,66 @@
+@use '@carbon/layout';
+@use '@carbon/type';
+@use '../vars' as *;
+
+.bodyShort01 {
+  @include type.type-style('body-compact-01');
+}
+
+.desktop,
+.tablet {
+  @include type.type-style('body-compact-01');
+  display: flex;
+  justify-content: space-between;
+  color: $text-02;
+  background-color: $ui-02;
+  padding-left: layout.$spacing-05;
+  align-items: center;
+  border-top: 1px solid $ui-03;
+}
+
+.desktop :global(.cds--pagination) {
+  min-height: 0;
+  height: layout.$spacing-07;
+  width: auto;
+  border: none;
+
+  & :global(.cds--select-input),
+  :global(.cds--btn),
+  :global(.cds--pagination__right) {
+    min-height: 0;
+    height: layout.$spacing-07;
+  }
+}
+
+.tablet :global(.cds--pagination) {
+  min-height: 0;
+  height: layout.$spacing-09;
+  width: auto;
+  border: none;
+
+  & :global(.cds--select-input),
+  :global(.cds--btn),
+  :global(.cds--pagination__right) {
+    min-height: 0;
+    height: layout.$spacing-09;
+  }
+}
+
+.configurableLink {
+  text-decoration: none;
+  @extend .bodyShort01;
+  padding: 0 layout.$spacing-03;
+}
+
+.pagination {
+  @include type.type-style('body-compact-01');
+  background-color: $ui-02;
+  color: $text-02;
+  display: flex;
+}
+
+div.pagination {
+  & > :global(.cds--pagination__left) {
+    display: none;
+  }
+}

package/src/pagination/pagination.test.tsx

@@ -0,0 +1,72 @@
+import React from 'react';
+import { describe, expect, it, vi } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { Pagination } from './pagination.component';
+
+describe('Pagination', () => {
+  const defaultProps = {
+    currentItems: 10,
+    totalItems: 100,
+    pageNumber: 1,
+    pageSize: 10,
+    onPageNumberChange: vi.fn(),
+  };
+
+  it('renders nothing when totalItems is 0', () => {
+    const { container } = render(<Pagination {...defaultProps} totalItems={0} />);
+    expect(container).toBeEmptyDOMElement();
+  });
+
+  it('renders pagination when totalItems is greater than 0', () => {
+    render(<Pagination {...defaultProps} />);
+    expect(screen.getByText(/10 \/ 100 items/i)).toBeInTheDocument();
+  });
+
+  it('displays correct items count for the first page', () => {
+    render(<Pagination {...defaultProps} pageNumber={1} currentItems={10} />);
+    expect(screen.getByText(/10 \/ 100 items/i)).toBeInTheDocument();
+  });
+
+  it('displays correct items count for a middle page', () => {
+    render(<Pagination {...defaultProps} pageNumber={5} currentItems={10} />);
+    expect(screen.getByText(/50 \/ 100 items/i)).toBeInTheDocument();
+  });
+
+  it('displays correct items count for the last page with fewer items', () => {
+    render(<Pagination {...defaultProps} totalItems={95} pageNumber={10} currentItems={5} />);
+    expect(screen.getByText(/95 \/ 95 items/i)).toBeInTheDocument();
+  });
+
+  it('renders ConfigurableLink when dashboardLinkUrl is provided', () => {
+    render(<Pagination {...defaultProps} dashboardLinkUrl="/dashboard" />);
+    expect(screen.getByRole('link', { name: /see all/i })).toBeInTheDocument();
+    expect(screen.getByRole('link', { name: /see all/i })).toHaveAttribute('href', '/dashboard');
+  });
+
+  it('uses custom label when dashboardLinkLabel is provided', () => {
+    render(<Pagination {...defaultProps} dashboardLinkUrl="/dashboard" dashboardLinkLabel="View all items" />);
+    expect(screen.getByRole('link', { name: /view all items/i })).toBeInTheDocument();
+  });
+
+  it('does not render ConfigurableLink when dashboardLinkUrl is not provided', () => {
+    render(<Pagination {...defaultProps} />);
+    expect(screen.queryByRole('link')).not.toBeInTheDocument();
+  });
+
+  it('calls onPageNumberChange when page changes', async () => {
+    const user = userEvent.setup();
+    const onPageNumberChange = vi.fn();
+    render(<Pagination {...defaultProps} onPageNumberChange={onPageNumberChange} />);
+
+    const nextButton = screen.getByRole('button', { name: /next/i });
+    await user.click(nextButton);
+
+    expect(onPageNumberChange).toHaveBeenCalled();
+  });
+
+  it('handles case when pageSize is greater than totalItems', () => {
+    render(<Pagination {...defaultProps} pageSize={50} totalItems={30} currentItems={30} />);
+    expect(screen.getByText(/30 \/ 30 items/i)).toBeInTheDocument();
+  });
+});

package/src/public.ts

@@ -1,29 +1,31 @@
+export { type StyleguideConfigObject } from './config-schema';
+export * from './cards';
+export * from './custom-overflow-menu';
+export * from './dashboard-extension';
+export * from './datepicker';
+export * from './diagnosis-tags';
+export * from './empty-card';
+export * from './error-state';
+export * from './error-card';
+export * from './icons/icons';
+export * from './left-nav';
+export * from './location-picker';
+export { showModal } from './modals';
 export { showNotification, showActionableNotification } from './notifications';
-export { type NotificationDescriptor, type InlineNotificationType } from './notifications/notification.component';
 export {
   type ActionableNotificationDescriptor,
   type ActionableNotificationType,
 } from './notifications/actionable-notification.component';
-export { showToast } from './toasts';
-export { showModal } from './modals';
-export * from './workspaces/public';
-export { type ToastDescriptor, type ToastType, type ToastNotificationMeta } from './toasts/toast.component';
-export { showSnackbar } from './snackbars';
-export { type SnackbarDescriptor, type SnackbarType, type SnackbarMeta } from './snackbars/snackbar.component';
-export * from './left-nav';
-export * from './dashboard-extension';
-export * from './error-state';
-export * from './datepicker';
-export * from './responsive-wrapper';
+export { type NotificationDescriptor, type InlineNotificationType } from './notifications/notification.component';
+export * from './page-header';
+export * from './pagination';
 export * from './patient-banner';
 export * from './patient-photo';
-export * from './custom-overflow-menu';
-export * from './icons/icons';
-export * from './page-header';
 export * from './pictograms/pictograms';
-export { type StyleguideConfigObject } from './config-schema';
-export * from './location-picker';
-export * from './diagnosis-tags';
+export * from './responsive-wrapper';
+export { showSnackbar, type SnackbarDescriptor, type SnackbarType, type SnackbarMeta } from './snackbars';
+export { showToast, type ToastDescriptor, type ToastType, type ToastNotificationMeta } from './toasts';
+export * from './workspaces/public';
 export {
   launchWorkspace2,
   launchWorkspaceGroup2,

package/src/snackbars/index.tsx

@@ -6,6 +6,8 @@ import { Subject } from 'rxjs';
 import type { SnackbarDescriptor, SnackbarMeta } from './snackbar.component';
 import ActiveSnackbars from './active-snackbar.component';
 
+export { type SnackbarDescriptor, type SnackbarType, type SnackbarMeta } from './snackbar.component';
+
 const snackbarsSubject = new Subject<SnackbarMeta>();
 let snackbarId = 0;
 

package/src/toasts/index.tsx

@@ -6,6 +6,8 @@ import type { ToastDescriptor, ToastNotificationMeta } from './toast.component';
 import ActiveToasts from './active-toasts.component';
 import isEmpty from 'lodash-es/isEmpty';
 
+export { type ToastDescriptor, type ToastType, type ToastNotificationMeta } from './toast.component';
+
 const toastsSubject = new Subject<ToastNotificationMeta>();
 let toastId = 0;
 

package/dist/brand.d.ts

@@ -1 +0,0 @@
-export declare function setupBranding(): void;

package/dist/breakpoints/index.d.ts

@@ -1,11 +0,0 @@
-export declare const Breakpoint: {
-    readonly PHONE_MIN: 0;
-    readonly PHONE_MAX: 600;
-    readonly TABLET_MIN: 601;
-    readonly TABLET_MAX: 1023;
-    readonly SMALL_DESKTOP_MIN: 1024;
-    readonly SMALL_DESKTOP_MAX: 1439;
-    readonly LARGE_DESKTOP_MIN: 1440;
-    readonly LARGE_DESKTOP_MAX: number;
-};
-export declare function integrateBreakpoints(): void;

package/dist/config-schema.d.ts

@@ -1,23 +0,0 @@
-import { type ConfigSchema } from '@openmrs/esm-config';
-import { type CarbonTagColor } from './utils';
-export interface StyleguideConfigObject {
-    'Brand color #1': string;
-    'Brand color #2': string;
-    'Brand color #3': string;
-    excludePatientIdentifierCodeTypes: {
-        uuids: Array<string>;
-    };
-    implementationName: string;
-    patientPhotoConceptUuid: string;
-    preferredCalendar: {
-        [key: string]: string;
-    };
-    preferredDateLocale: {
-        [key: string]: string;
-    };
-    diagnosisTags: {
-        primaryColor: CarbonTagColor;
-        secondaryColor: CarbonTagColor;
-    };
-}
-export declare const esmStyleGuideSchema: ConfigSchema;

package/dist/custom-overflow-menu/custom-overflow-menu.component.d.ts

@@ -1,8 +0,0 @@
-/** @module @category UI */
-import React from 'react';
-interface CustomOverflowMenuProps {
-    menuTitle: React.ReactNode;
-    children: React.ReactNode;
-}
-export declare function CustomOverflowMenu({ menuTitle, children }: CustomOverflowMenuProps): React.JSX.Element;
-export {};

package/dist/custom-overflow-menu/index.d.ts

@@ -1 +0,0 @@
-export * from './custom-overflow-menu.component';

package/dist/datepicker/DatePickerIcon.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-/**
- * Component to render the Calendar icon for the DatePicker component with the same styling as
- * the Carbon DatePicker component.
- */
-export declare const DatePickerIcon: React.ForwardRefExoticComponent<React.RefAttributes<SVGSVGElement>>;

package/dist/datepicker/DatePickerInput.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { type DateInputProps } from 'react-aria-components';
-interface OpenmrsDateInputProps {
-    id?: string;
-}
-/**
- * This is just the standard React Aria Components DatePickerInput with an added `onClick` handler to open
- * the calendar when the group is clicked. This is used to emulate Carbon's behaviour in the DatePicker.
- */
-export declare const DatePickerInput: React.ForwardRefExoticComponent<DateInputProps & OpenmrsDateInputProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/datepicker/MonthYear.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-/**
- * Custom component to render the month and year on the DatePicker and provide the standard Carbon
- * UI to change them.
- *
- * Should work with any calendar system supported by the @internationalized/date package.
- */
-export declare const MonthYear: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLSpanElement>>;

package/dist/datepicker/locale-context.d.ts

@@ -1,2 +0,0 @@
-export declare const OpenmrsIntlLocaleContext: import("react").Context<Intl.Locale | null>;
-export declare const useIntlLocale: () => Intl.Locale;

package/dist/datepicker/utils.d.ts

@@ -1,15 +0,0 @@
-import { type Calendar, type DateValue } from '@internationalized/date';
-import { type DateInputValue } from './OpenmrsDatePicker';
-/**
- * Function to convert relatively arbitrary date values into a React Aria `DateValue`,
- * normally a `CalendarDate`, which represents a date without time or timezone.
- */
-export declare function dateToInternationalizedDate(date: DateInputValue, calendar: Calendar | undefined, allowNull: true): DateValue | null | undefined;
-export declare function dateToInternationalizedDate(date: DateInputValue, calendar: Calendar | undefined, allowNull: false): DateValue | undefined;
-export declare function dateToInternationalizedDate(date: DateInputValue, calendar: Calendar | undefined): DateValue | undefined;
-/**
- * Function to convert a `DateValue` (from React Aria) into a standard JS `Date`.
- */
-export declare function internationalizedDateToDate(date: DateValue): Date | undefined;
-/** Removes any data attributes from an object */
-export declare function removeDataAttributes<T>(props: T): T;

package/dist/icons/icon-registration.d.ts

@@ -1 +0,0 @@
-export declare function setupIcons(): void;

package/dist/icons/icons.d.ts

@@ -1,329 +0,0 @@
-/** @category Icons */
-import React from 'react';
-import { type Argument } from 'classnames';
-export declare const iconIds: readonly ["omrs-icon-activity", "omrs-icon-add", "omrs-icon-arrow-down", "omrs-icon-arrow-left", "omrs-icon-arrow-right", "omrs-icon-arrow-up", "omrs-icon-baby", "omrs-icon-calendar-heat-map", "omrs-icon-calendar", "omrs-icon-caret-down", "omrs-icon-caret-left", "omrs-icon-caret-right", "omrs-icon-caret-up", "omrs-icon-chart-average", "omrs-icon-checkmark-filled", "omrs-icon-checkmark-outline", "omrs-icon-chemistry", "omrs-icon-chevron-down", "omrs-icon-chevron-left", "omrs-icon-chevron-right", "omrs-icon-chevron-up", "omrs-icon-close", "omrs-icon-close-filled", "omrs-icon-close-outline", "omrs-icon-document", "omrs-icon-document-attachment", "omrs-icon-download", "omrs-icon-drug-order", "omrs-icon-edit", "omrs-icon-event-schedule", "omrs-icon-events", "omrs-icon-gender-female", "omrs-icon-gender-male", "omrs-icon-gender-other", "omrs-icon-gender-unknown", "omrs-icon-generic-order-type", "omrs-icon-group", "omrs-icon-group-access", "omrs-icon-hospital-bed", "omrs-icon-image-medical", "omrs-icon-information", "omrs-icon-information-filled", "omrs-icon-information-square", "omrs-icon-inventory-management", "omrs-icon-lab-order", "omrs-icon-list-checked", "omrs-icon-location", "omrs-icon-material-order", "omrs-icon-maximize", "omrs-icon-medication", "omrs-icon-message-queue", "omrs-icon-microscope", "omrs-icon-money", "omrs-icon-mother", "omrs-icon-movement", "omrs-icon-overflow-menu--horizontal", "omrs-icon-overflow-menu--vertical", "omrs-icon-password", "omrs-icon-pedestrian-family", "omrs-icon-pen", "omrs-icon-printer", "omrs-icon-procedure-order", "omrs-icon-programs", "omrs-icon-renew", "omrs-icon-referral-order", "omrs-icon-report", "omrs-icon-reset", "omrs-icon-save", "omrs-icon-search", "omrs-icon-settings", "omrs-icon-shopping-cart", "omrs-icon-shopping-cart--arrow-down", "omrs-icon-sticky-note-add", "omrs-icon-switcher", "omrs-icon-syringe", "omrs-icon-table-of-contents", "omrs-icon-table", "omrs-icon-time", "omrs-icon-tools", "omrs-icon-translate", "omrs-icon-trash-can", "omrs-icon-tree-view--alt", "omrs-icon-user-avatar", "omrs-icon-user-follow", "omrs-icon-user-xray", "omrs-icon-user", "omrs-icon-view-off", "omrs-icon-view", "omrs-icon-warning"];
-export type IconId = (typeof iconIds)[number];
-export type IconProps = {
-    className?: Argument;
-    fill?: string;
-    size?: number;
-};
-/**
- */
-export declare const ActivityIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const AddIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ArrowDownIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ArrowLeftIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ArrowRightIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ArrowUpIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const BabyIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const CalendarHeatMapIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const CalendarIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const CaretDownIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const CaretLeftIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const CaretRightIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const CaretUpIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ChartAverageIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const CheckmarkFilledIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const CheckmarkOutlineIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ChemistryIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ChevronDownIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ChevronLeftIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ChevronRightIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ChevronUpIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const CloseIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const CloseFilledIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const CloseOutlineIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const DocumentIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const DocumentAttachmentIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const DownloadIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const DrugOrderIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const EditIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const EventScheduleIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const EventsIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const GenderFemaleIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const GenderMaleIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const GenderOtherIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const GenderUnknownIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const GenericOrderTypeIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const GroupIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const GroupAccessIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const HospitalBedIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ImageMedicalIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const InformationIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const InformationFilledIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const InformationSquareIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const InventoryManagementIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const LabOrderIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ListCheckedIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const LocationIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const MaterialOrderIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const MaximizeIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const MedicationIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const MessageQueueIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const MicroscopeIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- * Billing
- */
-export declare const MoneyIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const MotherIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const MovementIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const OverflowMenuHorizontalIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const OverflowMenuVerticalIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-export declare const PasswordIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const PedestrianFamilyIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const PenIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const PrinterIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ProcedureOrderIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ProgramsIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ReferralOrderIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const RenewIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ReportIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ResetIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const SaveIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const SearchIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const SettingsIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const SwitcherIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- * Order Basket, the UI to enter Orders for Medications, Referrals, Labs, Procedures and more
- */
-export declare const ShoppingCartIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- * Used as a button to add an item to the Order basket from a search
- */
-export declare const ShoppingCartArrowDownIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- * Used as action button to open ward in-patient note workspace
- */
-export declare const StickyNoteAddIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const SyringeIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- * Used as a button to add an item to the Order basket from a search
- */
-export declare const TableOfContentsIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const TableIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- * Lab investigations
- */
-export declare const TimeIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ToolsIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const TranslateIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const TrashCanIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const TreeViewAltIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- * User of OpenMRS e.g. My Account
- */
-export declare const UserAvatarIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const UserFollowIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- * UserXray Icon
- *
- * `UserXrayIcon` is also used for imaging orders
- */
-export declare const UserXrayIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const UserIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ViewOffIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const ViewIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const WarningIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- */
-export declare const AllergiesIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- *
- */
-export declare const AttachmentIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- * Conditions
- *
- * Note this is an alias for ListCheckedIcon
- */
-export declare const ConditionsIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- *
- */
-export declare const RadiologyIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- * Used as a button to add an item to the Order basket from a search
- *
- * Note this is an alias for ShoppingCartArrowDownIcon
- */
-export declare const ShoppingCartAddItemIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>>;
-/**
- * This is a utility component that takes an `icon` and renders it if the sprite for the icon
- * is available. The goal is to make it easier to conditionally render configuration-specified icons.
- *
- * @example
- * ```tsx
- *   <MaybeIcon icon='omrs-icon-baby' className={styles.myIconStyles} />
- * ```
- */
-export declare const MaybeIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
-    icon: string;
-    fallback?: React.ReactNode;
-} & IconProps & React.RefAttributes<SVGSVGElement>>>;
-export type SvgIconProps = {
-    icon: IconId;
-    iconProps: IconProps;
-};
-/**
- * This is a utility type for custom icons that use the svg-sprite-loader to bundle custom icons
- */
-export declare const Icon: React.MemoExoticComponent<React.ForwardRefExoticComponent<SvgIconProps & React.RefAttributes<SVGSVGElement>>>;

package/dist/icons/index.d.ts

@@ -1 +0,0 @@
-export * from './icons';

package/dist/index.d.ts

@@ -1 +0,0 @@
-export {};