@trackunit/react-form-components 0.0.452 → 0.0.454

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "0.0.452",
+  "version": "0.0.454",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -22,7 +22,8 @@
     "@trackunit/i18n-library-translation": "*",
     "zod": "3.22.4",
     "react-hook-form": "7.40.0",
-    "rxjs": "7.8.1"
+    "rxjs": "7.8.1",
+    "tailwind-merge": "^2.0.0"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js"

package/src/components/ActionButton/ActionButton.d.ts

@@ -43,5 +43,5 @@ type ActionButtonProps = CopyActionButtonProps | GenericActionButtonProps;
  * @param {ActionButtonProps} props - The props for the ActionButton component
  * @returns {JSX.Element} ActionButton component
  */
-export declare const ActionButton: ({ type, value, dataTestId, iconSize, disabled, className }: ActionButtonProps) => JSX.Element | null;
+export declare const ActionButton: ({ type, value, dataTestId, iconSize, disabled, className }: ActionButtonProps) => JSX.Element;
 export {};

package/src/components/BaseInput/BaseInput.variants.d.ts

@@ -9,13 +9,23 @@ export declare const cvaInput: (props?: ({
 export declare const cvaInputField: (props?: ({
     size?: "small" | "medium" | null | undefined;
     disabled?: boolean | null | undefined;
+    autoFocus?: boolean | null | undefined;
+    addonBefore?: boolean | null | undefined;
+    prefix?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaInputAddon: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaInputAddonBefore: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-export declare const cvaInputAddonAfter: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaInputPrefix: (props?: ({
     disabled?: boolean | null | undefined;
+    addonBefore?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaInputSuffix: (props?: ({
     disabled?: boolean | null | undefined;
+    addonAfter?: boolean | null | undefined;
+    actions?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaInputAddonAfter: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export declare const cvaInputAction: (props?: ({
+    addonAfter?: boolean | null | undefined;
+    suffix?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/EmailInput/EmailInput.d.ts

@@ -1,5 +1,17 @@
 import * as React from "react";
 import { BaseInputProps } from "../BaseInput";
+type BaseInputExposedProps = Omit<BaseInputProps, "type">;
+export interface EmailInputProps extends BaseInputExposedProps {
+    /**
+     * To disable the action button.
+     *
+     * @default false
+     * @memberof EmailInputProps
+     * @example
+     * <UrLInput disableAction />
+     */
+    disableAction?: boolean;
+}
 /**
  * A Email Input component is used for input of the type Email.
  *
@@ -10,4 +22,5 @@ import { BaseInputProps } from "../BaseInput";
  * A reference to the input element is provided as the `ref` prop.
  * For specific input types make sure to use the corresponding input component.
  */
-export declare const EmailInput: React.ForwardRefExoticComponent<BaseInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const EmailInput: React.ForwardRefExoticComponent<EmailInputProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/src/components/Schedule/ScheduleParser.d.ts

@@ -14,11 +14,14 @@ export declare enum ScheduleVariant {
     WEEKDAYS = "week",
     CUSTOM = "custom"
 }
-export interface DaySchedule {
+interface RawSchedule {
     day: number;
-    range: TimeRangeInput;
+    range?: TimeRangeInput;
     isAllDay: boolean;
 }
+export interface DaySchedule extends RawSchedule {
+    range: TimeRangeInput;
+}
 export interface WeekSchedule {
     variant: ScheduleVariant;
     schedule: DaySchedule[];
@@ -37,3 +40,4 @@ export declare const parseSchedule: (scheduleString?: string) => WeekSchedule;
  * @returns {string} Schedule string
  */
 export declare const serializeSchedule: (weekSchedule: WeekSchedule) => string;
+export {};

package/src/components/Select/CreatableSelect.d.ts

@@ -17,6 +17,6 @@ export type CreatableSelectProps = {
  * @returns {JSX.Element} CreatableSelect component
  */
 export declare const CreatableSelect: {
-    <Option, IsAsync extends boolean = false, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: SelectProps<Option, IsAsync, IsMulti, Group> & CreatableSelectProps): JSX.Element;
+    <TOption, TIsAsync extends boolean = false, TIsMulti extends boolean = false, TGroup extends GroupBase<TOption> = GroupBase<TOption>>(props: SelectProps<TOption, TIsAsync, TIsMulti, TGroup> & CreatableSelectProps): JSX.Element;
     displayName: string;
 };

package/src/components/Select/Select.d.ts

@@ -13,6 +13,6 @@ export interface SelectOption<TValue extends string> {
  * @returns {JSX.Element} Select component
  */
 export declare const Select: {
-    <Option, IsAsync extends boolean = false, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: SelectProps<Option, IsAsync, IsMulti, Group>): JSX.Element;
+    <TOption, TIsAsync extends boolean = false, TIsMulti extends boolean = false, TGroup extends GroupBase<TOption> = GroupBase<TOption>>(props: SelectProps<TOption, TIsAsync, TIsMulti, TGroup>): JSX.Element;
     displayName: string;
 };

package/src/components/Select/Select.variants.d.ts

@@ -2,6 +2,11 @@ export declare const cvaSelect: (props?: ({
     invalid?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const cvaSelectControl: (props?: ({
+    isDisabled?: boolean | null | undefined;
+    prefix?: boolean | null | undefined;
+    invalid?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaSelectIcon: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaSelectPrefix: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaSelectXIcon: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;

package/src/components/Select/shared.d.ts

@@ -3,7 +3,7 @@ import { GroupBase, MultiValue, OptionsOrGroups, PropsValue, SingleValue } from
  * @param {MultiValue<Option> | SingleValue<Option>} arg option to check type
  * @returns {arg is MultiValue<Option> } is Multivalue
  */
-export declare function isMultiValue<Option>(arg: MultiValue<Option> | SingleValue<Option>): arg is MultiValue<Option>;
+export declare function isMultiValue<TOption>(arg: MultiValue<TOption> | SingleValue<TOption>): arg is MultiValue<TOption>;
 /**
  *  @template IsMulti
  * @template Group
@@ -11,4 +11,4 @@ export declare function isMultiValue<Option>(arg: MultiValue<Option> | SingleVal
  * @param {PropsValue<Option> | undefined} value Selected values
  * @returns {OptionsOrGroups<Option, Group>} An array of ordered options with selected on top
  */
-export declare const getOrderedOptions: <Option, Group extends GroupBase<Option>>(options: OptionsOrGroups<Option, Group> | undefined, value: PropsValue<Option> | undefined) => OptionsOrGroups<Option, Group>;
+export declare const getOrderedOptions: <TOption, TGroup extends GroupBase<TOption>>(options: OptionsOrGroups<TOption, TGroup> | undefined, value: PropsValue<TOption> | undefined) => OptionsOrGroups<TOption, TGroup>;

package/src/components/Select/useCustomComponents.d.ts

@@ -16,4 +16,4 @@ import { SelectComponents } from "react-select/dist/declarations/src/components"
  *  @param {JSX.Element} dropdownIcon an custom dropdown icon
  * @returns {Partial<SelectComponents<Option, boolean, GroupBase<Option>>> | undefined} components object to override react-select default components
  */
-export declare const useCustomComponents: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(componentsProps: Partial<SelectComponents<Option, IsMulti, Group>> | undefined, disabled: boolean, menuIsOpen: boolean, refMenuIsEnabled: React.MutableRefObject<boolean>, dataTestId: string, maxSelectedDisplayCount: number | undefined, dropdownIcon?: JSX.Element) => Partial<SelectComponents<Option, IsMulti, Group>>;
+export declare const useCustomComponents: <TOption, TIsMulti extends boolean = false, TGroup extends GroupBase<TOption> = GroupBase<TOption>>(componentsProps: Partial<SelectComponents<TOption, TIsMulti, TGroup>> | undefined, disabled: boolean, menuIsOpen: boolean, refMenuIsEnabled: React.MutableRefObject<boolean>, dataTestId: string, maxSelectedDisplayCount: number | undefined, dropdownIcon?: JSX.Element, prefix?: JSX.Element, hasError?: boolean) => Partial<SelectComponents<TOption, TIsMulti, TGroup>>;

package/src/components/SelectField/FormFieldSelectAdapter.d.ts

@@ -37,8 +37,8 @@ export type SelectFieldProps<TOptionType extends BaseOptionType> = CommonProps &
      */
     errorMessage?: string;
 };
-interface FormFieldSelectAdapterProps<TOptionType extends BaseOptionType, IsAsync extends boolean = false, IsMulti extends boolean = false> extends SelectFieldProps<TOptionType> {
-    children: (props: SelectProps<TOptionType, IsAsync, IsMulti, GroupBase<TOptionType>>) => JSX.Element;
+interface FormFieldSelectAdapterProps<TOptionType extends BaseOptionType, TIsAsync extends boolean = false, TIsMulti extends boolean = false> extends SelectFieldProps<TOptionType> {
+    children: (props: SelectProps<TOptionType, TIsAsync, TIsMulti, GroupBase<TOptionType>>) => JSX.Element;
 }
 export declare const FormFieldSelectAdapter: import("react").ForwardRefExoticComponent<FormFieldSelectAdapterProps<BaseOptionType, false, false> & import("react").RefAttributes<HTMLSelectElement>>;
 export {};

package/src/components/TextArea/TextArea.d.ts

@@ -16,7 +16,7 @@ export interface TextAreaProps extends FilteredInputProps, CommonProps {
     /**
      * Default value of the textarea.
      */
-    defaultValue?: React.ReactText;
+    defaultValue?: string | number;
     /**
      * If true the field is rendered in its invalid state.
      */

package/src/utilities/compareReactNodes.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+/**
+ * Used to compare two React nodes for deep equality.
+ */
+export declare const compareReactNodes: (node1: ReactNode, node2: ReactNode) => boolean;