@db-ux/v-core-components 2.0.0-0-custom-select-16b8cce → 2.0.1

package/dist/shared/model.d.ts

@@ -23,7 +23,7 @@ export type GlobalProps = {
     /**
      * Before using please check for the [accessibility concerns](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns)
      */
-    autofocus?: boolean;
+    autofocus?: boolean | string;
 };
 export type GlobalState = {
     _id?: string;
@@ -47,7 +47,7 @@ export type ShowIconProps = {
      * Enables or disables the visibility of the icon. The default value depends on the component.
      * For many components this property is optional to reflect Figma properties.
      */
-    showIcon?: boolean;
+    showIcon?: boolean | string;
 };
 export type IconAfterProps = {
     /**
@@ -90,7 +90,7 @@ export type GapProps = {
     /**
      * If the absolute element should have a gap between the parent element.
      */
-    gap?: boolean;
+    gap?: boolean | string;
 };
 export declare const GapSpacingList: readonly ["none", "3x-large", "2x-large", "x-large", "large", "medium", "small", "x-small", "2x-small", "3x-small"];
 export type GapSpacingType = (typeof GapSpacingList)[number];
@@ -104,7 +104,7 @@ export type OverflowProps = {
     /**
      * The overflow attribute sets a max-width and longer text will be dotted.
      */
-    overflow?: boolean;
+    overflow?: boolean | string;
 };
 export declare const OrientationList: readonly ["horizontal", "vertical"];
 export type OrientationType = (typeof OrientationList)[number];
@@ -142,7 +142,7 @@ export type PopoverProps = {
     /**
      * Disable animation
      */
-    animation?: boolean;
+    animation?: boolean | string;
     /**
      * Use fixed with for default max-width
      */
@@ -151,6 +151,16 @@ export type PopoverProps = {
 export type PopoverState = {
     handleAutoPlacement: () => void;
 };
+export type NameProps = {
+    /**
+     * The name attribute gives the name of the element to group it.
+     */
+    name?: string;
+};
+export type NameState = {
+    _name?: string;
+    handleNameAttribute: () => void;
+};
 export type ContentSlotProps = {
     /**
      * Default slot which is used to pass in additional content.
@@ -173,27 +183,19 @@ export type EmphasisProps = {
      */
     emphasis?: EmphasisType;
 };
-export declare const TagEmphasisList: readonly ["weak", "strong", "origin"];
-export type TagEmphasisType = (typeof TagEmphasisList)[number];
-export type TagEmphasisProps = {
-    /**
-     * The emphasis attribute divides in between a weak, strong or origin appearance.
-     */
-    emphasis?: TagEmphasisType;
-};
 export declare const ValidationList: readonly ["invalid", "valid", "no-validation"];
 export type ValidationType = (typeof ValidationList)[number];
 export type RequiredProps = {
     /**
      * When the required attribute specified, the user will be required to fill the form element before submitting the form.
      */
-    required?: boolean;
+    required?: boolean | string;
 };
 export type ShowLabelProps = {
     /**
      * Enables/disables the visibility of the label
      */
-    showLabel?: boolean;
+    showLabel?: boolean | string;
 };
 export type ValueProps = {
     /**
@@ -205,7 +207,7 @@ export type BaseFormProps = {
     /**
      * The disabled attribute can be set to keep a user from clicking on the form element.
      */
-    disabled?: boolean;
+    disabled?: boolean | string;
     /**
      * The label attribute specifies the caption of the form element.
      */
@@ -234,15 +236,27 @@ export type FormTextProps = {
     /**
      * Maximum length (number of characters) of value
      */
-    maxLength?: number;
+    maxLength?: number | string;
     /**
      * Minimum length (number of characters) of value
      */
-    minLength?: number;
+    minLength?: number | string;
+    /**
+     * Maximum length (number of characters) of value
+     */
+    maxlength?: number | string;
+    /**
+     * Minimum length (number of characters) of value
+     */
+    minlength?: number | string;
+    /**
+     * The disabled attribute can be set to keep a user from edit on the form element
+     */
+    readOnly?: boolean | string;
     /**
      * The disabled attribute can be set to keep a user from edit on the form element
      */
-    readOnly?: boolean;
+    readonly?: boolean | string;
 };
 export type FormSizeProps = {
     /**
@@ -254,7 +268,7 @@ export type FormCheckProps = {
     /**
      * Define the radio or checkbox elements checked state
      */
-    checked?: boolean;
+    checked?: boolean | string;
 };
 export declare const LabelVariantList: readonly ["above", "floating"];
 export type LabelVariantType = (typeof LabelVariantList)[number];
@@ -292,7 +306,12 @@ export type FormMessageProps = {
     /**
      * Enables or disables the visibility of the message.
      */
-    showMessage?: boolean;
+    showMessage?: boolean | string;
+};
+export type FromValidState = {
+    hasValidState: () => boolean;
+    handleValidation: () => void;
+    _invalidMessage?: string;
 };
 export type FormState = {
     _messageId?: string;
@@ -300,6 +319,7 @@ export type FormState = {
     _invalidMessageId?: string;
     _descByIds?: string;
     _value?: string;
+    _invalidMessage?: string;
     /**
      * https://www.davidmacd.com/blog/test-aria-describedby-errormessage-aria-live.html
      * Currently VoiceOver isn't supporting changes from aria-describedby.
@@ -324,7 +344,7 @@ export type LinkProps = {
     /**
      * Disables the link.
      */
-    disabled?: boolean;
+    disabled?: boolean | string;
     /**
      * The [URL that the hyperlink points to](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href).
      */
@@ -356,7 +376,7 @@ export type LinkProps = {
     /**
      * Sets aria role based on [`aria-selected`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected).
      */
-    selected?: boolean;
+    selected?: boolean | string;
 };
 export type TextProps = {
     /**
@@ -372,19 +392,24 @@ export type ClickEventProps<T> = {
     onClick?: (event: ClickEvent<T>) => void;
 };
 export type ClickEventState<T> = {
-    handleClick: (event: ClickEvent<T>) => void;
+    handleClick: (event: ClickEvent<T> | any) => void;
 };
 export type ToggleEventProps = {
-    onToggle?: (open: boolean) => void;
+    toggle?: (open: boolean | any) => void;
+    onToggle?: (open: boolean | any) => void;
 };
 export type ToggleEventState<T> = {
-    toggle: (event?: ClickEvent<T>) => void;
+    handleToggle: (event?: ClickEvent<T> | any) => void;
 };
 export type CloseEventProps = {
     /**
      * Function to handle button click (close).
      */
     onClose?: (event?: any) => void;
+    /**
+     * Function to handle button click (close).
+     */
+    close?: (event?: any) => void;
 };
 export type CloseEventState = {
     handleClose: (event: any) => void;
@@ -401,7 +426,7 @@ export type ActiveProps = {
     /**
      * If the tab is checked/active.
      */
-    active?: boolean;
+    active?: boolean | string;
 };
 export type InputEvent<T> = Event;
 export type InputEventProps<T> = {
@@ -409,7 +434,7 @@ export type InputEventProps<T> = {
     onInput?: (event: InputEvent<T>) => void;
 };
 export type InputEventState<T> = {
-    handleInput: (event: InputEvent<T>) => void;
+    handleInput: (event: InputEvent<T> | any) => void;
 };
 export type ChangeEvent<T> = Event;
 export type ChangeEventProps<T> = {
@@ -417,7 +442,7 @@ export type ChangeEventProps<T> = {
     onChange?: (event: ChangeEvent<T>) => void;
 };
 export type ChangeEventState<T> = {
-    handleChange: (event: ChangeEvent<T>) => void;
+    handleChange: (event: ChangeEvent<T> | any) => void;
 };
 export type InteractionEvent<T> = FocusEvent;
 export type FocusEventProps<T> = {
@@ -427,8 +452,8 @@ export type FocusEventProps<T> = {
     onFocus?: (event: InteractionEvent<T>) => void;
 };
 export type FocusEventState<T> = {
-    handleBlur: (event: InteractionEvent<T>) => void;
-    handleFocus: (event: InteractionEvent<T>) => void;
+    handleBlur: (event: InteractionEvent<T> | any) => void;
+    handleFocus: (event: InteractionEvent<T> | any) => void;
 };
 export type InnerCloseButtonProps = {
     /**

package/dist/utils/document-click-listener.d.ts

@@ -0,0 +1,8 @@
+export declare class DocumentClickListener {
+    private static callbacks;
+    private static _instance;
+    private static runCallbacks;
+    constructor();
+    addCallback(callback: (event: any) => void): string;
+    removeCallback(id: string): void;
+}

package/dist/utils/index.d.ts

@@ -28,32 +28,9 @@ export declare const delay: (fn: () => void, ms: number) => Promise<unknown>;
  * if it is used in a framework like angular e.g.: [disabled]="myDisabledProp"
  * @param originBool Some boolean to convert to string
  */
-export declare const getBooleanAsString: (originBool?: boolean) => any;
-export declare const getHideProp: (show?: boolean) => any;
-export declare const stringPropVisible: (givenString?: string, showString?: boolean) => string | boolean | undefined;
+export declare const getBooleanAsString: (originBool?: boolean | string) => any;
+export declare const getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
+export declare const getNumber: (originNumber?: number | string, alternativeNumber?: number | string) => number | undefined;
+export declare const getHideProp: (show?: boolean | string) => any;
+export declare const stringPropVisible: (givenString?: string, showString?: boolean | string) => boolean;
 export declare const getSearchInput: (element: HTMLElement) => HTMLInputElement | null;
-declare const _default: {
-    getSearchInput: (element: HTMLElement) => HTMLInputElement | null;
-    cls: (...args: ClassNameArg[]) => string;
-    addAttributeToChildren: (element: Element, attribute: {
-        key: string;
-        value: string;
-    }) => void;
-    uuid: () => string;
-    visibleInVX: (el: Element) => boolean;
-    visibleInVY: (el: Element) => boolean;
-    isInView: (el: Element) => {
-        outTop: boolean;
-        outBottom: boolean;
-        outLeft: boolean;
-        outRight: boolean;
-    };
-    handleDataOutside: (el: Element) => DBDataOutsidePair;
-    isArrayOfStrings: (value: unknown) => value is string[];
-    hasVoiceOver: () => boolean;
-    delay: (fn: () => void, ms: number) => Promise<unknown>;
-    getBooleanAsString: (originBool?: boolean | undefined) => any;
-    getHideProp: (show?: boolean | undefined) => any;
-    stringPropVisible: (givenString?: string | undefined, showString?: boolean | undefined) => string | boolean | undefined;
-};
-export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/v-core-components",
-  "version": "2.0.0-0-custom-select-16b8cce",
+  "version": "2.0.1",
   "type": "module",
   "description": "Vue components for @db-ux/core-components",
   "repository": {
@@ -33,15 +33,16 @@
     "mv:package.json": "cpr package.json ../../build-outputs/vue/package.json -o",
     "mv:readme": "cpr README.md ../../build-outputs/vue/README.md -o",
     "postbuild": "npm-run-all -p mv:*",
-    "test:components": "playwright test -c playwright.config.ts"
+    "test:components": "playwright test -c playwright.config.ts",
+    "test:components:ui": "playwright test -c playwright.config.ts --ui"
   },
   "devDependencies": {
-    "@playwright/experimental-ct-vue": "1.50.1",
-    "@vitejs/plugin-vue": "^5.2.0",
+    "@playwright/experimental-ct-vue": "1.51.1",
+    "@vitejs/plugin-vue": "^5.2.3",
     "replace-in-file": "^8.3.0",
     "tsx": "^4.19.3",
     "typescript": "^5.4.5",
-    "vite": "^6.2.1",
+    "vite": "^6.2.6",
     "vue": "^3.5.13",
     "vue-tsc": "^2.2.8"
   },
@@ -52,7 +53,7 @@
   "sideEffects": false,
   "source": "src/index.ts",
   "dependencies": {
-    "@db-ux/core-components": "2.0.0-0-custom-select-16b8cce",
-    "@db-ux/core-foundations": "2.0.0-0-custom-select-16b8cce"
+    "@db-ux/core-components": "2.0.1",
+    "@db-ux/core-foundations": "2.0.1"
   }
 }