@luscii-healthtech/web-ui 2.65.0 → 2.67.0

package/dist/components/Form/FormTextarea.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Control, RegisterOptions } from "react-hook-form";
+import { TextareaProps } from "../Textarea/Textarea";
+import { FieldTextareaConfiguration, FormFieldLabelerWithFormProps } from "./form.types";
+interface FormTextareaProps extends FieldTextareaConfiguration, Omit<TextareaProps, "name">, FormFieldLabelerWithFormProps {
+    control: Control;
+    rules?: Exclude<RegisterOptions, "valueAsNumber" | "valueAsDate" | "setValueAs">;
+    type: "textarea";
+}
+/**
+ * Input field that can be used in any react-hook-form context.
+ */
+export declare const FormTextarea: React.ForwardRefExoticComponent<FormTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/components/Form/form.types.d.ts

@@ -7,6 +7,7 @@ import { ImagePickerProps } from "../ImagePicker/ImagePicker";
 import { PartialProperties } from "../../types/general.types";
 import { CheckboxProps } from "../Checkbox/Checkbox";
 import { CheckboxListProps } from "../CheckboxList/CheckboxList.types";
+import { TextareaProps } from "../Textarea/Textarea";
 export declare type AllowedTextInputTypes = Extract<HTMLInputTypeAttribute, "email" | "number" | "password" | "text">;
 export declare type FormFieldWidth = "sm" | "md" | "lg" | "xl" | "full";
 interface FormFieldBaseConfiguration<TFieldType> extends FormFieldLabelerProps {
@@ -31,7 +32,7 @@ export interface FormFieldLabelerProps {
 interface FieldVoidConfiguration extends Partial<FormFieldBaseConfiguration<never>> {
     type: "void";
 }
-export declare type FormFieldConfiguration<TFieldValues> = FieldInputConfiguration | FieldSelectConfiguration | FieldImagePickerConfiguration | FieldRadioGroupConfiguration | FieldRowConfiguration<TFieldValues> | FieldCheckboxConfiguration | FieldCheckboxListConfiguration | FieldVoidConfiguration;
+export declare type FormFieldConfiguration<TFieldValues> = FieldInputConfiguration | FieldSelectConfiguration | FieldImagePickerConfiguration | FieldRadioGroupConfiguration | FieldRowConfiguration<TFieldValues> | FieldCheckboxConfiguration | FieldCheckboxListConfiguration | FieldTextareaConfiguration | FieldVoidConfiguration;
 /**
  * @backwardscompatibility
  * @deprecated - this is an alias for `FormFieldConfiguration`, for backwards compatibility the name can remain for now, but
@@ -46,6 +47,9 @@ export interface FieldRowConfiguration<TFieldValues> extends Record<keyof FormFi
 export interface FieldInputConfiguration extends FormFieldBaseConfiguration<Omit<InputProps, "name">> {
     type: AllowedTextInputTypes;
 }
+export interface FieldTextareaConfiguration extends FormFieldBaseConfiguration<Omit<TextareaProps, "name">> {
+    type: "textarea";
+}
 export interface FieldRadioGroupConfiguration extends FormFieldBaseConfiguration<Omit<RadioGroupProps, "name">> {
     type: "radioGroup";
 }

package/dist/components/NotificationBanner/NotificationBanner.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { IconProps } from "../Icons/types/IconProps.type";
+import "./NotificationBanner.css";
 export declare type NotificationBannerColor = "base" | "blue" | "red" | "green" | "amber";
 export interface NotificationBannerLinkProps {
     text: string;
@@ -28,6 +29,7 @@ export declare type NotificationBannerProps = (NotificationBannerPropsWithChildr
      * When stretching the banner, you can also decide if the content should be centered or not.
      */
     centerContent?: boolean;
+    noBorder?: boolean;
 };
 export declare const NotificationBanner: {
     (props: NotificationBannerProps): JSX.Element;

package/dist/components/PageHeader/PageHeader.types.d.ts

@@ -1,7 +1,18 @@
 /// <reference types="react" />
 import type { BreadcrumbProps } from "../Breadcrumbs";
+import { NotificationBannerColor } from "../NotificationBanner/NotificationBanner";
 import type { TabbarProps } from "../Tabbar/Tabbar";
-export interface PageHeaderProps {
+declare type WithPageHeaderBanner = {
+    banner?: {
+        title?: string;
+        text: {
+            content: string;
+            isHTML?: boolean;
+        };
+        color: NotificationBannerColor;
+    };
+};
+export declare type PageHeaderProps = {
     navigation?: Omit<TabbarProps, "withoutPadding">;
     breadcrumbs?: BreadcrumbProps["crumbs"];
     truncateBreadcrumbsAfter?: number;
@@ -11,4 +22,5 @@ export interface PageHeaderProps {
     className?: string;
     contained?: boolean;
     accessories?: React.ReactNode;
-}
+} & WithPageHeaderBanner;
+export {};

package/dist/components/Text/Text.d.ts

@@ -25,6 +25,7 @@ export declare const allowedColors: {
     readonly amber: "text-yellow-700";
     readonly white: "text-white";
     readonly "blue-800": "text-blue-800";
+    readonly current: "text-current";
 };
 declare const allowedHoverColors: {
     readonly "blue-900": "hover:text-blue-900";

package/dist/components/Textarea/Textarea.d.ts

@@ -1,22 +1,29 @@
-export default Textarea;
-declare function Textarea(props: any): JSX.Element;
-declare namespace Textarea {
-    namespace propTypes {
-        const className: PropTypes.Requireable<string>;
-        const value: PropTypes.Requireable<string>;
-        const name: PropTypes.Validator<string>;
-        const placeholder: PropTypes.Requireable<string>;
-        const maxLength: PropTypes.Requireable<number>;
-        const rows: PropTypes.Requireable<number>;
-        const resizable: PropTypes.Requireable<string>;
-        const isDisabled: PropTypes.Requireable<boolean>;
-        const icon: PropTypes.Requireable<string>;
-        const onChange: PropTypes.Validator<(...args: any[]) => any>;
-        const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        const onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        const onKeyPress: PropTypes.Requireable<(...args: any[]) => any>;
-        const onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        const onCtrlEnter: PropTypes.Requireable<(...args: any[]) => any>;
-    }
+import React, { ChangeEvent, FocusEvent, KeyboardEvent } from "react";
+import "./Textarea.scss";
+declare const resizeTypes: {
+    readonly NONE: "none";
+    readonly BOTH: "both";
+    readonly HORIZONTAL: "horizontal";
+    readonly VERTICAL: "vertical";
+};
+export declare type ResizeTypes = (typeof resizeTypes)[keyof typeof resizeTypes];
+export interface TextareaProps {
+    className?: string;
+    value?: string;
+    name?: string;
+    placeholder?: string;
+    maxLength?: number;
+    rows?: number;
+    resizable?: ResizeTypes;
+    isDisabled?: boolean;
+    icon?: string;
+    onChange: (event: ChangeEvent) => void;
+    onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;
+    onKeyPress?: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
+    onCtrlEnter?: () => void;
+    isError?: boolean;
 }
-import PropTypes from "prop-types";
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/index.d.ts

@@ -61,7 +61,7 @@ export { PageHeader, PageHeaderProps } from "./components/PageHeader";
 export { default as TabLinks } from "./components/TabLinks/TabLinks";
 export { default as Tag } from "./components/Tag/Tag";
 export { default as TagGroup } from "./components/Tag/TagGroup";
-export { default as TextArea } from "./components/Textarea/Textarea";
+export { Textarea, TextareaProps, ResizeTypes, } from "./components/Textarea/Textarea";
 export { default as TextEditor } from "./components/TextEditor/TextEditor";
 export { default as TextEditorV2 } from "./components/TextEditorV2/TextEditorV2";
 export { TextLink, TextLinkProps } from "./components/TextLink/TextLink";

package/dist/web-ui-tailwind.css

@@ -2006,6 +2006,10 @@ video {
   text-align: center;
 }
 
+.text-current {
+  color: currentColor;
+}
+
 .text-white {
   --text-opacity: 1;
   color: #fff;