@hortiview/shared-components 0.0.7862 → 0.0.7951

package/dist/components/FormComponents/FormDatePicker/FormDatePicker.d.ts

@@ -1,3 +1,4 @@
+import { DatepickerProps as ElementDatePickerProps } from '@element/react-components';
 import { FieldPath, FieldValues, Path, RegisterOptions } from 'react-hook-form';
 type DatePickerProps<T extends FieldValues> = {
     /** Name of the property that this date picker represents. */
@@ -33,9 +34,10 @@ type DatePickerProps<T extends FieldValues> = {
  * @param minRangeYear - number of years to subtract from the current date as bottom of range
  * @param maxRangeYear - number of years to add to the current date as top of range
  * @param locale - locale to be used for the date picker.
+ * @param props - additional props to be passed to the date picker, which are the props of the element date picker {@link ElementDatePickerProps}.
  * @param rules - rules for the date picker. default _undefined_ example: _{ required: { value: true, message: 'This field is required' } }_
  *
  * @returns A JSX element that renders a date picker form input.
  */
-export declare const FormDatePicker: <T extends FieldValues>({ propertyName, label, closeLabel, className, minRangeYear, maxRangeYear, locale, rules, }: DatePickerProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormDatePicker: <T extends FieldValues>({ propertyName, label, closeLabel, className, minRangeYear, maxRangeYear, locale, rules, ...props }: ElementDatePickerProps & DatePickerProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/FormComponents/FormDatePicker/FormDatePicker.js

@@ -1,10 +1,10 @@
-import { jsx as n, jsxs as O } from "react/jsx-runtime";
-import { Datepicker as Y, Divider as b, Padding as j, Button as H } from "@element/react-components";
-import { g as M } from "../../../get-UxX31Aph.js";
-import { useMemo as s, useState as Q } from "react";
-import { useFormContext as $, Controller as w } from "react-hook-form";
+import { jsx as n, jsxs as Y } from "react/jsx-runtime";
+import { Datepicker as b, Divider as j, Padding as H, Button as M } from "@element/react-components";
+import { g as Q } from "../../../get-UxX31Aph.js";
+import { useMemo as s, useState as $ } from "react";
+import { useFormContext as w, Controller as B } from "react-hook-form";
 import { s as l } from "../../../formDatePicker.module-BV3ma_7y.js";
-const A = ({
+const G = ({
   propertyName: t,
   label: k,
   closeLabel: p,
@@ -12,27 +12,28 @@ const A = ({
   minRangeYear: m,
   maxRangeYear: f,
   locale: D,
-  rules: o
+  rules: o,
+  ...S
 }) => {
   const {
-    control: S,
+    control: h,
     formState: { errors: r, isValidating: u }
-  } = $(), g = s(
+  } = w(), g = s(
     () => o?.required?.value,
     [o]
   ), x = s(
     () => o?.required?.message,
     [o]
-  ), h = s(
+  ), C = s(
     () => (/* @__PURE__ */ new Date()).getFullYear() - (m ?? 95),
     [m]
-  ), C = s(
+  ), v = s(
     () => (/* @__PURE__ */ new Date()).getFullYear() + (f ?? 15),
     [f]
   ), c = s(
-    () => !u && M(r, t) !== void 0,
+    () => !u && Q(r, t) !== void 0,
     [r, t, u]
-  ), v = s(() => ({
+  ), T = s(() => ({
     valid: !c,
     helperTextPersistent: c || g,
     helperText: (() => {
@@ -43,26 +44,27 @@ const A = ({
       return x;
     })(),
     className: `${l.fromPickerText} ${c ? l.invalid : ""}`
-  }), [r, x, t, g, c]), [T, d] = Q(!1);
+  }), [r, x, t, g, c]), [q, d] = $(!1);
   return /* @__PURE__ */ n(
-    w,
+    B,
     {
       name: t,
       rules: o,
-      control: S,
-      render: ({ field: { ref: q, onChange: i, value: a, ...F } }) => /* @__PURE__ */ n("div", { className: l.datePickerContainer, children: /* @__PURE__ */ n(
-        Y,
+      control: h,
+      render: ({ field: { ref: F, onChange: i, value: a, ...O } }) => /* @__PURE__ */ n("div", { className: l.datePickerContainer, children: /* @__PURE__ */ n(
+        b,
         {
-          ...F,
+          ...S,
+          ...O,
           className: P ?? "",
           value: a,
           variant: "outlined",
           label: k,
           format: (e) => e ? e.toLocaleDateString(D ?? "en") : "",
           disableClearing: !0,
-          trailingContent: /* @__PURE__ */ O("div", { className: l.trailingContent, children: [
-            /* @__PURE__ */ n(b, {}),
-            /* @__PURE__ */ n(j, { variant: "dense", children: /* @__PURE__ */ n(H, { label: p, variant: "text", onClick: () => d(!1) }) })
+          trailingContent: /* @__PURE__ */ Y("div", { className: l.trailingContent, children: [
+            /* @__PURE__ */ n(j, {}),
+            /* @__PURE__ */ n(H, { variant: "dense", children: /* @__PURE__ */ n(M, { label: p, variant: "text", onClick: () => d(!1) }) })
           ] }),
           onClick: () => {
             d(!0);
@@ -78,16 +80,16 @@ const A = ({
           },
           hoisted: !0,
           calendarProps: { hoisted: !0, className: l.datePickerCalendar },
-          minQuickSelectYear: h,
-          maxQuickSelectYear: C,
+          minQuickSelectYear: C,
+          maxQuickSelectYear: v,
           readOnly: !0,
-          textfieldProps: v,
-          alwaysOpen: T
+          textfieldProps: T,
+          alwaysOpen: q
         }
       ) })
     }
   );
 };
 export {
-  A as FormDatePicker
+  G as FormDatePicker
 };

package/dist/components/FormComponents/FormSelect/FormSelect.d.ts

@@ -4,7 +4,7 @@ import { FieldPath, FieldValues, Path, RegisterOptions } from 'react-hook-form';
 /**
  * a generic FormSelector property type. the generic T represents the interface, which is used in the form, like {@link CreateOrganizationDto}
  */
-type FormSelectProps<T extends FieldValues> = Omit<SelectProps, 'className' | 'clearable' | 'disabled' | 'helperText' | 'helperTextPersistent' | 'hidden' | 'hoisted' | 'label' | 'menuMaxHeight' | 'multi' | 'multiSelect' | 'noOptionsMessage' | 'options' | 'searchable' | 'textKey' | 'valid' | 'value' | 'valueKey' | 'variant'> & {
+type FormSelectProps<T extends FieldValues> = Omit<SelectProps, 'className' | 'clearable' | 'disabled' | 'helperText' | 'helperTextPersistent' | 'hidden' | 'hoisted' | 'label' | 'menuMaxHeight' | 'multi' | 'multiSelect' | 'options' | 'searchable' | 'textKey' | 'valid' | 'value' | 'valueKey' | 'variant'> & {
     /** the name of the property in the form */
     propertyName: Path<T>;
     /** the label of the select */
@@ -27,8 +27,6 @@ type FormSelectProps<T extends FieldValues> = Omit<SelectProps, 'className' | 'c
     clearable?: boolean;
     /** if true, the select allows the user to search for options */
     searchable?: boolean;
-    /** a message if no options a present */
-    noOptionsMessage?: string;
     /**
      * the rules for the picker
      * @default undefined

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hortiview/shared-components",
   "description": "This is a shared component library. It should used in the HortiView platform and its modules.",
-  "version": "0.0.7862",
+  "version": "0.0.7951",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",