@saasquatch/mint-components 1.5.2 → 1.5.3-0

package/dist/types/components/sqm-input-field/InputField.stories.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const Default: () => any;
+export declare const CustomLabel: () => any;
+export declare const Error: () => any;
+export declare const CustomError: () => any;
+export declare const DateType: () => any;
+export declare const NumberType: () => any;
+export declare const TelType: () => any;
+export declare const RegistrationField: () => any;
+export declare const RegistrationFieldCustomLabel: () => any;

package/dist/types/components/sqm-input-field/UseInputField.stories.d.ts

@@ -0,0 +1,49 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const FormData: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const FormDataWithLabel: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const MultipleInputs: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const OptionalInputs: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const DateType: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const NumberType: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const TelType: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

package/dist/types/components/sqm-input-field/sqm-input-field-view.d.ts

@@ -0,0 +1,14 @@
+import { ValidationErrors } from "../sqm-portal-register/useValidationState";
+export interface InputFieldViewProps {
+  states: {
+    validationErrors?: ValidationErrors;
+  };
+  content: {
+    fieldName: string;
+    fieldLabel: string;
+    fieldType: "date" | "number" | "tel" | "text";
+    fieldRequired?: boolean;
+    errorMessage: string;
+  };
+}
+export declare function InputFieldView(props: InputFieldViewProps): any;

package/dist/types/components/sqm-input-field/sqm-input-field.d.ts

@@ -0,0 +1,35 @@
+import { DemoData } from "../../global/demo";
+import { InputFieldViewProps } from "./sqm-input-field-view";
+/**
+ * @uiName Input Field
+ */
+export declare class InputField {
+  ignored: boolean;
+  /**
+   * @uiName Input name attribute
+   */
+  fieldName: string;
+  /**
+   * @uiName Input label
+   */
+  fieldLabel: string;
+  /**
+   * @uiName Input Type
+   * @uiType string
+   * @uiEnum ["text", "date",  "number", "tel"]
+   */
+  fieldType: "text" | "date" | "number" | "tel";
+  /**
+   * @uiName Empty error message
+   */
+  errorMessage: string;
+  /**
+   * @uiName Required
+   */
+  fieldRequired?: boolean;
+  /** @undocumented */
+  demoData?: DemoData<InputFieldViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-input-field/useInputField.d.ts

@@ -0,0 +1,5 @@
+export declare function useInputField(): {
+  states: {
+    validationErrors: import("../sqm-portal-register/useValidationState").ValidationErrors;
+  };
+};

package/dist/types/components.d.ts

@@ -13,6 +13,7 @@ import { DropdownFieldViewProps } from "./components/sqm-dropdown-field/sqm-drop
 import { EditProfileViewProps } from "./components/sqm-edit-profile/sqm-edit-profile-view";
 import { Spacing } from "./global/mixins";
 import { FunctionalComponent } from "./stencil-public-runtime";
+import { InputFieldViewProps } from "./components/sqm-input-field/sqm-input-field-view";
 import { LeaderboardViewProps } from "./components/sqm-leaderboard/sqm-leaderboard-view";
 import { LeaderboardRankViewProps } from "./components/sqm-leaderboard-rank/sqm-leaderboard-rank-view";
 import { NameFieldsViewProps } from "./components/sqm-name-fields/sqm-name-fields-view";
@@ -378,6 +379,34 @@ export namespace Components {
          */
         "minHeight"?: string;
     }
+    interface SqmInputField {
+        /**
+          * @undocumented
+         */
+        "demoData"?: DemoData<InputFieldViewProps>;
+        /**
+          * @uiName Empty error message
+         */
+        "errorMessage": string;
+        /**
+          * @uiName Input label
+         */
+        "fieldLabel": string;
+        /**
+          * @uiName Input name attribute
+         */
+        "fieldName": string;
+        /**
+          * @uiName Required
+         */
+        "fieldRequired"?: boolean;
+        /**
+          * @uiName Input Type
+          * @uiType string
+          * @uiEnum ["text", "date",  "number", "tel"]
+         */
+        "fieldType": "text" | "date" | "number" | "tel";
+    }
     interface SqmLeaderboard {
         /**
           * @uiName Title displayed for users without names
@@ -2072,6 +2101,12 @@ declare global {
         prototype: HTMLSqmImageElement;
         new (): HTMLSqmImageElement;
     };
+    interface HTMLSqmInputFieldElement extends Components.SqmInputField, HTMLStencilElement {
+    }
+    var HTMLSqmInputFieldElement: {
+        prototype: HTMLSqmInputFieldElement;
+        new (): HTMLSqmInputFieldElement;
+    };
     interface HTMLSqmLeaderboardElement extends Components.SqmLeaderboard, HTMLStencilElement {
     }
     var HTMLSqmLeaderboardElement: {
@@ -2496,6 +2531,7 @@ declare global {
         "sqm-hero-image": HTMLSqmHeroImageElement;
         "sqm-hook-story-container": HTMLSqmHookStoryContainerElement;
         "sqm-image": HTMLSqmImageElement;
+        "sqm-input-field": HTMLSqmInputFieldElement;
         "sqm-leaderboard": HTMLSqmLeaderboardElement;
         "sqm-leaderboard-rank": HTMLSqmLeaderboardRankElement;
         "sqm-name-fields": HTMLSqmNameFieldsElement;
@@ -2908,6 +2944,34 @@ declare namespace LocalJSX {
          */
         "minHeight"?: string;
     }
+    interface SqmInputField {
+        /**
+          * @undocumented
+         */
+        "demoData"?: DemoData<InputFieldViewProps>;
+        /**
+          * @uiName Empty error message
+         */
+        "errorMessage"?: string;
+        /**
+          * @uiName Input label
+         */
+        "fieldLabel"?: string;
+        /**
+          * @uiName Input name attribute
+         */
+        "fieldName"?: string;
+        /**
+          * @uiName Required
+         */
+        "fieldRequired"?: boolean;
+        /**
+          * @uiName Input Type
+          * @uiType string
+          * @uiEnum ["text", "date",  "number", "tel"]
+         */
+        "fieldType"?: "text" | "date" | "number" | "tel";
+    }
     interface SqmLeaderboard {
         /**
           * @uiName Title displayed for users without names
@@ -4501,6 +4565,7 @@ declare namespace LocalJSX {
         "sqm-hero-image": SqmHeroImage;
         "sqm-hook-story-container": SqmHookStoryContainer;
         "sqm-image": SqmImage;
+        "sqm-input-field": SqmInputField;
         "sqm-leaderboard": SqmLeaderboard;
         "sqm-leaderboard-rank": SqmLeaderboardRank;
         "sqm-name-fields": SqmNameFields;
@@ -4590,6 +4655,7 @@ declare module "@stencil/core" {
             "sqm-hero-image": LocalJSX.SqmHeroImage & JSXBase.HTMLAttributes<HTMLSqmHeroImageElement>;
             "sqm-hook-story-container": LocalJSX.SqmHookStoryContainer & JSXBase.HTMLAttributes<HTMLSqmHookStoryContainerElement>;
             "sqm-image": LocalJSX.SqmImage & JSXBase.HTMLAttributes<HTMLSqmImageElement>;
+            "sqm-input-field": LocalJSX.SqmInputField & JSXBase.HTMLAttributes<HTMLSqmInputFieldElement>;
             "sqm-leaderboard": LocalJSX.SqmLeaderboard & JSXBase.HTMLAttributes<HTMLSqmLeaderboardElement>;
             "sqm-leaderboard-rank": LocalJSX.SqmLeaderboardRank & JSXBase.HTMLAttributes<HTMLSqmLeaderboardRankElement>;
             "sqm-name-fields": LocalJSX.SqmNameFields & JSXBase.HTMLAttributes<HTMLSqmNameFieldsElement>;