vueless 0.0.668 → 0.0.669

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.668",
+  "version": "0.0.669",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.form-date-picker/UDatePicker.vue

@@ -23,16 +23,15 @@ import { COMPONENT_NAME } from "./constants.ts";
 import { vClickOutside } from "../directives";
 
 import type { ComputedRef } from "vue";
-import type { UDatePickerProps, Config, Locale } from "./types.ts";
+import type { Props, Config, Locale } from "./types.ts";
 import type { ComponentExposed } from "../types.ts";
 import type { Config as UCalendarConfig } from "../ui.form-calendar/types.ts";
 import type { DateLocale } from "../ui.form-calendar/utilFormatting.ts";
 
 defineOptions({ inheritAttrs: false });
 
-type Props = UDatePickerProps<TModelValue>;
-const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
+const props = withDefaults(defineProps<Props<TModelValue>>(), {
+  ...getDefaults<Props<TModelValue>, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: undefined,
   minDate: undefined,
   maxDate: undefined,

package/ui.form-date-picker/storybook/stories.ts

@@ -12,13 +12,13 @@ import URow from "../../ui.container-row/URow.vue";
 
 import { COMPONENT_NAME } from "../constants.ts";
 
-import type { UDatePickerProps } from "../types.ts";
+import type { Props } from "../types.ts";
 
-interface DefaultUDatePickerArgs extends UDatePickerProps<unknown> {
+interface DefaultUDatePickerArgs extends Props<unknown> {
   slotTemplate?: string;
 }
 
-interface EnumUDatePickerArgs extends UDatePickerProps<unknown> {
+interface EnumUDatePickerArgs extends Props<unknown> {
   slotTemplate?: string;
   enum: "size";
 }

package/ui.form-date-picker/types.ts

@@ -5,7 +5,7 @@ import type { ComponentConfig } from "../types.ts";
 export type Locale = typeof defaultConfig.i18n;
 export type Config = typeof defaultConfig;
 
-export interface UDatePickerProps<TModelValue> {
+export interface Props<TModelValue> {
   /**
    * Calendar value (JavaScript Date object or string formatted in given `dateFormat` or object when `range` enabled).
    */

package/utils/node/dynamicProps.js

@@ -11,7 +11,7 @@ const CLOSING_BRACKET = "}";
 const IGNORE_PROP = "@ignore";
 const CUSTOM_PROP = "@custom";
 
-const PROPS_INTERFACE_REG_EXP = /export\s+interface\s+Props\s*{([^}]*)}/s;
+const PROPS_INTERFACE_REG_EXP = /export\s+interface\s+Props(?:<\w+>)?\s*{([^}]*)}/s;
 const UNION_SYMBOLS_REG_EXP = /[?|:"|;]/g;
 const WORD_IN_QUOTE_REG_EXP = /"([^"]+)"/g;
 
@@ -129,6 +129,11 @@ async function modifyComponentTypes(filePath, props) {
       const defaultOptionalMark = lines[propIndex]?.includes(OPTIONAL_MARK) ? OPTIONAL_MARK : "";
       const optionalMark = required === undefined ? defaultOptionalMark : userOptionalMark;
 
+      const isExtendOnly = lines
+        .slice(propIndex - 2, propIndex)
+        .join("")
+        .includes("@extendOnly");
+
       const propDescription = description?.replaceAll(/[\n\s]+/g, " ").trim() || "–"; // removes new lines and double spaces.
       const propType = unionType.length ? unionType : type;
 
@@ -142,14 +147,14 @@ async function modifyComponentTypes(filePath, props) {
 
       /* Check if the prop type already exists. */
       if (~propIndex) {
-        if (unionType.length && isAssignableValue) {
+        if (unionType.length && (isAssignableValue || !isExtendOnly)) {
           // Remove multiline union types;
           lines.splice(propIndex + 1, propEndIndex);
 
           lines.splice(propIndex, 1, `  ${name}${defaultOptionalMark}: ${propType};`);
         }
 
-        if (unionType.length && !isAssignableValue) {
+        if (unionType.length && isExtendOnly && !isAssignableValue) {
           // eslint-disable-next-line no-console
           console.warn(`${unionType} is not assignable to type ${defaultUnionType}.`);
         }