@mgdis/mg-components 6.15.0 → 6.17.0

package/dist/types/components.d.ts

@@ -13,7 +13,7 @@ import { RadiusSizeType } from "./components/atoms/mg-card/mg-card.conf";
 import { AriaRoleType, RequiredMessageStatusType } from "./components/molecules/mg-form/mg-form.conf";
 import { IconSizeType, IconType, IconVariantStyleType, IconVariantType } from "./components/atoms/mg-icon/mg-icon.conf";
 import { IllustratedMessageDirectionType, IllustratedMessageSizeType } from "./components/molecules/mg-illustrated-message/mg-illustrated-message.conf";
-import { ErrorMessageDetailsType, TooltipPosition, Width } from "./components/molecules/inputs/mg-input/mg-input.conf";
+import { TooltipPosition, Width } from "./components/molecules/inputs/mg-input/mg-input.conf";
 import { CheckboxItem, CheckboxType, CheckboxValue } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
 import { Direction, Option } from "./types";
 import { RequestMappingType, ResponseMappingType } from "./components/molecules/inputs/mg-input-combobox/mg-input-combobox.conf";
@@ -45,7 +45,7 @@ export { RadiusSizeType } from "./components/atoms/mg-card/mg-card.conf";
 export { AriaRoleType, RequiredMessageStatusType } from "./components/molecules/mg-form/mg-form.conf";
 export { IconSizeType, IconType, IconVariantStyleType, IconVariantType } from "./components/atoms/mg-icon/mg-icon.conf";
 export { IllustratedMessageDirectionType, IllustratedMessageSizeType } from "./components/molecules/mg-illustrated-message/mg-illustrated-message.conf";
-export { ErrorMessageDetailsType, TooltipPosition, Width } from "./components/molecules/inputs/mg-input/mg-input.conf";
+export { TooltipPosition, Width } from "./components/molecules/inputs/mg-input/mg-input.conf";
 export { CheckboxItem, CheckboxType, CheckboxValue } from "./components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf";
 export { Direction, Option } from "./types";
 export { RequestMappingType, ResponseMappingType } from "./components/molecules/inputs/mg-input-combobox/mg-input-combobox.conf";
@@ -319,7 +319,7 @@ export namespace Components {
         /**
           * Define error message to display
          */
-        "errorMessage"?: string | ErrorMessageDetailsType;
+        "errorMessage"?: string;
         /**
           * Define help text to display
          */
@@ -375,7 +375,7 @@ export namespace Components {
         /**
           * Overwrite default "edit" button message
          */
-        "editButtonMessage"?: string;
+        "editButtonMessage": string;
         /**
           * Add a help text under the input, usually expected data format and example
          */
@@ -412,10 +412,6 @@ export namespace Components {
           * @default this.identifier
          */
         "name": string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Define if mg-input-checkbox is readonly
           * @default false
@@ -433,7 +429,7 @@ export namespace Components {
         /**
           * Overwrite default "select" button message
          */
-        "selectButtonMessage"?: string;
+        "selectButtonMessage": string;
         /**
           * Set an error and display a custom error message. This method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter. It must be paired with an error message to display for the given context. When used to set validity to `false`, you should use this method again to reset the validity to `true`.
           * @param valid - value indicating the validity
@@ -447,7 +443,7 @@ export namespace Components {
         /**
           * Overwrite default "show" button message
          */
-        "showButtonMessage"?: string;
+        "showButtonMessage": string;
         /**
           * Add a tooltip message next to the input
          */
@@ -576,10 +572,6 @@ export namespace Components {
           * @default this.identifier
          */
         "name": string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Define input placeholder. It should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help combobox.
          */
@@ -997,10 +989,6 @@ export namespace Components {
           * @default this.identifier
          */
         "name": string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Define if input is readonly
           * @default false
@@ -1202,10 +1190,6 @@ export namespace Components {
           * @default this.identifier
          */
         "name": string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Input placeholder. It should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.
          */
@@ -1538,10 +1522,6 @@ export namespace Components {
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
         "identifier": string;
-        /**
-          * Define input invalid state
-         */
-        "invalid": boolean;
         /**
           * Define if toggle display icon
           * @default false
@@ -1575,10 +1555,6 @@ export namespace Components {
           * @default this.identifier
          */
         "name": string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Define if input is readonly
           * @default false
@@ -1607,10 +1583,6 @@ export namespace Components {
           * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
-        /**
-          * Define input valid state
-         */
-        "valid": boolean;
         /**
           * Component value
          */
@@ -2919,7 +2891,7 @@ declare namespace LocalJSX {
         /**
           * Define error message to display
          */
-        "errorMessage"?: string | ErrorMessageDetailsType;
+        "errorMessage"?: string;
         /**
           * Define help text to display
          */
@@ -3008,10 +2980,6 @@ declare namespace LocalJSX {
           * @default this.identifier
          */
         "name"?: string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Emited event when checking validity
          */
@@ -3158,10 +3126,6 @@ declare namespace LocalJSX {
           * @default this.identifier
          */
         "name"?: string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Emited event when fetch API throw an error
          */
@@ -3551,10 +3515,6 @@ declare namespace LocalJSX {
           * @default this.identifier
          */
         "name"?: string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Emited event when checking validity
          */
@@ -3726,10 +3686,6 @@ declare namespace LocalJSX {
           * @default this.identifier
          */
         "name"?: string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Emited event when checking validity
          */
@@ -4036,10 +3992,6 @@ declare namespace LocalJSX {
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          */
         "identifier": string;
-        /**
-          * Define input invalid state
-         */
-        "invalid"?: boolean;
         /**
           * Define if toggle display icon
           * @default false
@@ -4073,10 +4025,6 @@ declare namespace LocalJSX {
           * @default this.identifier
          */
         "name"?: string;
-        /**
-          * Define no value error detail
-         */
-        "noValueErrorDetail"?: string;
         /**
           * Emited event when checking validity
          */
@@ -4099,10 +4047,6 @@ declare namespace LocalJSX {
           * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
-        /**
-          * Define input valid state
-         */
-        "valid"?: boolean;
         /**
           * Component value
          */

package/dist/types/stencil-public-runtime.d.ts

@@ -1,4 +1,5 @@
-declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+type CustomMethodDecorator<T> = (target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+type UnionToIntersection<U> = (U extends any ? (x: U) => void : never) extends (x: infer I) => void ? I : never;
 export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
@@ -151,7 +152,13 @@ export interface StateDecorator {
     (): PropertyDecorator;
 }
 export interface WatchDecorator {
-    (propName: string): CustomMethodDecorator<any>;
+    (propName: any): CustomMethodDecorator<(newValue?: any, oldValue?: any, propName?: any, ...args: any[]) => any | void>;
+}
+export interface PropSerializeDecorator {
+    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => string | null>;
+}
+export interface AttrDeserializeDecorator {
+    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => any>;
 }
 export interface UserBuildConditionals {
     isDev: boolean;
@@ -233,6 +240,14 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
+/**
+ * Decorator to serialize a property to an attribute string.
+ */
+export declare const PropSerialize: PropSerializeDecorator;
+/**
+ * Decorator to deserialize an attribute string to a property.
+ */
+export declare const AttrDeserialize: AttrDeserializeDecorator;
 export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
 export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
@@ -349,6 +364,28 @@ export declare function readTask(task: RafCallback): void;
  * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
  */
 export declare const setErrorHandler: (handler: ErrorHandler) => void;
+export type MixinFactory = <TBase extends new (...args: any[]) => any>(base: TBase) => abstract new (...args: ConstructorParameters<TBase>) => any;
+/**
+ * Compose multiple mixin classes into a single constructor.
+ * The resulting class has the combined instance types of all mixed-in classes.
+ *
+ * Example:
+ * ```
+ * import { Mixin, MixinFactory } from '@stencil/core';
+ *
+ * const AWrap: MixinFactory = (Base) => {class A extends Base { propA = A }; return A;}
+ * const BWrap: MixinFactory = (Base) => {class B extends Base { propB = B }; return B;}
+ * const CWrap: MixinFactory = (Base) => {class C extends Base { propC = C }; return C;}
+ *
+ * class X extends Mixin(AWrap, BWrap, CWrap) {
+ *   render() { return <div>{this.propA} {this.propB} {this.propC}</div>; }
+ * }
+ * ```
+ *
+ * @param mixinFactories mixin factory functions that return a class which extends from the provided class.
+ * @returns a class that that is composed from extending each of the provided classes in the order they were provided.
+ */
+export declare function Mixin<TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<InstanceType<ReturnType<TMixins[number]>>>;
 /**
  * This file gets copied to all distributions of stencil component collections.
  * - no imports

package/dist/types/types/index.d.ts

@@ -5,7 +5,7 @@ export type Size = 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge
 /**
  * Defines the possible values for variant
  */
-export type Variant = 'info' | 'success' | 'warning' | 'danger' | 'danger-alt' | 'primary' | 'secondary' | 'app' | 'light' | 'dark' | 'flat' | 'text-color' | 'link';
+export type Variant = 'info' | 'success' | 'warning' | 'danger' | 'danger-alt' | 'primary' | 'secondary' | 'app' | 'light' | 'dark' | 'flat' | 'text-color' | 'link' | 'neutral';
 /**
  * Defines the possible values for directions
  */