@openmrs/esm-styleguide 6.3.1-pre.3045 → 6.3.1-pre.3055

package/.turbo/turbo-build.log

@@ -4,7 +4,7 @@
 [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.
 [0]   │ Entrypoints:
-[0]   │   main (3.156 MiB)
+[0]   │   main (3.157 MiB)
 [0]   │       openmrs-esm-styleguide.css
 [0]   │       openmrs-esm-styleguide.js
 [0] 
@@ -12,6 +12,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 6.54 s
+[0] Rspack compiled with 3 warnings in 6.48 s
 [0] rspack --mode=production exited with code 0
 [1] tsc --project tsconfig.build.json exited with code 0

package/dist/datepicker/DatePicker.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type DatePickerProps, type DateValue } from 'react-aria-components';
+/**
+ * This is a lightly-customized version of the DatePicker component from react-aria-components.
+ * Primarily, it handles closing the calendar when clicking outside of the DatePicker.
+ */
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps<DateValue> & React.RefAttributes<HTMLDivElement>>;

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/DateSegment.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type DateSegmentProps } from 'react-aria-components';
+/**
+ * This component represents a part of the displayed date in the date picker.
+ *
+ * This is lightly-modified from the react-aria-components DateSegment component. It prevents click events
+ * from propagating to the parent `DatePickerInput` so that the calendar doesn't open when editing a date
+ * segment.
+ */
+export declare const DateSegment: React.ForwardRefExoticComponent<DateSegmentProps & React.RefAttributes<HTMLDivElement>>;

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;
+} & React.RefAttributes<HTMLSpanElement>>;

package/dist/datepicker/OpenmrsDatePicker.d.ts

@@ -0,0 +1,48 @@
+import React, { type ReactElement } from 'react';
+import { type Argument } from 'classnames';
+import { type CalendarDate, type CalendarDateTime, type ZonedDateTime } from '@internationalized/date';
+import { type DateValue } from 'react-aria';
+import { type DatePickerProps } from 'react-aria-components';
+import { type ConfigType as DayjsConfigType } from 'dayjs';
+/** A type for any of the acceptable date formats */
+export type DateInputValue = CalendarDate | CalendarDateTime | ZonedDateTime | DayjsConfigType;
+/**
+ * Properties for the OpenmrsDatePicker
+ */
+export interface OpenmrsDatePickerProps extends Omit<DatePickerProps<CalendarDate>, 'className' | 'onChange' | 'defaultValue' | 'value'> {
+    /** Any CSS classes to add to the outer div of the date picker */
+    className?: Argument;
+    /** The default value (uncontrolled) */
+    defaultValue?: DateInputValue;
+    /** Whether the input value is invalid. */
+    invalid?: boolean;
+    /** Text to show if the input is invalid e.g. an error message */
+    invalidText?: string;
+    /**
+     * The label for this DatePicker element
+     * @deprecated Use labelText instead
+     */
+    label?: string | ReactElement;
+    /** The label for this DatePicker element. */
+    labelText?: string | ReactElement;
+    /** 'true' to use the light version. */
+    light?: boolean;
+    /** The latest date it is possible to select */
+    maxDate?: DateInputValue;
+    /** The earliest date it is possible to select */
+    minDate?: DateInputValue;
+    /** Handler that is called when the value changes. */
+    onChange?: (value: Date | null | undefined) => void;
+    /** Handler that is called when the value changes. Note that this provides types from @internationalized/date. */
+    onChangeRaw?: (value: DateValue | null) => void;
+    /** Specifies the size of the input. Currently supports either `sm`, `md`, or `lg` as an option */
+    size?: 'sm' | 'md' | 'lg';
+    /** 'true' to use the short version. */
+    short?: boolean;
+    /** The value (controlled) */
+    value?: DateInputValue;
+}
+/**
+ * A date picker component to select a single date. Based on React Aria, but styled to look like Carbon.
+ */
+export declare const OpenmrsDatePicker: React.ForwardRefExoticComponent<OpenmrsDatePickerProps & React.RefAttributes<HTMLDivElement>>;