@openmrs/esm-styleguide 8.0.1-pre.3525 → 8.0.1-pre.3537

package/.turbo/turbo-build.log

@@ -1,9 +1,9 @@
-[0] Browserslist: browsers data (caniuse-lite) is 6 months old. Please run:
+[0] Browserslist: browsers data (caniuse-lite) is 7 months old. Please run:
 [0]   npx update-browserslist-db@latest
 [0]   Why you should do it regularly: https://github.com/browserslist/update-db#readme
 [0] WARNING in ⚠ asset size limit: The following asset(s) exceed the recommended size limit (244.141 KiB). This can impact web performance.
 [0]   │ Assets:
-[0]   │   openmrs-esm-styleguide.js (248.458 KiB)
+[0]   │   openmrs-esm-styleguide.js (248.457 KiB)
 [0]   │   openmrs-esm-styleguide.css (3.259 MiB)
 [0] 
 [0] WARNING in ⚠ entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244.141 KiB). This can impact web performance.
@@ -16,6 +16,6 @@
 [0]   │ You can limit the size of your bundles by using import() to lazy load some parts of your application.
 [0]   │ For more info visit https://www.rspack.dev/guide/optimization/code-splitting
 [0] 
-[0] Rspack compiled with 3 warnings in 9.59 s
+[0] Rspack compiled with 3 warnings in 9.55 s
 [0] rspack --mode=production exited with code 0
 [1] tsc --project tsconfig.build.json exited with code 0

package/dist/datepicker/DatePickerIcon.d.ts

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,10 @@
+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

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

package/dist/datepicker/utils.d.ts

@@ -0,0 +1,15 @@
+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/error-state/error-state.component.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ErrorStateProps {
+    error: any;
+    headerTitle: string;
+}
+export declare const ErrorState: React.FC<ErrorStateProps>;

package/dist/error-state/index.d.ts

@@ -0,0 +1 @@
+export * from './error-state.component';

package/dist/icons/index.d.ts

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

package/dist/left-nav/index.d.ts

@@ -0,0 +1,23 @@
+/** @module @category UI */
+import React from 'react';
+import { type SideNavProps } from '@carbon/react';
+/**
+ * Extended props for the LeftNavMenu component
+ */
+interface LeftNavMenuProps extends SideNavProps {
+    /**
+     * Flag indicating if this component is a child of the header component.
+     * When true, the component renders the left nav menu.
+     * When false, it renders an empty fragment.
+     */
+    isChildOfHeader?: boolean;
+}
+/**
+ * This component renders the left nav in desktop mode. It's also used to render the same
+ * nav when the hamburger menu is clicked on in tablet mode. See side-menu-panel.component.tsx
+ *
+ * Use of this component by anything other than <SideMenuPanel> (where isChildOfHeader == false)
+ * is deprecated; it simply renders nothing.
+ */
+export declare const LeftNavMenu: React.ForwardRefExoticComponent<LeftNavMenuProps & React.RefAttributes<HTMLElement>>;
+export {};

package/dist/modals/index.d.ts

@@ -0,0 +1,25 @@
+type ModalSize = 'xs' | 'sm' | 'md' | 'lg';
+export interface ModalProps {
+    size?: ModalSize;
+    [key: string]: unknown;
+}
+/**
+ * @internal
+ * Sets up the modals system. Should be called in the app shell during initialization.
+ */
+export declare function setupModals(modalContainer: HTMLElement | null): void;
+/**
+ * Shows a modal dialog.
+ *
+ * The modal must have been registered by name. This should be done in the `routes.json` file of the
+ * app that defines the modal. Note that both the `<ModalHeader>` and `<ModalBody>` should be at the
+ * top level of the modal component (wrapped in a React.Fragment), or else the content of the modal
+ * body might not vertical-scroll properly.
+ *
+ * @param modalName The name of the modal to show.
+ * @param props The optional props to provide to the modal.
+ * @param onClose The optional callback to call when the modal is closed.
+ * @returns The dispose function to force closing the modal dialog.
+ */
+export declare function showModal(modalName: string, props?: ModalProps, onClose?: () => void): () => void;
+export {};