@selfeesas/shared-components 0.5.0 → 0.5.1

package/dist/shared-components.d.ts

@@ -653,6 +653,7 @@ export declare const DatePicker: DefineComponent<ExtractPropTypes<__VLS_WithDefa
     outlined: boolean;
     placeholder: undefined;
     closeLabel: string;
+    rules: () => never[];
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:date": (value: string) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults_5<__VLS_TypePropsToOption_9<DatePickerProps>, {
@@ -667,6 +668,7 @@ export declare const DatePicker: DefineComponent<ExtractPropTypes<__VLS_WithDefa
     outlined: boolean;
     placeholder: undefined;
     closeLabel: string;
+    rules: () => never[];
 }>>> & Readonly<{
     "onUpdate:date"?: ((value: string) => any) | undefined;
 }>, {
@@ -674,6 +676,7 @@ export declare const DatePicker: DefineComponent<ExtractPropTypes<__VLS_WithDefa
     disabled: boolean;
     label: string;
     outlined: boolean;
+    rules: ((val: string) => boolean | string)[];
     date: string;
     minDate: string;
     maxDate: string;
@@ -695,6 +698,7 @@ export declare interface DatePickerProps {
     outlined?: boolean;
     placeholder?: string;
     closeLabel?: string;
+    rules?: ((val: string) => boolean | string)[];
 }
 
 export declare const DateRange: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToOption_10<DateRangeProps>, {

package/dist/shared-components.es.js

@@ -8432,36 +8432,40 @@ const Qr = {
     disabled: { type: Boolean, default: !1 },
     outlined: { type: Boolean, default: !1 },
     placeholder: { default: void 0 },
-    closeLabel: { default: "Close" }
+    closeLabel: { default: "Close" },
+    rules: { default: () => [] }
   },
   emits: ["update:date"],
   setup(l, { emit: B }) {
-    const t = l, v = B, m = Xi(), f = Se(t.date), a = Se(t.date), o = $(() => (r) => {
-      const u = r.replace(/\//g, "-");
-      return Do(u, t.minDate, t.maxDate, t.datesDisabled);
-    }), n = (r) => {
-      f.value = r, a.value = r, v("update:date", r);
-    }, e = (r) => {
-      typeof r == "string" && (f.value = r, a.value = r, v("update:date", r));
-    };
+    const t = l, v = B, m = Xi(), f = Se(t.date), a = Se(t.date), o = $(() => (u) => {
+      const s = u.replaceAll("/", "-");
+      return Do(s, t.minDate, t.maxDate, t.datesDisabled);
+    }), n = (u) => {
+      f.value = u, a.value = u, v("update:date", u);
+    }, e = (u) => {
+      typeof u == "string" && (f.value = u, a.value = u, v("update:date", u));
+    }, r = $(() => {
+      const u = [...t.rules];
+      return t.required && u.push((s) => !!s || t.requiredErrorMessage), u;
+    });
     return We(
       () => t.date,
-      (r) => {
-        r !== f.value && (f.value = r, a.value = r);
+      (u) => {
+        u !== f.value && (f.value = u, a.value = u);
       }
-    ), (r, u) => (Ye(), yt("div", Hc, [
+    ), (u, s) => (Ye(), yt("div", Hc, [
       $e(vn, ar(Bt(m), {
         class: "full-width",
         "model-value": a.value,
         mask: "##-##-####",
         dense: "",
-        label: r.label,
+        label: u.label,
         "data-cy": "datePick",
-        rules: r.required ? [(s) => !!s || r.requiredErrorMessage] : [],
-        disable: r.disabled,
-        required: r.required,
-        outlined: r.outlined,
-        placeholder: r.placeholder,
+        rules: r.value,
+        disable: u.disabled,
+        required: u.required,
+        outlined: u.outlined,
+        placeholder: u.placeholder,
         "onUpdate:modelValue": e
       }), {
         append: Ke(() => [
@@ -8481,13 +8485,13 @@ const Qr = {
                     mask: "DD-MM-YYYY",
                     "model-value": f.value,
                     options: o.value,
-                    disable: r.disabled,
+                    disable: u.disabled,
                     "onUpdate:modelValue": n
                   }, {
                     default: Ke(() => [
                       rt("div", Yc, [
                         Fr($e(Et, {
-                          label: r.closeLabel,
+                          label: u.closeLabel,
                           color: "primary",
                           flat: ""
                         }, null, 8, ["label"]), [
@@ -8508,7 +8512,7 @@ const Qr = {
       }, 16, ["model-value", "label", "rules", "disable", "required", "outlined", "placeholder"])
     ]));
   }
-}), kd = /* @__PURE__ */ sn(Qc, [["__scopeId", "data-v-e5fcd393"]]), Kc = { class: "row" }, Xc = { class: "row no-wrap items-center" }, Gc = { class: "row items-center justify-end" }, Jc = {
+}), kd = /* @__PURE__ */ sn(Qc, [["__scopeId", "data-v-17be47e1"]]), Kc = { class: "row" }, Xc = { class: "row no-wrap items-center" }, Gc = { class: "row items-center justify-end" }, Jc = {
   key: 0,
   class: "row items-center text-warning text-caption"
 }, Zc = {