pdap-design-system 3.1.0-beta.1 → 3.1.0-beta.11

package/dist/components/Form/PdapForm.vue.d.ts

@@ -4,6 +4,9 @@ import { PdapFormProps } from './types';
  * The `Form` component is powerful. All you need to do is pass a few props, and the component will generate inputs and render them in the UI, complete with customizable form validation and both form-level and input-level error states.
  *
  *
+ * @deprecated use FormV2 with the PdapInputCheckbox, ...Text, and ...Password components instead
+ *
+ *
  * ## Props
  * @prop {string | undefined | null} error Error state. Only a non-falsy string results in a form-level error being displayed
  * @prop {string} id Passed through to the `form` element as its `id`

package/dist/components/FormV2/PdapFormV2.vue.d.ts

@@ -0,0 +1,65 @@
+import { PdapFormPropsV2 } from './types';
+declare const values: import("vue").Ref<Record<PropertyKey, unknown>>;
+declare function setValues(val: Partial<typeof values.value>): void;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapFormPropsV2>, {
+    error: null;
+}>, {
+    setValues: typeof setValues;
+    v$: import("vue").Ref<import("@vuelidate/core").Validation<Record<string, {
+        [x: string]: import("@vuelidate/core").ValidationRuleWithParams<{
+            max: number;
+        }, any> | import("@vuelidate/core").ValidationRuleWithParams<{
+            min: number;
+        }, any>;
+    } | {
+        [x: string]: import("@vuelidate/core").ValidationRuleWithParams<object, any>;
+    } | {
+        required: import("@vuelidate/core").ValidationRuleWithoutParams<any>;
+    } | {
+        required: import("@vuelidate/core").ValidationRuleWithParams<object, any>;
+    } | {
+        email: import("@vuelidate/core").ValidationRuleWithoutParams<any>;
+    } | {
+        email: import("@vuelidate/core").ValidationRuleWithParams<object, any>;
+    } | {
+        password: any;
+    }>, Record<PropertyKey, unknown>>>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    error: (...args: any[]) => void;
+    submit: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapFormPropsV2>, {
+    error: null;
+}>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+}, {
+    error: string | null;
+}, {}>, {
+    error?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/FormV2/index.d.ts

@@ -0,0 +1 @@
+export { default as FormV2 } from './PdapFormV2.vue';

package/dist/components/FormV2/types.d.ts

@@ -0,0 +1,40 @@
+import useVuelidate from '@vuelidate/core';
+import { makeRules } from './util';
+import { Ref } from 'vue';
+export interface PdapFormValidatorV2<T> {
+    message?: string;
+    value: T;
+}
+/**
+ * Keyed by currently used validators.
+ * Add any Vuelidate validators or custom ones here as we need them.
+ * See https://vuelidate-next.netlify.app/validators.html#using-builtin-validators for more.
+ *
+ */
+export interface PdapFormValidatorsV2 {
+    maxLength: PdapFormValidatorV2<number>;
+    minLength: PdapFormValidatorV2<number>;
+    required: PdapFormValidatorV2<boolean>;
+    email: PdapFormValidatorV2<boolean>;
+    password: PdapFormValidatorV2<boolean>;
+}
+export type ValidationSchemaV2 = {
+    name: string;
+    validators: Partial<PdapFormValidatorsV2>;
+}[];
+/**
+ * PDAP Form props interface.
+ */
+export interface PdapFormPropsV2 {
+    defaultValues?: Record<PropertyKey, unknown>;
+    error?: string | undefined | null;
+    id: string;
+    name: string;
+    schema: ValidationSchemaV2;
+}
+export interface PdapFormProvideV2 {
+    values: Ref<Record<PropertyKey, unknown>>;
+    setValues: (values: Record<PropertyKey, unknown>) => void;
+    rules: ReturnType<typeof makeRules>;
+    v$: ReturnType<typeof useVuelidate>;
+}

package/dist/components/FormV2/util.d.ts

@@ -0,0 +1,5 @@
+import { createRule } from '../../utils/vuelidate';
+import { PdapFormProvideV2, ValidationSchemaV2 } from './types';
+import { InjectionKey } from 'vue';
+export declare function makeRules(schema: ValidationSchemaV2): Record<string, ReturnType<typeof createRule>>;
+export declare const provideKey: InjectionKey<PdapFormProvideV2>;

package/dist/components/InputCheckbox/PdapInputCheckbox.vue.d.ts

@@ -0,0 +1,20 @@
+import { PdapInputCheckboxProps } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PdapInputCheckboxProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PdapInputCheckboxProps>>>, {}, {}>, {
+    error?(_: {}): any;
+    label?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/InputCheckbox/index.d.ts

@@ -0,0 +1 @@
+export { default as InputCheckbox } from './PdapInputCheckbox.vue';

package/dist/components/InputCheckbox/types.d.ts

@@ -0,0 +1,6 @@
+export interface PdapInputCheckboxProps {
+    id: string;
+    label?: string;
+    name: string;
+    defaultChecked?: boolean;
+}

package/dist/components/InputPassword/PdapInputPassword.vue.d.ts

@@ -0,0 +1,20 @@
+import { PdapInputTextProps } from '../InputText/types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PdapInputTextProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PdapInputTextProps>>>, {}, {}>, {
+    label?(_: {}): any;
+    error?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/InputPassword/index.d.ts

@@ -0,0 +1 @@
+export { default as InputPassword } from './PdapInputPassword.vue';

package/dist/components/InputSelect/PdapInputSelect.vue.d.ts

@@ -0,0 +1,34 @@
+import { PdapInputSelectProps } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapInputSelectProps>, {
+    placeholder: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapInputSelectProps>, {
+    placeholder: string;
+}>>>, {
+    placeholder: string;
+}, {}>, {
+    label?(_: {}): any;
+    error?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/InputSelect/index.d.ts

@@ -0,0 +1 @@
+export { default as InputSelect } from './PdapInputSelect.vue';

package/dist/components/InputSelect/types.d.ts

@@ -0,0 +1,11 @@
+export interface PdapSelectOption {
+    value: string;
+    label: string;
+}
+export interface PdapInputSelectProps {
+    id: string;
+    label?: string;
+    name: string;
+    placeholder?: string;
+    options: PdapSelectOption[];
+}

package/dist/components/InputText/PdapInputText.vue.d.ts

@@ -0,0 +1,20 @@
+import { PdapInputTextProps } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PdapInputTextProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PdapInputTextProps>>>, {}, {}>, {
+    label?(_: {}): any;
+    error?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/InputText/index.d.ts

@@ -0,0 +1 @@
+export { default as InputText } from './PdapInputText.vue';

package/dist/components/InputText/types.d.ts

@@ -0,0 +1,6 @@
+export interface PdapInputTextProps {
+    id: string;
+    label?: string;
+    name: string;
+    placeholder?: string;
+}

package/dist/components/InputTextArea/PdapInputTextArea.vue.d.ts

@@ -0,0 +1,34 @@
+import { PdapInputTextAreaProps } from './types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapInputTextAreaProps>, {
+    placeholder: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PdapInputTextAreaProps>, {
+    placeholder: string;
+}>>>, {
+    placeholder: string;
+}, {}>, {
+    label?(_: {}): any;
+    error?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/InputTextArea/index.d.ts

@@ -0,0 +1 @@
+export { default as InputTextArea } from './PdapInputTextArea.vue';

package/dist/components/InputTextArea/types.d.ts

@@ -0,0 +1,6 @@
+export interface PdapInputTextAreaProps {
+    id: string;
+    label?: string;
+    name: string;
+    placeholder?: string;
+}

package/dist/components/index.d.ts

@@ -2,7 +2,13 @@ export { Button } from './Button';
 export { ErrorBoundary } from './ErrorBoundary';
 export { Footer } from './Footer';
 export { Form } from './Form';
+export { FormV2 } from './FormV2';
 export { Input } from './Input';
+export { InputCheckbox } from './InputCheckbox';
+export { InputPassword } from './InputPassword';
+export { InputText } from './InputText';
+export { InputSelect } from './InputSelect';
+export { InputTextArea } from './InputTextArea';
 export { Header } from './Header';
 export { Nav } from './Nav';
 export { QuickSearchForm } from './QuickSearchForm';

package/dist/demo/pages/FormV2Demo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;