@luscii-healthtech/web-ui 2.20.5 → 2.21.0

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

@@ -4,6 +4,7 @@ import { InputProps } from "../Input/Input";
 import { RadioGroupProps } from "../RadioGroup/RadioGroupV2";
 import { SelectProps } from "../Select/SelectV2";
 import { ImagePickerProps } from "../ImagePicker/ImagePicker";
+import { PartialProperties } from "../../types/general.types";
 export declare type AllowedTextInputTypes = Extract<HTMLInputTypeAttribute, "email" | "number" | "password" | "text">;
 export interface GenericFormProps<TFieldValues extends FieldValues> {
     fields: FormFieldProps<TFieldValues>[];
@@ -41,7 +42,7 @@ export interface FormFieldSelectProps extends FormFieldGenericProps<SelectProps>
     type: "select";
     fieldProps: SelectProps;
 }
-declare type ImagePickerFieldProps = Omit<ImagePickerProps, "name" | "handleChange"> & Partial<Pick<ImagePickerProps, "handleChange">>;
+declare type ImagePickerFieldProps = PartialProperties<Omit<ImagePickerProps, "name">, "handleChange">;
 export interface FormFieldImagePickerProps extends FormFieldGenericProps<ImagePickerFieldProps> {
     type: "imagePicker";
     fieldProps: ImagePickerFieldProps;

package/dist/components/Timeline/TimelineStep.d.ts

@@ -1,12 +1,7 @@
 import React from "react";
 export interface TimelineStepProps {
     key: string | number;
-    type?: "wide" | "base";
+    type?: "wide" | "base" | "withoutDot" | "emptyDot";
     content: React.ReactNode;
 }
-export declare const TimelineStep: {
-    ({ content, type, }: TimelineStepProps): JSX.Element;
-    defaultProps: {
-        type: "wide" | "base" | undefined;
-    };
-};
+export declare const TimelineStep: ({ content, type, }: TimelineStepProps) => JSX.Element;

package/dist/types/general.types.d.ts

@@ -5,3 +5,4 @@ export interface HookReturn<T> extends RestPropped {
     data: T | undefined;
     isLoading: boolean;
 }
+export declare type PartialProperties<T, P extends keyof T> = Omit<T, P> & Partial<Pick<T, P>>;

package/dist/web-ui-tailwind.css

@@ -1080,6 +1080,10 @@ video {
   border-width: 2px;
 }
 
+.border-4 {
+  border-width: 4px;
+}
+
 .border {
   border-width: 1px;
 }
@@ -1296,7 +1300,7 @@ video {
   height: 0.375rem;
 }
 
-.last\:h-0:last-child {
+.first\:h-0:first-child {
   height: 0;
 }
 

package/dist/web-ui.cjs.development.js

@@ -6071,20 +6071,22 @@ var TimelineStep = function TimelineStep(_ref) {
   var _classNames;
 
   var content = _ref.content,
-      type = _ref.type;
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? "base" : _ref$type;
   var isWideStep = type === "wide";
   var borderClassNames = "ml-4 pl-6 border-blue-800 border-l-2";
   var containerClassNames = classNames("relative", (_classNames = {}, _classNames[borderClassNames] = !isWideStep, _classNames["bg-white rounded-lg overflow-hidden"] = isWideStep, _classNames));
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isWideStep && /*#__PURE__*/React__default.createElement("div", {
+    className: classNames(borderClassNames, "h-4 first:h-0")
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: containerClassNames
-  }, content, !isWideStep && /*#__PURE__*/React__default.createElement("span", {
-    className: "rounded-lg bg-blue-800 h-4 w-4 absolute top-6 -left-2 -ml-px -mt-px"
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: classNames(borderClassNames, "h-6 last:h-0")
-  }));
-};
-TimelineStep.defaultProps = {
-  type: "base"
+  }, content, /*#__PURE__*/React__default.createElement("span", {
+    className: classNames("rounded-lg h-4 w-4 absolute top-6 -left-2 -ml-px -mt-px", {
+      hidden: ["wide", "withoutDot"].includes(type),
+      "bg-blue-800": "base" === type,
+      "bg-white border-blue-800 border-4": "emptyDot" === type
+    })
+  })));
 };
 
 var Timeline = function Timeline(props) {