@luscii-healthtech/web-ui 18.1.1 → 19.0.0

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

@@ -1,9 +1,9 @@
 import React from "react";
 import { Control, RegisterOptions } from "react-hook-form/dist/index.ie11";
-import { ImagePickerFieldConfiguration, FormFieldLabelerWithFormProps } from "./form.types";
-interface FormImagePickerProps extends ImagePickerFieldConfiguration, FormFieldLabelerWithFormProps {
+import { MediaPickerFieldConfiguration, FormFieldLabelerWithFormProps } from "./form.types";
+interface FormMediaPickerProps extends MediaPickerFieldConfiguration, FormFieldLabelerWithFormProps {
     control: Control;
     rules?: Exclude<RegisterOptions, "valueAsNumber" | "valueAsDate" | "setValueAs">;
 }
-export declare const FormImagePicker: React.ForwardRefExoticComponent<FormImagePickerProps & React.RefAttributes<any>>;
+export declare const FormImagePicker: React.ForwardRefExoticComponent<FormMediaPickerProps & React.RefAttributes<any>>;
 export {};

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

@@ -3,7 +3,7 @@ import React, { HTMLInputTypeAttribute } from "react";
 import { InputProps } from "../Input/Input";
 import { RadioGroupProps } from "../RadioGroup/RadioGroupV2";
 import { SelectProps } from "../Select/Select";
-import { ImagePickerProps } from "../MediaPicker/MediaPicker";
+import { MediaPickerProps } from "../MediaPicker/MediaPicker";
 import { PartialProperties } from "../../types/general.types";
 import { CheckboxProps } from "../Checkbox/Checkbox";
 import { TextareaProps } from "../Textarea/Textarea";
@@ -32,7 +32,7 @@ export interface FormFieldLabelerProps {
 interface FieldVoidConfiguration extends Partial<FormFieldBaseConfiguration<never>> {
     type: "void";
 }
-export type FormFieldConfiguration<TFieldValues> = FieldInputConfiguration | FieldSelectConfiguration | FieldImagePickerConfiguration | FieldRadioGroupConfiguration | FieldRowConfiguration<TFieldValues> | FieldCheckboxConfiguration | FieldCheckboxListConfiguration | FieldTextareaConfiguration | FieldTitleConfiguration | FieldVoidConfiguration;
+export type FormFieldConfiguration<TFieldValues> = FieldInputConfiguration | FieldSelectConfiguration | FieldMediaPickerConfiguration | FieldRadioGroupConfiguration | FieldRowConfiguration<TFieldValues> | FieldCheckboxConfiguration | FieldCheckboxListConfiguration | FieldTextareaConfiguration | FieldTitleConfiguration | FieldVoidConfiguration;
 /**
  * @backwardscompatibility
  * @deprecated - this is an alias for `FormFieldConfiguration`, for backwards compatibility the name can remain for now, but
@@ -60,10 +60,10 @@ export interface FieldSelectConfiguration extends FormFieldBaseConfiguration<Sel
     type: "select";
     fieldProps: SelectProps;
 }
-export type ImagePickerFieldConfiguration = PartialProperties<Omit<ImagePickerProps, "name">, "handleChange">;
-export interface FieldImagePickerConfiguration extends FormFieldBaseConfiguration<ImagePickerFieldConfiguration> {
-    type: "imagePicker";
-    fieldProps: ImagePickerFieldConfiguration;
+export type MediaPickerFieldConfiguration = PartialProperties<Omit<MediaPickerProps, "name">, "onChange">;
+export interface FieldMediaPickerConfiguration extends FormFieldBaseConfiguration<MediaPickerFieldConfiguration> {
+    type: "mediaPicker";
+    fieldProps: MediaPickerFieldConfiguration;
 }
 export interface FieldCheckboxConfiguration extends FormFieldBaseConfiguration<Omit<CheckboxProps, "name" | "type">> {
     type: "checkbox";

package/dist/components/MediaPicker/MediaPicker.d.ts

@@ -47,10 +47,6 @@ export interface ImagePickerProps {
 export declare const ImagePickerInner: React.FC<ImagePickerProps & {
     innerRef?: React.Ref<HTMLButtonElement>;
 }>;
-/**
- * @deprecated Use MediaPicker instead
- */
-export declare const ImagePicker: React.ForwardRefExoticComponent<ImagePickerProps & React.RefAttributes<HTMLButtonElement>>;
 export interface MediaPickerProps {
     name: string;
     media: string[];
@@ -92,4 +88,4 @@ export interface MediaPickerProps {
     isErrorUploading?: boolean;
     localisation: Partial<Record<"openModalButton" | "selectButton" | "error" | "upload" | "clearSelection" | "cancel" | "search" | "unsupportedMediaType" | "modalTitle", string>>;
 }
-export declare const MediaPicker: (props: MediaPickerProps) => React.JSX.Element;
+export declare const MediaPicker: React.ForwardRefExoticComponent<MediaPickerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/index.d.ts

@@ -52,7 +52,6 @@ export { Spinner } from "./components/Spinner/Spinner";
 export { Steps } from "./components/Steps/Steps";
 export { default as Switcher } from "./components/Switcher/Switcher";
 export { default as Image } from "./components/Image/Image";
-export { ImagePicker } from "./components/MediaPicker/MediaPicker";
 export { MediaPicker, TargetProps } from "./components/MediaPicker/MediaPicker";
 export { default as Tabbar, TabbarProps, TabItemDetails, } from "./components/Tabbar/Tabbar";
 export { Breadcrumbs, BreadcrumbProps } from "./components/Breadcrumbs";

package/dist/index.development.js

@@ -4812,12 +4812,11 @@ const ImagePickerInner = ({
     )
   );
 };
-const ImagePicker = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(ImagePickerInner, Object.assign({}, props, { innerRef: ref })));
-const MediaPicker = (props) => {
+const MediaPicker = React__namespace.default.forwardRef((props, ref) => {
   var _a, _b;
   const mappedProps = Object.assign(Object.assign({}, props), { preselectedImage: props.preselectedMedia, images: props.media, handleChange: props.onChange, clearImageIndex: props.clearIndex, localisation: Object.assign(Object.assign({}, props.localisation), { uploadImage: (_b = (_a = props.localisation) === null || _a === void 0 ? void 0 : _a.upload) !== null && _b !== void 0 ? _b : "Upload file" }) });
-  return React__namespace.default.createElement(ImagePicker, Object.assign({}, mappedProps));
-};
+  return React__namespace.default.createElement(ImagePickerInner, Object.assign({}, mappedProps, { innerRef: ref }));
+});
 
 const TagGroup = ({ children, tags, tagSize = "base", className }) => React__namespace.default.createElement(
   "div",
@@ -5123,18 +5122,16 @@ const FormImagePicker = React__namespace.default.forwardRef((_a, innerRef) => {
     { name, fieldErrors, fieldRequired, label, info, decoratorClassname },
     React__namespace.default.createElement(index_ie11.Controller, { name, control, rules, render: (field) => {
       var _a2;
-      React.useEffect(() => {
-        if (fieldProps.preselectedImage && !field.value) {
-          field.onChange({
-            target: { name, value: fieldProps.preselectedImage }
-          });
-        }
-      }, []);
-      return React__namespace.default.createElement(ImagePicker, Object.assign({}, fieldProps, field, { handleChange: (e) => {
+      if (fieldProps.preselectedMedia && !field.value) {
+        field.onChange({
+          target: { name, value: fieldProps.preselectedMedia }
+        });
+      }
+      return React__namespace.default.createElement(MediaPicker, Object.assign({}, fieldProps, field, { media: fieldProps.media, onChange: (e) => {
         var _a3;
         field.onChange(e.target.value);
-        (_a3 = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.handleChange) === null || _a3 === void 0 ? void 0 : _a3.call(fieldProps, e);
-      }, preselectedImage: (_a2 = field.value) !== null && _a2 !== void 0 ? _a2 : fieldProps.preselectedImage, ref: innerRef }));
+        (_a3 = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.onChange) === null || _a3 === void 0 ? void 0 : _a3.call(fieldProps, e);
+      }, preselectedMedia: (_a2 = field.value) !== null && _a2 !== void 0 ? _a2 : fieldProps.preselectedMedia, ref: innerRef }));
     } })
   );
 });
@@ -5243,7 +5240,7 @@ function FormFieldMapper(formFieldProps, useFormReturn) {
       return React__namespace.default.createElement(FormInput, Object.assign({ key: name, name }, decoratorProps, { fieldRequired: isRequired(options), fieldErrors: errors }, fieldProps, { control, rules: options, type }));
     case "select":
       return React__namespace.default.createElement(FormSelect, Object.assign({ key: name }, decoratorProps, { fieldRequired: isRequired(options), fieldErrors: errors }, fieldProps, { control, rules: options, name }));
-    case "imagePicker":
+    case "mediaPicker":
       return React__namespace.default.createElement(FormImagePicker, Object.assign({ key: name }, decoratorProps, { fieldRequired: isRequired(options), fieldErrors: errors }, fieldProps, { control, rules: options, name }));
     case "radioGroup": {
       return React__namespace.default.createElement(FormRadioGroup, Object.assign({ key: name }, decoratorProps, { fieldRequired: isRequired(options), fieldErrors: errors }, fieldProps, { name, rules: options, control }));
@@ -5765,7 +5762,6 @@ exports.HeartIcon = HeartIcon;
 exports.Icon = Icon;
 exports.Image = Image$1;
 exports.ImageIcon = ImageIcon;
-exports.ImagePicker = ImagePicker;
 exports.InfoField = InfoField;
 exports.InfoIcon = InfoIcon;
 exports.Input = Input;