@stachelock/ui 0.6.13 → 0.6.15

package/dist/src/components/inputs/DatepickerInput.d.ts

@@ -743,6 +743,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
         [x: string]: (...args: never) => any;
     }>;
     range: boolean;
+    selectText: string;
     tertiaryLabel: string;
     successMessage: string;
     showErrors: boolean;
@@ -753,6 +754,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     clearable: boolean;
     locale: string;
     startTime: TimeModel | TimeModel[];
+    hint: string;
     is24: boolean;
     enableTimePicker: boolean;
     multiCalendars: number | boolean | {
@@ -771,7 +773,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     autoApply: boolean;
     disableMonthYearSelect: boolean;
     disabledDates: Date[] | ((date: Date) => boolean);
-    selectText: string;
     autoPosition: boolean;
     monthPicker: boolean;
     timePicker: boolean;
@@ -816,7 +817,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     noDisabledRange: boolean;
     sixWeeks: boolean | "center" | "append" | "prepend" | "fair";
     quarterPicker: boolean;
-    hint: string;
     inputFlow: FlowType;
     displayFormat: string | ((date: Date | Date[]) => string);
     showNowButton: boolean;

package/dist/src/components/inputs/PhoneInput.d.ts

@@ -195,8 +195,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<im
     showErrors: boolean;
     colorfulValidation: boolean;
     disabledMessage: string;
-    hint: string;
     autoComplete: string;
+    hint: string;
     defaultCountry: CountryCode;
     autoDetectCountry: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {

package/dist/src/components/inputs/RichTextInput.d.ts

@@ -76,8 +76,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     tertiaryLabel: string;
     showErrors: boolean;
     maxHeight: string;
-    minHeight: string;
     hint: string;
+    minHeight: string;
     showCharCount: boolean;
     minimal: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/src/types/form.d.ts

@@ -20,7 +20,7 @@ export interface FormValidationState {
 }
 export interface DynamicFormField {
     name: string;
-    type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'textarea' | 'select' | 'combobox' | 'checkbox' | 'switch' | 'file' | 'date' | 'datetime-local' | 'time';
+    type: 'text' | 'email' | 'phone' | 'password' | 'number' | 'tel' | 'url' | 'textarea' | 'select' | 'combobox' | 'checkbox' | 'switch' | 'file' | 'date' | 'datetime-local' | 'time' | 'names' | 'baseInfo' | 'address' | 'selectText';
     label?: string;
     placeholder?: string;
     description?: string;
@@ -53,8 +53,34 @@ export interface DynamicFormField {
     hideMainLabel?: boolean;
     textTrue?: string;
     textFalse?: string;
+    colorfulValidation?: boolean;
+    defaultCountry?: string;
+    autoDetectCountry?: boolean;
     tertiaryLabel?: string;
     successMessage?: string;
+    schema?: unknown;
+    requiredFields?: string[];
+    use?: string;
+    enableVerification?: boolean;
+    showSuggestionCount?: boolean;
+    allowManualEntry?: boolean;
+    select?: {
+        label?: string;
+        options: Array<{
+            label: string;
+            value: string;
+        }>;
+        placeholder?: string;
+    };
+    text?: {
+        label?: string;
+        placeholder?: string;
+        inputMode?: string;
+        maxLength?: number;
+    };
+    delimiter?: string;
+    formatter?: (value: FormValue) => string | undefined;
+    showValidCheck?: boolean;
     condition?: (formData: FormData, field?: DynamicFormField) => boolean;
     onChange?: (value: FormValue, field: DynamicFormField, formData: FormData) => void;
     onBlur?: (event: FocusEvent) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stachelock/ui",
-  "version": "0.6.13",
+  "version": "0.6.15",
   "description": "A comprehensive Vue 3 UI component library built with Tailwind CSS",
   "type": "module",
   "main": "./dist/index.js",

package/dist/DynamicFormField.vue_vue_type_script_setup_true_lang-BCVmqg_n.js

@@ -1,152 +0,0 @@
-import { defineComponent as b, computed as s, defineAsyncComponent as y, createBlock as v, createElementBlock as g, openBlock as c, resolveDynamicComponent as w, mergeProps as k, toHandlers as V, createElementVNode as o, createVNode as _, unref as L, toDisplayString as P } from "vue";
-import t from "./inputs/TextInput.js";
-import { ExclamationTriangleIcon as C } from "@heroicons/vue/24/outline";
-const D = {
-  key: 1,
-  class: "sl-p-4 sl-bg-yellow-50 sl-border sl-border-yellow-200 sl-rounded-md"
-}, F = { class: "sl-flex" }, M = { class: "sl-ml-3" }, T = { class: "sl-mt-2 sl-text-sm sl-text-yellow-700" }, A = /* @__PURE__ */ b({
-  __name: "DynamicFormField",
-  props: {
-    field: {},
-    modelValue: { type: [String, Number, Boolean, null, Array, Object] },
-    formData: {}
-  },
-  emits: ["update:modelValue", "field-change"],
-  setup(a, { emit: m }) {
-    const e = a, d = m, u = {
-      text: () => Promise.resolve(t),
-      email: () => Promise.resolve(t),
-      password: () => Promise.resolve(t),
-      number: () => Promise.resolve(t),
-      tel: () => Promise.resolve(t),
-      url: () => Promise.resolve(t),
-      textarea: () => import("./inputs/TextAreaInput.js"),
-      select: () => import("./inputs/SelectInput.js"),
-      combobox: () => import("./inputs/ComboboxInput.js"),
-      checkbox: () => import("./inputs/CheckboxInput.js"),
-      switch: () => import("./inputs/SwitchInput.js")
-    }, r = s(() => {
-      const l = u[e.field.type];
-      return l ? y({
-        loader: l,
-        errorComponent: () => null,
-        delay: 0
-      }) : null;
-    }), n = s({
-      get: () => e.modelValue ?? e.field.defaultValue ?? h(),
-      set: (l) => {
-        d("update:modelValue", l), d("field-change", e.field, l);
-      }
-    }), f = s(() => {
-      const l = {
-        name: e.field.name,
-        label: e.field.label,
-        placeholder: e.field.placeholder,
-        disabled: e.field.disabled,
-        rules: e.field.validation,
-        validateOnMount: e.field.validateOnMount,
-        tertiaryLabel: e.field.tertiaryLabel,
-        successMessage: e.field.successMessage
-      };
-      switch (e.field.type) {
-        case "text":
-        case "email":
-        case "password":
-        case "number":
-        case "tel":
-        case "url":
-          return {
-            ...l,
-            type: e.field.inputType || e.field.type,
-            maxlength: e.field.maxLength,
-            minlength: e.field.minLength,
-            min: e.field.min,
-            max: e.field.max,
-            step: e.field.step,
-            spellcheck: e.field.spellcheck,
-            autocomplete: e.field.autocomplete
-          };
-        case "textarea":
-          return {
-            ...l,
-            rows: e.field.rows,
-            maxlength: e.field.maxLength,
-            spellcheck: e.field.spellcheck
-          };
-        case "select":
-          return {
-            ...l,
-            items: e.field.options || [],
-            multiple: e.field.multiple,
-            itemKey: e.field.optionKey || "value",
-            itemText: e.field.optionLabel || "label",
-            showAll: e.field.showSelectAll
-          };
-        case "combobox":
-          return {
-            ...l,
-            items: e.field.options || [],
-            itemKey: e.field.optionKey || "value",
-            itemText: e.field.optionLabel || "label",
-            customQuery: e.field.customQuery,
-            loading: e.field.loading
-          };
-        case "checkbox":
-          return {
-            ...l,
-            description: e.field.description,
-            immediate: e.field.immediate ?? !0,
-            isDescriptionHtml: e.field.isDescriptionHtml
-          };
-        case "switch":
-          return {
-            ...l,
-            description: e.field.description,
-            immediate: e.field.immediate ?? !0,
-            boxShadow: e.field.boxShadow,
-            hideMainLabel: e.field.hideMainLabel,
-            textTrue: e.field.textTrue,
-            textFalse: e.field.textFalse
-          };
-        default:
-          return l;
-      }
-    }), p = s(() => {
-      const l = {};
-      return e.field.onBlur && (l.blur = e.field.onBlur), e.field.onFocus && (l.focus = e.field.onFocus), e.field.onChange && (l["update:modelValue"] = (i) => {
-        n.value = i, e.field.onChange?.(i, e.field, e.formData ?? {});
-      }), l;
-    }), h = () => {
-      switch (e.field.type) {
-        case "checkbox":
-        case "switch":
-          return !1;
-        case "select":
-          return e.field.multiple ? [] : null;
-        case "number":
-          return e.field.min || 0;
-        default:
-          return "";
-      }
-    }, x = (l) => {
-      n.value = l;
-    };
-    return (l, i) => r.value ? (c(), v(w(r.value), k({ key: 0 }, f.value, V(p.value), {
-      "model-value": n.value,
-      "onUpdate:modelValue": x
-    }), null, 16, ["model-value"])) : (c(), g("div", D, [
-      o("div", F, [
-        _(L(C), { class: "sl-h-5 sl-w-5 sl-text-yellow-400" }),
-        o("div", M, [
-          i[0] || (i[0] = o("h3", { class: "sl-text-sm sl-font-medium sl-text-yellow-800" }, " Unknown field type ", -1)),
-          o("div", T, [
-            o("p", null, 'Field type "' + P(a.field.type) + '" is not supported.', 1)
-          ])
-        ])
-      ])
-    ]));
-  }
-});
-export {
-  A as _
-};