pukaad-ui-lib 1.108.0 → 1.110.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.108.0",
+  "version": "1.110.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/avatar-profile.d.vue.ts

@@ -7,7 +7,8 @@ interface Props {
     showStatus?: boolean;
     online?: boolean;
     profileName?: string;
-    profileID?: string;
+    profileID?: string | number;
+    disabledCopy?: boolean;
 }
 declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -22,7 +23,7 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
     showStatus: boolean;
     online: boolean;
     profileName: string;
-    profileID: string;
+    profileID: string | number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/avatar-profile.vue

@@ -17,6 +17,7 @@
             <div>ID:</div>
             <div>{{ props.profileID }}</div>
             <Icon
+              v-if="!props.disabledCopy"
               name="lucide:copy"
               size="16"
               @click="copyID"
@@ -40,10 +41,11 @@ const props = defineProps({
   showStatus: { type: Boolean, required: false, default: true },
   online: { type: Boolean, required: false, default: false },
   profileName: { type: String, required: false, default: "" },
-  profileID: { type: String, required: false, default: "" }
+  profileID: { type: [String, Number], required: false, default: "" },
+  disabledCopy: { type: Boolean, required: false }
 });
 const copyID = () => {
-  navigator.clipboard.writeText(props.profileID);
+  navigator.clipboard.writeText(props.profileID.toString());
   $toast.success("\u0E04\u0E31\u0E14\u0E25\u0E2D\u0E01\u0E25\u0E34\u0E07\u0E04\u0E4C\u0E41\u0E25\u0E49\u0E27");
 };
 </script>

package/dist/runtime/components/avatar-profile.vue.d.ts

@@ -7,7 +7,8 @@ interface Props {
     showStatus?: boolean;
     online?: boolean;
     profileName?: string;
-    profileID?: string;
+    profileID?: string | number;
+    disabledCopy?: boolean;
 }
 declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -22,7 +23,7 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
     showStatus: boolean;
     online: boolean;
     profileName: string;
-    profileID: string;
+    profileID: string | number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/input/input-autocomplete.d.vue.ts

@@ -36,9 +36,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     description: string;
+    limit: number;
     options: AutocompleteOption[] | string[] | number[];
     placeholder: string;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-autocomplete.vue.d.ts

@@ -36,9 +36,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     description: string;
+    limit: number;
     options: AutocompleteOption[] | string[] | number[];
     placeholder: string;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-content.d.vue.ts

@@ -1,4 +1,9 @@
 export interface InputContentProps {
+    id?: string;
+    name?: string;
+    label?: string;
+    description?: string;
+    required?: boolean;
     height?: string | number;
     placeholder?: string;
     disabledBorder?: boolean;
@@ -9,13 +14,30 @@ type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_21: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    setErrors: (errMsg: string[]) => void;
+    validate: () => Promise<any>;
+    fieldRef: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
     height: string | number;
+    required: boolean;
+    id: string;
+    name: string;
     disableMedia: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/input/input-content.vue

@@ -1,14 +1,38 @@
 <template>
-  <div>
-    <div class="quill-wrapper" :class="{ 'drag-not-allowed': isDraggingMedia }">
+  <ShadFormField
+    ref="fieldRef"
+    :name="props.name"
+    :rules="defaultRules"
+    v-slot="{ componentField, errorMessage }"
+    v-model="modelValue"
+  >
+    <ShadFormItem>
+      <ShadFormLabel v-if="props.label || $slots.label" class="w-full">
+        <slot name="label">
+          <div class="flex-1">
+            {{ props.label }}
+            <span v-if="props.required" class="text-destructive">*</span>
+          </div>
+        </slot>
+      </ShadFormLabel>
+
       <div
-        ref="contentRef"
-        :style="{
+        class="quill-wrapper"
+        :class="{ 'drag-not-allowed': isDraggingMedia }"
+      >
+        <div
+          ref="contentRef"
+          :style="{
   '--height': `${props.height}px`
 }"
-      />
-    </div>
-  </div>
+        />
+      </div>
+
+      <ShadFormDescription v-if="props.description">
+        {{ props.description }}
+      </ShadFormDescription>
+    </ShadFormItem>
+  </ShadFormField>
 </template>
 
 <script setup>
@@ -18,6 +42,11 @@ const { $quill } = useNuxtApp();
 const contentRef = ref(null);
 let quillEditor = null;
 const props = defineProps({
+  id: { type: String, required: false, default: "input-content" },
+  name: { type: String, required: false, default: "input-content" },
+  label: { type: String, required: false },
+  description: { type: String, required: false },
+  required: { type: Boolean, required: false, default: false },
   height: { type: [String, Number], required: false, default: 288 },
   placeholder: { type: String, required: false },
   disabledBorder: { type: Boolean, required: false },
@@ -25,6 +54,21 @@ const props = defineProps({
 });
 const modelValue = defineModel();
 const isDraggingMedia = ref(false);
+const fieldRef = ref();
+const defaultRules = () => {
+  return true;
+};
+const setErrors = (errMsg) => {
+  fieldRef.value?.setErrors(errMsg);
+};
+const validate = async () => {
+  return await fieldRef.value?.validate?.();
+};
+defineExpose({
+  setErrors,
+  validate,
+  fieldRef
+});
 onMounted(() => {
   if (contentRef.value) {
     const toolbarOptions = [

package/dist/runtime/components/input/input-content.vue.d.ts

@@ -1,4 +1,9 @@
 export interface InputContentProps {
+    id?: string;
+    name?: string;
+    label?: string;
+    description?: string;
+    required?: boolean;
     height?: string | number;
     placeholder?: string;
     disabledBorder?: boolean;
@@ -9,13 +14,30 @@ type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_21: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    setErrors: (errMsg: string[]) => void;
+    validate: () => Promise<any>;
+    fieldRef: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
     height: string | number;
+    required: boolean;
+    id: string;
+    name: string;
     disableMedia: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/input/input-tag.d.vue.ts

@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {
     name: string;
-    placeholder: string;
     limit: number;
+    placeholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-tag.vue.d.ts

@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {
     name: string;
-    placeholder: string;
     limit: number;
+    placeholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.108.0",
+  "version": "1.110.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",